@charset "UTF-8";
/*------------------------------------*    $RESET
\*------------------------------------*/
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section, main {
  display: block; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/*************************
    	$VARIABLES
**************************/
/*------------------------------------*    $BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*    $LAYOUT
\*------------------------------------*/
/*------------------------------------*    $FONTS
\*------------------------------------*/
/*------------------------------------*    $COLORS
\*------------------------------------*/
/*------------------------------------*    $IMAGE-DIR
\*------------------------------------*/
/**
 * Con agregar esta variable a las imágenes declaradas en CSS apañamos:
 */
/*------------------------------------*    $Z-INDEX CONTROL
\*------------------------------------*/
/**
 * Haremos una lista con los elementos tipo que queremos en el
 * orden que deben mostrarse, y así establecemos el z-index
 * mediante la función index()
 * Ej:
 * .lightbox{
 *		z-index: index($elements, lightboxes);
 *	}
 *
 */
/*------------------------------------*    $PLACEHOLDERS
\*------------------------------------*/
/**
* Text ellipsis
*/
.item-center-carousel .text .subtitle, #product-page.tarjeta .big-card .owner-name, .selected-bar .description, .select-group .data-title,
.select-group .data-details, .transaction-page .products-involved .product-name, .transaction-page .concept, .card-option:not(#active-card) .products-involved .step-header .text, .select2-container .select2-choice > .select2-chosen {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**
* Vertical center
*/
.vmiddle, .false-checkbox span, .item-center-carousel .content > div, .item-center-carousel .content > span, .product > .content span, .product .icon-card, #global-position .new-movements .text, #global-position [class*="btn--transaction"] .text, #global-position .card-data, .movement-details-view .variations-group span, .movement-details-view .balance-group span, #movements .product-group > span,
#orders .product-group > span,
#liquidations .product-group > span, #movements .movement .date, #movements .movement .arrow,
#orders .movement .date,
#orders .movement .arrow,
#liquidations .movement .date,
#liquidations .movement .arrow, #movements .filter-group span:not(.big-res),
#orders .filter-group span:not(.big-res),
#liquidations .filter-group span:not(.big-res), #product-page.cartera #last-movements > span, #product-page.cartera .movement-details-view .in-portfolio-group span, .selected-bar .ticker, .selected-bar .description, .transaction-page .small-res, .transaction-page .products-involved .header, .transaction-page .products-involved .content, .transaction-page .products-involved .header > span:not(.big-res):not(.small-res), .transaction-page .products-involved .block, .transaction-page .destination-select-block span, .transaction-page .account-number input, .transaction-page .account-number .iban-container, .item-carousel.offers > .content::before, .item-carousel.offers > .content img, #socius-world td[colspan*="3"] svg, #socius-world td[colspan*="3"] span, .pb-user #home .filter-type span, .pb-user .sub-home-page:not(.equities) .black-bar span {
  display: inline-block;
  vertical-align: middle; }

/**
* Shadows
*/
.alert--floating .message-container, .product,
.item-center-carousel,
.movement,
.card-style, .movement-details-view .content, .select-group, .mifid-block .message-container {
  background-color: white;
  color: #525759;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14); }

.product:not(.no-pointer),
.movement,
.transaction-page .card-style,
#contact-info .card-style, .select-group {
  cursor: pointer; }
  .product:hover:not(.no-pointer),
  .movement:hover,
  .transaction-page .card-style:hover,
  #contact-info .card-style:hover, .select-group:hover {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }

/**
* Buttons
*/
.btn--icon, .btn--square {
  font-size: .75em;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  text-transform: uppercase;
  height: 2.5rem;
  cursor: pointer;
  padding: 0 .8em;
  width: auto;
  display: inline-block;
  vertical-align: middle; }
  .btn--icon:hover, .btn--square:hover {
    text-decoration: none; }
  .btn--icon > div, .btn--square > div, .btn--icon > span, .btn--square > span, .btn--icon > a, .btn--square > a {
    display: inline-block;
    vertical-align: middle; }
    .btn--icon > div:not([class*="gradient-"]), .btn--square > div:not([class*="gradient-"]), .btn--icon > span:not([class*="gradient-"]), .btn--square > span:not([class*="gradient-"]), .btn--icon > a:not([class*="gradient-"]), .btn--square > a:not([class*="gradient-"]) {
      height: 100%;
      line-height: 2.5rem; }
  @media screen and (min-width: 1024px) {
    .btn--icon, .btn--square {
      font-size: .8em;
      height: 3rem; }
      .btn--icon > div:not([class*="gradient-"]), .btn--square > div:not([class*="gradient-"]), .btn--icon > span:not([class*="gradient-"]), .btn--square > span:not([class*="gradient-"]), .btn--icon > a:not([class*="gradient-"]), .btn--square > a:not([class*="gradient-"]) {
        height: 100%;
        line-height: 3rem; } }

.btn--icon [class*="gradient-"] {
  margin-right: 0.7em; }

.btn--rounded {
  display: inline-table;
  height: 2.5rem;
  font-size: .85em;
  cursor: pointer;
  background-color: #EC0000;
  text-transform: uppercase;
  color: white;
  padding: 0 3em;
  border-radius: 1.4rem;
  min-width: 12.5rem; }
  .btn--rounded > span, .btn--rounded > a {
    display: table-cell;
    vertical-align: middle; }
  @media screen and (min-width: 768px) {
    .btn--rounded {
      height: 3rem;
      border-radius: 1.5rem; } }

.btn--rounded__transparent {
  display: inline-table;
  height: 2.5rem;
  font-size: .85em;
  cursor: pointer;
  background-color: transparent;
  text-transform: uppercase;
  border: 1px solid #b3b3b3;
  padding: 0 1.5em;
  border-radius: 1.4rem;
  position: relative;
  min-width: 12.5rem; }
  .btn--rounded__transparent > span, .btn--rounded__transparent > a {
    display: table-cell;
    vertical-align: middle; }
  .btn--rounded__transparent svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .btn--rounded__transparent:not(.disabled):hover {
    border: 1px solid #333333; }
  .disabled.btn--rounded__transparent {
    opacity: .4;
    cursor: default;
    pointer-events: none; }
  @media screen and (min-width: 768px) {
    .btn--rounded__transparent {
      height: 3rem;
      border-radius: 1.5rem; } }

.btn--transaction--blue, .btn--transaction--red, .btn--transaction--green, .btn--transaction--purple, .btn--transaction--orange, .btn--transaction--gray {
  cursor: pointer;
  padding: 0.3em 1em 0.35em 0.3em;
  border: 1px solid #b3b3b3;
  border-radius: 4px; }
  @media screen and (min-width: 650px) {
    .btn--transaction--blue, .btn--transaction--red, .btn--transaction--green, .btn--transaction--purple, .btn--transaction--orange, .btn--transaction--gray {
      padding: 0.3em .5em 0.35em 0.3em; } }
  @media screen and (min-width: 768px) {
    .btn--transaction--blue, .btn--transaction--red, .btn--transaction--green, .btn--transaction--purple, .btn--transaction--orange, .btn--transaction--gray {
      padding: 0.3em 1em 0.35em 0.3em; } }
  @media screen and (min-width: 1024px) {
    .btn--transaction--blue, .btn--transaction--red, .btn--transaction--green, .btn--transaction--purple, .btn--transaction--orange, .btn--transaction--gray {
      padding: 0.3em 1.7em 0.35em 0.3em; } }

.btn--transaction--blue:hover, .hover--blue:hover {
  border-color: #1BB3BC; }

.btn--transaction--red:hover, .hover--red:hover {
  border-color: #EC0000; }

.btn--transaction--green:hover, .hover--green:hover {
  border-color: #ABC111; }

.btn--transaction--purple:hover, .hover--purple:hover {
  border-color: #9E3667; }

.btn--transaction--orange:hover, .hover--orange:hover {
  border-color: #E59D27; }

.btn--transaction--gray:hover, .hover--gray:hover {
  border-color: #666666; }

.gradient-square--blue, .gradient-square--red, .gradient-square--green, .gradient-square--purple, .gradient-square--orange, .gradient-square--gray, .gradient-square--graylight, .gradient-square--graylighter {
  text-align: center;
  color: white;
  border-radius: 2px;
  height: 29px;
  width: 29px;
  display: inline-block;
  line-height: 29px; }
  .gradient-square--blue svg, .gradient-square--red svg, .gradient-square--green svg, .gradient-square--purple svg, .gradient-square--orange svg, .gradient-square--gray svg, .gradient-square--graylight svg, .gradient-square--graylighter svg {
    height: 29px;
    padding: .35rem;
    width: 29px; }
  .disabled.gradient-square--blue, .disabled.gradient-square--red, .disabled.gradient-square--green, .disabled.gradient-square--purple, .disabled.gradient-square--orange, .disabled.gradient-square--gray, .disabled.gradient-square--graylight, .disabled.gradient-square--graylighter {
    background: #3D3D3D;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
    background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
    /* W3C */ }
  @media screen and (min-width: 1024px) {
    .gradient-square--blue, .gradient-square--red, .gradient-square--green, .gradient-square--purple, .gradient-square--orange, .gradient-square--gray, .gradient-square--graylight, .gradient-square--graylighter {
      height: 35px;
      width: 35px;
      line-height: 35px; }
      .gradient-square--blue svg, .gradient-square--red svg, .gradient-square--green svg, .gradient-square--purple svg, .gradient-square--orange svg, .gradient-square--gray svg, .gradient-square--graylight svg, .gradient-square--graylighter svg {
        height: 35px;
        width: 35px; }
      .option .gradient-square--blue svg, .option .gradient-square--red svg, .option .gradient-square--green svg, .option .gradient-square--purple svg, .option .gradient-square--orange svg, .option .gradient-square--gray svg, .option .gradient-square--graylight svg, .option .gradient-square--graylighter svg {
        padding: .5em; } }

.gradient-square--graysmall, .gradient-square--redsmall, .gradient-square--bluesmall {
  text-align: center;
  color: white;
  border-radius: 2px;
  height: 19px;
  width: 19px;
  display: inline-block;
  line-height: 19px; }
  .gradient-square--graysmall svg, .gradient-square--redsmall svg, .gradient-square--bluesmall svg {
    height: 19px;
    width: 19px;
    padding: 2px; }
  @media screen and (min-width: 1024px) {
    .gradient-square--graysmall, .gradient-square--redsmall, .gradient-square--bluesmall {
      height: 25px;
      width: 25px;
      display: inline-block;
      line-height: 25px; }
      .gradient-square--graysmall svg, .gradient-square--redsmall svg, .gradient-square--bluesmall svg {
        height: 25px;
        width: 25px;
        padding: 3px; } }

.alert--last-movs, .alert--last-movs__button {
  line-height: normal; }
  .alert--last-movs .message, .alert--last-movs__button .message {
    font-family: "LatoLight", Helvetica, Arial, sans-serif; }
  .alert--last-movs .title, .alert--last-movs__button .title {
    text-transform: uppercase;
    padding-bottom: .5em; }

/*------------------------------------*    $FONTS
\*------------------------------------*/
@font-face {
  font-family: 'LatoBold';
  src: url("../../fonts/Lato-Bold-webfont.eot");
  src: url("../../fonts/Lato-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/Lato-Bold-webfont.woff2") format("woff2"), url("../../fonts/Lato-Bold-webfont.woff") format("woff"), url("../../fonts/Lato-Bold-webfont.ttf") format("truetype"), url("../../fonts/Lato-Bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LatoLight';
  src: url("../../fonts/Lato-Light-webfont.eot");
  src: url("../../fonts/Lato-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/Lato-Light-webfont.woff2") format("woff2"), url("../../fonts/Lato-Light-webfont.woff") format("woff"), url("../../fonts/Lato-Light-webfont.ttf") format("truetype"), url("../../fonts/Lato-Light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../fonts/Lato-Regular-webfont.eot");
  src: url("../../fonts/Lato-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/Lato-Regular-webfont.woff2") format("woff2"), url("../../fonts/Lato-Regular-webfont.woff") format("woff"), url("../../fonts/Lato-Regular-webfont.ttf") format("truetype"), url("../../fonts/Lato-Regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*------------------------------------*    $BASE
\*------------------------------------*/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.25rem;
  background-color: #F3F3F3;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  color: #333333;
  -webkit-overflow-scrolling: touch; }
  body.noscroll {
    position: fixed; }

/*------------------------------------*    $ELEMENTS
\*------------------------------------*/
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

figure figcaption {
  display: block;
  font-weight: normal; }

/*------------------------------------*    $LINKS
\*------------------------------------*/
a {
  text-decoration: none;
  color: inherit; }
  a:hover, a:active {
    outline: 0; }

/*------------------------------------*    $TYPOGRAPHY
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  text-rendering: optimizelegibility; }

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

/*------------------------------------*    $TABLES
\*------------------------------------*/
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  table th,
  table td {
    vertical-align: middle;
    line-height: normal;
    text-align: left; }
  table thead th {
    vertical-align: middle; }
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-top: 0; }

/*------------------------------------*    $BUTTONS
\*------------------------------------*/
.btn--square {
  text-align: center; }

.btn--icon.disabled {
  cursor: default;
  opacity: .5;
  pointer-events: none; }

.btn--rounded {
  border: none; }
  .btn--rounded.disabled {
    background-color: #525759;
    opacity: .2;
    cursor: default;
    pointer-events: none; }

/************ ICON COLOR BUTTONS (They aren't buttons but...) **************/
.gradient-square--blue {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: .9em; }
  .gradient-square--blue:not(.disabled) {
    background: #367F95;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367F95), color-stop(60%, #1BB3BC));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#367F95), color-stop(60%, #1BB3BC));
    background-image: linear-gradient(to bottom, #367F95 0%, #1BB3BC 60%);
    /* W3C */ }

.gradient-square--red:not(.disabled) {
  background: #C70105;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
  background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
  /* W3C */ }

.gradient-square--green:not(.disabled) {
  background: #B7AD1B;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B7AD1B), color-stop(60%, #ABC111));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B7AD1B), color-stop(60%, #ABC111));
  background-image: linear-gradient(to bottom, #B7AD1B 0%, #ABC111 60%);
  /* W3C */ }

.gradient-square--purple:not(.disabled) {
  background: #695277;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #695277 0%, #9E3667 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #695277), color-stop(60%, #9E3667));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #695277 0%, #9E3667 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #695277 0%, #9E3667 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #695277 0%, #9E3667 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#695277), color-stop(60%, #9E3667));
  background-image: linear-gradient(to bottom, #695277 0%, #9E3667 60%);
  /* W3C */ }

.gradient-square--orange:not(.disabled) {
  background: #D0A228;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #D0A228 0%, #E59D27 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D0A228), color-stop(60%, #E59D27));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #D0A228 0%, #E59D27 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #D0A228 0%, #E59D27 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #D0A228 0%, #E59D27 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D0A228), color-stop(60%, #E59D27));
  background-image: linear-gradient(to bottom, #D0A228 0%, #E59D27 60%);
  /* W3C */ }

.gradient-square--gray {
  background: #3D3D3D;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
  background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
  /* W3C */ }

.gradient-square--graylight {
  background: #D7D7D7;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #D7D7D7 0%, white 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7D7D7), color-stop(60%, white));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #D7D7D7 0%, white 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #D7D7D7 0%, white 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #D7D7D7 0%, white 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), color-stop(60%, white));
  background-image: linear-gradient(to bottom, #D7D7D7 0%, white 60%);
  /* W3C */ }

.gradient-square--graylighter {
  color: #525759;
  background: #D7D7D7;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #D7D7D7 0%, #EDECED 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7D7D7), color-stop(60%, #EDECED));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #D7D7D7 0%, #EDECED 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #D7D7D7 0%, #EDECED 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #D7D7D7 0%, #EDECED 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), color-stop(60%, #EDECED));
  background-image: linear-gradient(to bottom, #D7D7D7 0%, #EDECED 60%);
  /* W3C */ }

.gradient-square--graysmall {
  background: #3D3D3D;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
  background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
  /* W3C */ }

.gradient-square--redsmall {
  background: #C70105;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
  background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
  /* W3C */ }

.gradient-square--bluesmall {
  background: #367F95;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367F95), color-stop(60%, #1BB3BC));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#367F95), color-stop(60%, #1BB3BC));
  background-image: linear-gradient(to bottom, #367F95 0%, #1BB3BC 60%);
  /* W3C */ }

/*------------------------------------*    $ALERTS
\*------------------------------------*/
/**
 * .alert is the main class
 */
.alert {
  z-index: 7; }

.alert--last-movs__button .btn {
  margin-top: 2em; }

.alert--page {
  line-height: normal;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: .8em; }
  .alert--page .logo {
    display: inline-block; }
  .alert--page .logo-old {
    display: inline-block;
    line-height: calc(45px - 10px);
    width: 130px; }
  .alert--page main {
    width: 90%;
    margin: 0; }
    .alert--page main p {
      margin-bottom: .5em; }
  .alert--page svg {
    height: 3em;
    width: 3em;
    fill: #333333;
    margin-bottom: 3em; }
  .alert--page .img-icon {
    display: inline-block;
    margin: 0.8em 0 1em;
    width: 60px; }
  .alert--page .error-title {
    font-size: 1.3rem;
    font-family: "LatoBold", Helvetica, Arial, sans-serif;
    margin-bottom: 1em; }
  .alert--page .message {
    margin-bottom: 1em; }
    .alert--page .message.left {
      text-align: left;
      width: 90%;
      margin: 1em auto 0; }
    .alert--page .message > a {
      color: #EC0000; }
  .alert--page ul {
    width: 90%;
    margin: 1em auto 0; }
    .alert--page ul li {
      list-style-type: square;
      text-align: left;
      padding: .5em; }
  .alert--page .btn {
    margin: 2em auto 0;
    border-color: #333333;
    color: #333333;
    font-size: .8em; }
  @media screen and (min-width: 768px) {
    .alert--page {
      font-size: .9em; }
      .alert--page .logo {
        width: 11rem; }
      .alert--page .logo-old {
        line-height: calc(60px - 10px);
        width: 170px; }
      .alert--page [class^='icon-'] {
        margin-bottom: .8em; }
      .alert--page .img-icon {
        margin: 0.8em 0 2em;
        width: 80px; }
      .alert--page .wrapper--inside {
        max-width: 590px; }
      .alert--page .error-title {
        font-size: 1.5rem; }
      .alert--page .message.separate {
        margin: 6em 0 1em; } }

#blocked-block {
  height: 100%;
  width: 100%;
  margin-top: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  background-color: #F3F3F3;
  font-size: 1rem;
  z-index: 2; }
  #blocked-block .error-title {
    font-size: 1.3rem; }
  @media screen and (min-width: 768px) {
    #blocked-block .error-title {
      font-size: 1.5rem; } }

.alert--floating {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #333333;
  line-height: 1.3;
  text-align: center;
  overflow-y: scroll;
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .alert--floating a {
    color: #EC0000;
    text-decoration: underline; }
  .alert--floating.alert--floating__rmv a {
    text-decoration: underline; }
  .alert--floating.alert--floating__mifid a {
    text-decoration: underline; }
  .alert--floating.alert--floating__mifid .title {
    margin: .5em auto;
    font-size: 18px;
    display: block;
    max-width: 400px;
    border-bottom: 1px solid #aaa;
    padding-bottom: .5em;
    color: #ec0000; }
  .alert--floating .message-container {
    font-size: .9rem;
    width: 90%;
    max-width: 500px;
    padding: 1.5em .5em; }
  .alert--floating .logo {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    html:not(.pb-user) .alert--floating .logo {
      background-color: #EC0000;
      background-size: 90% auto; }
    html.pb-user .alert--floating .logo {
      background-size: contain;
      width: 50%;
      height: 4em;
      margin: 0 auto; }
  .alert--floating .message {
    margin: 1.5em auto;
    max-width: 400px; }
  .alert--floating .btn {
    width: 80%;
    max-width: 200px;
    margin: 0 .5em; }
    .alert--floating .btn:not(:last-child) {
      margin-bottom: 1em; }
  @media screen and (min-width: 414px) {
    .alert--floating .message-container {
      padding: 1.5em; } }

/*------------------------------------*    $FORMS
\*------------------------------------*/
label,
input,
button,
select,
textarea {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border-radius: 2px;
  vertical-align: baseline;
  display: inline-block; }

input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: .8em .5em;
  margin-bottom: .5rem;
  background-color: white;
  border: none;
  color: #666666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: none;
  box-shadow: none; }
  input:focus,
  textarea:focus,
  select:focus {
    outline: none; }

form:not(#login-form) input:focus {
  border-color: #EC0000; }

textarea {
  resize: none; }

@supports (-ms-accelerator: true) {
  input,
  textarea,
  select {
    -webkit-box-shadow: none;
    box-shadow: none; }
    input:focus,
    textarea:focus,
    select:focus {
      -webkit-box-shadow: none;
      box-shadow: none; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input,
  textarea,
  select {
    -webkit-box-shadow: none;
    box-shadow: none; }
    input:focus,
    textarea:focus,
    select:focus {
      -webkit-box-shadow: none;
      box-shadow: none; } }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none; }

select {
  padding: .8em .3em;
  background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/down.svg");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 1rem 1rem; }

select::-ms-expand {
  display: none; }

.nav-button, .header-button {
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 5; }

#nav__main-button {
  width: 45px;
  right: 0;
  overflow: hidden; }
  #nav__main-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    background: white;
    border-radius: 2px;
    opacity: 1;
    left: 10px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    #nav__main-button span:nth-child(1) {
      top: 15.5px; }
    #nav__main-button span:nth-child(2), #nav__main-button span:nth-child(3) {
      top: 21.5px; }
    #nav__main-button span:nth-child(4) {
      top: 27.5px; }
  #nav__main-button.open span:nth-child(1) {
    top: 30px;
    width: 0%;
    left: 50%; }
  #nav__main-button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  #nav__main-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #nav__main-button.open span:nth-child(4) {
    top: 30px;
    width: 0%;
    left: 50%; }
  @media screen and (min-width: 768px) {
    #nav__main-button {
      width: 60px; }
      #nav__main-button span {
        height: 2px;
        width: 30px;
        left: 15px; }
        #nav__main-button span:nth-child(1) {
          top: 19.5px; }
        #nav__main-button span:nth-child(2), #nav__main-button span:nth-child(3) {
          top: 28.5px; }
        #nav__main-button span:nth-child(4) {
          top: 37.5px; } }

.nav,
#logout {
  position: fixed;
  z-index: 5;
  right: 0;
  width: 275px;
  background-color: #3D3D3D;
  color: white;
  -webkit-transition: -webkit-box-shadow .4s ease, -webkit-transform .4s ease;
  transition: -webkit-box-shadow .4s ease, -webkit-transform .4s ease;
  -o-transition: box-shadow .4s ease, transform .4s ease;
  transition: box-shadow .4s ease, transform .4s ease;
  transition: box-shadow .4s ease, transform .4s ease, -webkit-box-shadow .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  transform: translateX(275px); }
  .nav.open,
  #logout.open {
    -webkit-box-shadow: -15px 5px 35px -20px black;
    box-shadow: -15px 5px 35px -20px black;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.nav {
  top: 45px;
  height: calc(100% - 45px);
  overflow-y: auto;
  overflow-x: hidden; }
  @media screen and (min-width: 768px) {
    .nav {
      top: 60px;
      height: calc(100% - 60px); } }

.nav__list {
  padding-bottom: 60px; }

.menu-item,
#logout {
  font-size: .8rem;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  cursor: pointer; }

.menu-item {
  width: 100%;
  border-bottom: 1px solid #555555;
  display: table; }
  .menu-item.user {
    background-color: #222222;
    height: 120px;
    text-align: center;
    cursor: default;
    pointer-events: none; }
    .menu-item.user .avatar {
      height: 60px;
      width: 60px;
      margin: 1rem auto 0;
      background-color: #DDDDDD;
      text-align: center;
      border-radius: 50%; }
      .menu-item.user .avatar svg {
        margin: 0;
        fill: #333333; }
    .menu-item.user span {
      display: block;
      padding: 0; }
  .menu-item.active > a, .menu-item.active > span {
    background-color: #EC0000; }
  .menu-item ul {
    display: none; }
  .menu-item a, .menu-item span {
    display: table-cell;
    vertical-align: middle; }
  .menu-item > span,
  .menu-item > a {
    display: block;
    padding-left: 2rem; }
  .menu-item svg {
    height: 2em;
    width: 2em;
    margin-right: 2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px; }
  .menu-item .mundo123 {
    height: 2.7em;
    width: 2.7em;
    margin-right: 1.5em;
    margin-left: -0.2em; }

.menu-product {
  position: relative;
  width: 100%;
  height: 60px;
  color: white;
  display: table;
  table-layout: fixed;
  padding: 0 5px;
  border-bottom: 1px solid #555555;
  padding-left: 2rem;
  background-color: #3D3D3D; }
  .menu-product::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .menu-product:hover {
    background-color: #222222; }
  .menu-product.subproduct {
    text-transform: none;
    padding-left: 3.5rem; }
    .menu-product.subproduct > .content {
      font-size: 1.1em;
      padding-left: 2.5em; }
  .menu-product > .content {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    padding: .5em 0; }
    .menu-product > .content .product-name {
      font-size: 1em;
      font-family: "LatoLight", Helvetica, Arial, sans-serif; }
  .menu-product svg {
    height: 1.5em;
    width: 1.5em; }
  .menu-product .icon-card {
    display: table-cell;
    vertical-align: middle;
    width: 40px; }
  .menu-product .content {
    text-align: left;
    display: table-cell;
    width: 100%; }
    .menu-product .content > span {
      display: block;
      line-height: 1.3; }
    .menu-product .content > span:last-child {
      font-family: "Lato", Helvetica, Arial, sans-serif; }
    .menu-product .content.card {
      text-align: left;
      padding-left: 1.5em; }

#logout {
  bottom: 0;
  background-color: #222222; }
  #logout:hover {
    color: #EC0000; }
  #logout > span {
    display: block;
    padding-left: 2rem; }
  #logout svg {
    fill: #EC0000;
    height: 1.7em;
    width: 1.7em;
    margin-right: 2.3em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px; }

.user-avatar {
  text-align: center;
  line-height: 2em;
  width: 2em;
  height: 2em;
  top: 50%;
  margin-top: -1em;
  right: 1.2em; }
  .user-avatar span {
    font-size: 1.2em; }
  @media screen and (min-width: 768px) {
    .user-avatar {
      line-height: 2.4em;
      width: 2.5em;
      height: 2.5em;
      margin-top: -1.25em;
      right: 1.5em; }
      .user-avatar span {
        font-size: 1.4em; } }

_:-ms-fullscreen #logout, :root .nav__user #logout {
  right: -275px;
  -webkit-transition: right .4s ease;
  -o-transition: right .4s ease;
  transition: right .4s ease; }

_:-ms-fullscreen.open #logout, :root .nav__user.open #logout {
  right: 0; }

/************ SLICK SLIDER **************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track::before, .slick-track::after {
    content: "";
    display: table; }
  .slick-track::after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Arrows */
.slick-prev,
.slick-next {
  background: rgba(28, 28, 28, 0.85);
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  top: 50%;
  margin-top: -1.5rem;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover,
  .slick-next:hover {
    outline: none; }
    .slick-prev:hover::before,
    .slick-next:hover::before {
      opacity: 1; }
  .slick-prev:focus,
  .slick-next:focus {
    outline: none; }
    .slick-prev:focus::before,
    .slick-next:focus::before {
      opacity: 1; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    cursor: default;
    opacity: 0; }
    .slick-prev.slick-disabled::before,
    .slick-next.slick-disabled::before {
      opacity: .25; }

.slick-prev::before, .slick-next::before {
  content: "";
  display: inline-block;
  position: relative;
  -webkit-transform: scale(0.55);
  -ms-transform: scale(0.55);
  transform: scale(0.55);
  opacity: .75; }

.slick-prev {
  left: -1.4rem; }
  .slick-prev::before {
    height: 32px;
    width: 32px;
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/sprite.svg");
    background-position: -192px;
    left: .4rem; }

.slick-next {
  right: -1.4rem; }
  .slick-next::before {
    height: 32px;
    width: 32px;
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/sprite.svg");
    background-position: -144px;
    left: -.4rem; }

.slick-dots {
  position: absolute;
  bottom: -.3rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    margin: 0 1px; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      outline: none;
      color: transparent;
      height: 100%;
      width: 100%;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
      .slick-dots li button::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        height: 100%;
        width: 100%;
        font-size: 1.5rem;
        line-height: .85em;
        text-align: center;
        color: #999999;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button::before {
      color: #EC0000;
      -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
      transform: scale(1.4); }

.center-carousel .slick-slide {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: .6;
  -webkit-transition: -webkit-transform .3s ease 10ms;
  transition: -webkit-transform .3s ease 10ms;
  -o-transition: transform .3s ease 10ms;
  transition: transform .3s ease 10ms;
  transition: transform .3s ease 10ms, -webkit-transform .3s ease 10ms; }

.center-carousel .slick-slide:not(.slick-center) {
  pointer-events: none; }

.center-carousel .slick-center {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.center-carousel .slick-track {
  padding: .1em 0; }

/*
SPECIAL BREAKPOINT 1025UP TO ACTIVE INNER-HOME
PRODUCTS SLIDER
*/
@media only screen and (min-width: 1025px) {
  .basic-carousel.slick-slider {
    overflow: hidden; }
    .basic-carousel.slick-slider .item-carousel {
      margin: 1em; } }

/*------------------------------------*    $SITE

    MOBILE FIRST DEVELOPMENT -> THIS IS THE BASE FILE TO STYLES
\*------------------------------------*/
html {
  height: 100%; }
  html.open {
    overflow: hidden; }

body {
  min-height: 100%;
  height: 100%;
  position: relative; }

svg {
  fill: white;
  height: 1em;
  width: 1em; }

/*************************************
		GENERAL CLASSES
**************************************/
#top {
  position: fixed;
  z-index: 6;
  bottom: 1rem;
  right: .5rem;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  cursor: pointer;
  line-height: 1; }
  #top svg {
    background-color: rgba(0, 0, 0, 0.5);
    width: 1.5em;
    height: 1.5em;
    padding: .3em;
    border-radius: 2px; }
  #top.displayed {
    opacity: 1; }
  @media screen and (min-width: 1280px) {
    #top {
      right: 5%; } }

#spinner {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #F3F3F3;
  z-index: 6; }
  #spinner .spinner {
    margin: 0 auto 0;
    text-align: center;
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px; }
    #spinner .spinner > div {
      width: 10px;
      height: 10px;
      background-color: #333;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      /* Prevent first frame from flickering when animation starts */
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    #spinner .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s; }
    #spinner .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s; }

.iPad #spinner {
  position: absolute;
  height: 1024px; }

.js-hidden-content {
  display: none;
  width: 100%; }

.js-display-more {
  cursor: pointer; }

.wrapper--main {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
  position: relative; }

.wrapper--inside {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 93%; }
  @media screen and (min-width: 375px) {
    .wrapper--inside {
      width: 90%; } }
  @media screen and (min-width: 1024px) {
    .wrapper--inside {
      width: 85%; } }

.wrapper--inside__padding {
  padding: 0 4px;
  margin-left: auto;
  margin-right: auto;
  max-width: 908px;
  width: calc(93% + 8px); }
  @media screen and (min-width: 375px) {
    .wrapper--inside__padding {
      width: calc(90% + 8px); } }
  @media screen and (min-width: 1024px) {
    .wrapper--inside__padding {
      width: calc(85% + 8px); } }

.favourite-disable {
  pointer-events: none; }

.hidden {
  display: none !important;
  overflow: hidden; }

.light {
  color: #999999; }

.lightfont {
  font-family: "LatoLight", Helvetica, Arial, sans-serif; }

.bold {
  font-family: "LatoBold", Helvetica, Arial, sans-serif; }

.capitalize {
  text-transform: capitalize; }

.purple {
  color: #9E3667; }

.green {
  color: #ABC111; }

.blue {
  color: #1BB3BC; }

.red {
  color: #EC0000; }

.lower-div {
  padding-bottom: 2rem; }

.no-results {
  color: #333333; }

.data-title {
  color: #999999;
  font-size: .9em; }

.close {
  cursor: pointer;
  height: 45px;
  width: 45px;
  position: absolute;
  top: 0;
  text-align: center;
  right: 0;
  padding: 8px; }
  .close:not(.back-step) svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    .close {
      height: 60px; } }
  .close svg {
    height: 25px;
    padding: 5px;
    width: 25px;
    fill: #EC0000;
    border-radius: 2px;
    background: #D7D7D7;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #D7D7D7 0%, white 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7D7D7), color-stop(60%, white));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #D7D7D7 0%, white 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #D7D7D7 0%, white 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #D7D7D7 0%, white 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), color-stop(60%, white));
    background-image: linear-gradient(to bottom, #D7D7D7 0%, white 60%);
    /* W3C */ }
  @media screen and (min-width: 768px) {
    .close {
      padding: 0;
      width: 60px; }
      .close svg {
        height: 29px;
        padding: 6px;
        width: 29px; } }

.close-black svg {
  background: #3D3D3D;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
  background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
  /* W3C */
  fill: white; }

.up {
  color: #ABC111; }
  .up svg {
    fill: #ABC111; }

.down {
  color: #E59D27; }
  .down svg {
    fill: #E59D27; }

.equal svg {
  fill: #333333; }

.false-checkbox {
  cursor: pointer;
  text-align: left; }
  .false-checkbox span {
    line-height: 1; }
  .false-checkbox .check-set {
    position: relative;
    margin-right: .5em; }
    .false-checkbox .check-set::before {
      content: "";
      border-radius: 50%;
      position: absolute; }
  .false-checkbox svg {
    opacity: 0;
    position: relative; }
  .false-checkbox.checked svg {
    opacity: 1; }

.star--favourite svg {
  fill: #ffc141; }

.star--no-favourite svg {
  fill: #999999; }

.icon-card {
  position: relative; }
  .icon-card.inactive img,
  .icon-card.blocked img {
    opacity: .6; }
  .icon-card.blocked:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    height: 1.8em;
    width: 1.8em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .icon-card.blocked:after {
    content: "";
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/sprite.svg");
    background-position: -48px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    -ms-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6); }

.offer-card {
  overflow: hidden;
  padding: 0 !important; }
  .offer-card > div {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .offer-card img {
    max-height: 100%;
    max-width: 100%; }

/************ HEADER **************/
.header-close .logo {
  display: inline-block; }

.logo {
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: serif;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }
  .logo:not(.select) {
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/logo.svg");
    background-position: center 30%;
    margin: .2rem auto;
    height: calc(45px - .4rem);
    width: 8rem; }
  .logo.select {
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/logo_select.svg");
    background-position: center 20%;
    width: 13rem;
    height: 60px;
    margin: 0; }
  @media screen and (min-width: 414px) {
    .logo {
      display: inline-block; } }
  @media screen and (min-width: 768px) {
    .logo:not(.select) {
      width: 10rem;
      height: calc(60px - 1rem);
      margin: .5rem auto; }
    .logo.select {
      width: 16rem;
      background-position: center 45%; } }

.logo-old-browsers {
  width: 300px;
  margin: 50px auto; }

#language-selector {
  font-size: .85em;
  margin-bottom: 4%;
  margin-top: -2%; }
  #language-selector .language {
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1.2;
    margin: 0 .2em;
    cursor: pointer; }
    #language-selector .language.active {
      border-bottom: none;
      font-family: "Lato", Helvetica, Arial, sans-serif;
      cursor: default; }
  @media screen and (min-width: 768px) {
    #language-selector {
      margin: 0;
      top: 1em;
      right: 1em;
      position: absolute; } }

.main-header {
  font-size: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  text-align: center;
  height: 45px;
  background: #EC0000;
  color: white;
  -webkit-transition: -webkit-box-shadow .4s ease;
  transition: -webkit-box-shadow .4s ease;
  -o-transition: box-shadow .4s ease;
  transition: box-shadow .4s ease;
  transition: box-shadow .4s ease, -webkit-box-shadow .4s ease; }
  .main-header.open {
    -webkit-box-shadow: 0 2px 10px rgba(70, 70, 70, 0.3);
    box-shadow: 0 2px 10px rgba(70, 70, 70, 0.3); }
  .main-header .logo {
    cursor: pointer; }
  .main-header .icon-container {
    left: 0;
    width: 45px;
    height: 45px;
    line-height: 45px; }
    .main-header .icon-container svg {
      height: 45px; }
  .main-header #world123 svg {
    padding: .3em;
    width: 60px; }
  .main-header #go-home svg {
    padding: .7em;
    width: 45px; }
  .main-header .icon-search-container {
    display: inline-block;
    right: 45px;
    width: 45px;
    height: 45px; }
    .main-header .icon-search-container svg {
      background: #D7D7D7;
      /* Old browsers */
      background-image: -moz-linear-gradient(top, #D7D7D7 0%, white 60%);
      /* FF3.6+ */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7D7D7), color-stop(60%, white));
      /* Chrome,Safari4+ */
      background-image: -webkit-linear-gradient(top, #D7D7D7 0%, white 60%);
      /* Chrome10+,Safari5.1+ */
      background-image: -o-linear-gradient(top, #D7D7D7 0%, white 60%);
      /* Opera 11.10+ */
      background-image: -ms-linear-gradient(top, #D7D7D7 0%, white 60%);
      /* IE10+ */
      background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), color-stop(60%, white));
      background-image: linear-gradient(to bottom, #D7D7D7 0%, white 60%);
      /* W3C */
      fill: #EC0000;
      width: 1.8rem;
      height: 1.8rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: .3em;
      border-radius: 50%; }
  .main-header .wrapper--main {
    height: 100%;
    overflow: hidden; }
  @media screen and (min-width: 768px) {
    .main-header {
      height: 60px; }
      .main-header .icon-container {
        width: calc(60px + .5em);
        height: 60px;
        line-height: 60px; }
        .main-header .icon-container svg {
          height: 60px; }
      .main-header #world123 svg {
        padding: .4em;
        width: 72px; }
      .main-header #go-home svg {
        padding: 1em;
        width: 60px; }
      .main-header .icon-search-container {
        right: 60px;
        width: 60px;
        height: 60px; }
        .main-header .icon-search-container svg {
          width: 2rem;
          height: 2rem;
          padding: .3em; } }

.back-step {
  cursor: pointer;
  height: 45px;
  width: 45px;
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
  display: none; }
  .back-step:not(.back-step) svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    .back-step {
      height: 60px; } }
  .back-step svg {
    height: 45px;
    width: 1.5rem;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (min-width: 768px) {
    .back-step {
      text-align: left;
      width: auto;
      padding: 0 1rem;
      text-transform: uppercase;
      font-size: .75em; }
      .back-step svg {
        height: 60px;
        width: 1.5rem;
        margin-right: .5em; }
      .back-step .big-res {
        display: inline-block;
        vertical-align: middle; } }

.transaction-page.started-true .back-step {
  display: block; }

.transaction-page.started-true.fromHomeBoxes-true .back-step {
  display: none; }

#product-page.buy-sell-securities.started-false .back-step {
  display: none; }

.black-bar {
  color: white;
  z-index: 2;
  position: fixed;
  width: 100%;
  background-color: #333333;
  padding-top: 45px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .black-bar {
      padding-top: 60px; } }

/************ COMPONENTS **************/
.main-content {
  padding-top: 45px; }
  @media screen and (min-width: 375px) {
    .main-content {
      padding-top: 60px; } }

.header-lightbox {
  background: #EC0000;
  color: white; }
  .header-lightbox .title {
    display: inline-block;
    height: 45px;
    line-height: 45px; }

.iPad .header-lightbox {
  position: -webkit-sticky;
  position: sticky; }

.removefixed .header-lightbox {
  position: absolute !important; }

.lightbox,
.transaction-page {
  height: 100%;
  width: 100%;
  color: #333333;
  overflow: scroll;
  position: fixed;
  z-index: 2;
  background-color: #F3F3F3; }

.iPad .lightbox main {
  padding-top: 0; }

.lightbox {
  font-size: .9em;
  display: none;
  top: 0; }
  .lightbox::after {
    content: "";
    display: block;
    padding-top: 20%; }
  .lightbox main {
    padding-top: 45px; }
    .lightbox main .title {
      margin: 2em 0;
      text-align: center;
      line-height: normal; }
  .lightbox .send-submit {
    background-color: #EC0000; }
    .lightbox .send-submit.disabled {
      background: black;
      opacity: .2;
      cursor: default; }

@media screen and (min-width: 768px) {
  .header-lightbox .title {
    height: 60px;
    line-height: 60px;
    font-size: 1.1em; }
  .lightbox::after {
    padding-top: 10%; }
  .lightbox main {
    padding-top: 60px; }
    .lightbox main .title {
      margin: 3em 0; } }

.basic-carousel, .center-carousel {
  overflow: hidden;
  opacity: 0; }

.center-carousel {
  padding-bottom: 2.5em;
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto; }

.item-carousel {
  margin: 1em; }
  .item-carousel.open-option {
    text-transform: uppercase;
    text-align: center; }
    .item-carousel.open-option svg {
      height: 2.5em;
      width: 2.5em;
      padding: .5em;
      fill: currentcolor;
      border-radius: 100%;
      border: 1px solid currentcolor;
      display: block;
      position: relative;
      left: 50%;
      margin-left: -1.25em;
      margin-bottom: .5em; }

.product,
.item-center-carousel,
.movement,
.card-style {
  position: relative; }
  .product > .content,
  .item-center-carousel > .content,
  .movement > .content,
  .card-style > .content {
    max-width: 100%; }

.product,
#last-movements .movement {
  min-height: 135px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .product,
    #last-movements .movement {
      height: 135px; } }

.item-center-carousel {
  cursor: pointer;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .7em;
  width: 290px; }
  .item-center-carousel img {
    width: 100%; }
  .item-center-carousel .text {
    width: calc(100% - 29px - 4px);
    line-height: 1;
    padding-left: .5em; }
    .item-center-carousel .text .subtitle {
      margin-top: 0; }
  .item-center-carousel .title, .item-center-carousel .subtitle {
    line-height: normal; }
  .item-center-carousel .subtitle {
    font-size: .9em;
    margin-top: .5em;
    display: block;
    color: #999999; }
  @media screen and (min-width: 414px) {
    .item-center-carousel {
      width: 360px; } }
  @media screen and (min-width: 768px) {
    .item-center-carousel {
      padding: 1em; } }
  @media screen and (min-width: 1024px) {
    .item-center-carousel {
      padding: 1.5em; }
      .item-center-carousel .title, .item-center-carousel .subtitle {
        line-height: 1.3; }
      .item-center-carousel .text {
        width: calc(100% - 35px - 4px); } }

.item-center-carousel > .content,
.product > .content {
  width: 100%; }

.product {
  height: auto;
  margin-bottom: 1em;
  width: 100%; }
  .product .product-name {
    line-height: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    padding-left: .3rem; }
  .product .product-number {
    color: #999999; }
  .product .balance > span {
    vertical-align: bottom;
    line-height: 1; }
  .product .currency {
    margin-left: -3px;
    font-size: .8em;
    position: relative;
    top: -1px; }
  .product .icon-card {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    overflow: hidden; }

.progress-bar {
  width: 100%;
  height: 7px;
  background-color: #F3F3F3;
  border: 1px solid #dadada;
  border-radius: 10px;
  position: relative; }
  .progress-bar span {
    display: block;
    background-color: #EC0000;
    position: absolute;
    border-radius: 10px;
    height: 7px;
    top: -1px;
    left: -1px;
    -webkit-box-shadow: 1px 1px 2px rgba(151, 151, 151, 0.5);
    box-shadow: 1px 1px 2px rgba(151, 151, 151, 0.5); }

/*************************************
		LOGIN PAGE
**************************************/
#login {
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 1rem;
  min-height: 100%;
  padding-top: 8%;
  color: white; }
  #login .greeting {
    font-family: "LatoLight", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    margin-top: 1.5em; }
  #login .false-checkbox {
    text-shadow: none; }
    #login .false-checkbox .check-set {
      line-height: 0; }
      #login .false-checkbox .check-set::before {
        height: 1.3em;
        width: 1.3em;
        border: 2px solid;
        top: -.1em; }
    #login .false-checkbox svg {
      top: -4px;
      left: .2em; }
  #login .carousel {
    text-align: center; }
    #login .carousel .block-title {
      font-size: 1em;
      display: inline-block;
      text-align: center;
      margin: 1em 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
      #login .carousel .block-title:hover {
        color: #EC0000;
        text-shadow: none; }
  #login .item-carousel {
    margin: .5em 2em;
    font-size: 1.1em;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden; }
    #login .item-carousel .content {
      display: block;
      height: 100%;
      max-width: 100%; }
      #login .item-carousel .content img {
        width: 100%; }
  @media screen and (min-width: 768px) {
    #login {
      padding-top: 20%; }
      #login .item-carousel {
        margin: .5em; }
      #login .greeting {
        margin-top: 2em; }
      #login .btn {
        font-size: 1rem; } }
  @media screen and (min-width: 1024px) {
    #login {
      padding: 10% 0 3%;
      overflow: hidden; }
      #login .greeting {
        margin-top: 1em; }
      #login .wrapper--inside {
        text-align: justify; }
        #login .wrapper--inside::after {
          content: '';
          display: inline-block;
          width: 100%; } }
  @media screen and (min-width: 1280px) {
    #login {
      padding: 10% 0 3%; } }
  @media screen and (min-width: 600px) and (max-width: 767px) {
    #login .item-carousel {
      margin: 1em; } }
  @media screen and (min-width: 1280px) and (max-height: 700px) {
    #login {
      padding: 5% 0 3%; } }
  @media screen and (min-width: 1024px) and (min-height: 764px), screen and (min-width: 768px) and (min-height: 964px), screen and (min-width: 1280px) and (min-height: 620px) {
    #login .carousel {
      position: absolute;
      bottom: 0;
      width: 100%; } }

.content-cookies {
  position: absolute;
  top: 0.5em;
  left: 1%;
  width: 98%;
  opacity: 0.85;
  background: #CCC;
  padding: 0.6rem 1rem;
  border-radius: 1em; }

.title-cookies {
  font-weight: bold;
  color: #FF0000; }

.link-close-cookies {
  float: right;
  text-decoration: underline;
  font-size: 0.85rem;
  cursor: pointer; }

.close-cookies {
  color: #FF0000;
  display: inline-block;
  margin-right: 0.4em;
  font-size: 1.3em; }

.section-text-cookies {
  text-align: justify;
  font-size: 0.9rem; }

.link-info-cookies {
  text-decoration: underline; }

#greetings {
  display: block;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 1em; }
  #greetings img {
    width: 60%;
    max-width: 250px; }

#login-form {
  position: relative;
  overflow: hidden;
  width: 80%;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  #login-form > p {
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 1em; }
  #login-form input:not(#submit) {
    padding: .6em .5em; }
  #login-form select {
    padding: .6em .3em; }
  #login-form fieldset {
    text-align: left; }
  #login-form a#submit {
    text-align: center;
    text-shadow: none;
    padding: 0.4em 1.5em; }

#submit {
  color: white;
  border-color: white;
  border-width: 2px;
  font-size: 1em;
  margin: 1em 0 1.5rem;
  max-width: 215px; }
  #submit:disabled {
    opacity: .6;
    cursor: default; }

#carousel-login {
  background-color: rgba(255, 255, 255, 0.7); }

@media screen and (min-width: 375px) {
  #login-form {
    width: 100%; }
    #login-form select {
      padding: .8em .5em;
      float: left;
      margin-right: 0.5rem;
      padding: 0.8em 0.5em;
      width: calc((100% - 0.5rem) / 2); }
      #login-form select#document {
        margin-right: 0; }
      #login-form select#id-type.full-width {
        width: 100%; }
    #login-form input:not(#submit) {
      padding: .8em .5em; }
  #submit {
    height: 3rem;
    margin-bottom: 3rem; } }

@media screen and (min-width: 768px) {
  #greetings {
    font-size: 1.1em; } }

@media screen and (min-width: 1024px) {
  #greetings {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0;
    margin-top: 3em; }
    #greetings img {
      width: 240px;
      max-width: 100%; }
  #login-form {
    display: inline-block;
    vertical-align: top; }
    #login-form > p {
      text-align: left; }
  #submit {
    float: right;
    margin-bottom: 0; } }

@media screen and (min-width: 1280px) {
  #greetings img {
    width: 300px; } }

/*************************************
			USER MENU PAGES
**************************************/
.user-settings {
  font-size: .7em;
  line-height: 1.3; }
  .user-settings .black-bar {
    text-transform: uppercase;
    line-height: 2.5; }
  .user-settings .main-content {
    padding-top: 7em; }
  .user-settings .block-title {
    font-size: 1.1em;
    font-family: "LatoBold", Helvetica, Arial, sans-serif;
    padding-bottom: .6em;
    margin-bottom: .6em;
    border-bottom: 1px solid #b3b3b3; }
  .user-settings .block {
    margin-bottom: 2em; }
  @media screen and (min-width: 768px) {
    .user-settings {
      font-size: .8em; }
      .user-settings .main-content {
        padding-top: 8em; } }

#contact-info .wrapper--inside {
  max-width: 700px; }

#contact-info .card-style {
  display: block;
  text-transform: uppercase;
  padding: .5em;
  margin: .5em 0; }
  #contact-info .card-style:not(.block-card) {
    font-size: 1.2em; }
  #contact-info .card-style.block-card {
    margin: 1.5em 0 2em; }
  #contact-info .card-style > span {
    display: inline-block;
    vertical-align: middle; }
  #contact-info .card-style [class*='gradient-'] {
    margin-right: .5em; }

#contact-info .social-block {
  margin-bottom: 3rem; }

#contact-info .phones svg {
  fill: #333333; }

#contact-info .btn--social {
  border-radius: 2px;
  font-size: 1.5em;
  color: white;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px; }
  #contact-info .btn--social svg {
    height: 35px; }
  #contact-info .btn--social.btn--social__fb {
    background-color: #3B5998; }
  #contact-info .btn--social.btn--social__tw {
    background-color: #00aced;
    margin-left: 1em; }

@media screen and (min-width: 440px) {
  #contact-info .card-style {
    float: left;
    width: 49%;
    padding: .8em; }
    #contact-info .card-style:last-child:not(.block-card):not(:only-of-type) {
      margin-left: 2%; }
  #contact-info .subtitle,
  #contact-info .social-block {
    clear: both; }
  #contact-info .block {
    overflow: hidden;
    padding: 0 .2em; } }

@media screen and (min-width: 768px) {
  #contact-info .card-style {
    padding: 1.3rem; }
    #contact-info .card-style:not(.block-card) {
      font-size: 1.8em; }
    #contact-info .card-style.block-card {
      font-size: 1.1em; } }

/*************************************
			HOME PAGE
**************************************/
#home {
  font-size: .7em;
  /************ Media queries **************/ }
  #home .title {
    clear: both;
    color: #525759;
    text-transform: uppercase; }
  html:not(.pb-user) #home .shortcuts-container {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e7e7e7; }
  #home:not(.sub-home-page) .main-content {
    padding-top: 138px; }
    #home:not(.sub-home-page) .main-content.noscroll {
      height: 0;
      overflow: hidden; }
  #home:not(.sub-home-page) .black-bar .balance {
    padding: .3em 0; }
    #home:not(.sub-home-page) .black-bar .balance:first-child {
      border-bottom: 1px solid #4d4d4d; }
    #home:not(.sub-home-page) .black-bar .balance span:last-child {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      font-size: 1.1em;
      padding-left: .1em; }
  #home .shortcuts-container > .title {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 1em; }
  #home .transaction-shortcut {
    height: 70px; }
  @media screen and (min-width: 768px) {
    #home {
      font-size: .75em; }
      #home:not(.sub-home-page) .black-bar .balance {
        float: left;
        width: 50%;
        margin: .5em 0;
        padding: 0; }
        #home:not(.sub-home-page) .black-bar .balance:first-child {
          border-bottom: none;
          border-right: 1px solid rgba(255, 255, 255, 0.3); }
      #home .transaction-shortcut {
        height: 80px; }
        #home .transaction-shortcut .content > div, #home .transaction-shortcut .content > span {
          display: inline-block;
          vertical-align: middle; } }
  @media screen and (min-width: 1024px) {
    #home {
      font-size: .8em; }
      #home.socius .wrapper--inside.main-content {
        padding-top: 60px; } }
  @media screen and (min-width: 1280px) {
    #home.socius .upper-div {
      padding-bottom: 4%; }
    #home.socius .wrapper--inside.main-content {
      padding-top: 60px; } }

/*************************************
		GLOBAL POSITION
**************************************/
#global-position {
  overflow: hidden;
  padding-bottom: 3rem;
  /************ media queries **************/ }
  #global-position .title {
    font-size: 1.1em;
    margin: .6em 0; }
    #global-position .title span {
      margin-right: .2em;
      vertical-align: text-bottom;
      display: inline-block; }
  #global-position section {
    margin-bottom: 2em; }
  #global-position .products ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #global-position .product {
    padding: .7em; }
  #global-position .mundo-123 {
    min-height: 70px; }
    #global-position .mundo-123 [class*='gradient-'] {
      margin-right: 1em; }
    #global-position .mundo-123.liquidated .content {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    #global-position .mundo-123.no-liquidated {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    #global-position .mundo-123 .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      line-height: 1.2; }
    #global-position .mundo-123 .amounts-container > span {
      display: block; }
    #global-position .mundo-123 .bold {
      position: relative;
      top: -1px; }
  #global-position .product-header {
    margin-bottom: 1em; }
  #global-position .product-name {
    font-size: 1.04em;
    white-space: nowrap;
    width: calc(100% - 29px - 4px); }
  #global-position .product-number {
    display: block;
    line-height: normal; }
  #global-position .product:not(.card) .product-number {
    margin-top: .3em; }
  #global-position .new-movements .text, #global-position [class*="btn--transaction"] .text {
    color: #999999;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: .8em;
    margin-left: .3em;
    line-height: 1.2; }
  #global-position .product-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase; }
    #global-position .product-bottom .balance {
      font-size: 1.3em; }
      #global-position .product-bottom .balance:only-child {
        margin-left: auto; }
  #global-position .icon-card {
    width: 75px; }
  #global-position .card-data {
    width: calc(100% - 79px); }
    #global-position .card-data > span {
      display: block;
      width: 100%;
      padding-left: .3rem;
      line-height: 1.6; }
    #global-position .card-data .card-limit {
      font-size: .8em; }
  #global-position .Credito .card-data > span {
    line-height: 1.2; }
  #global-position .Credito .amount {
    font-size: 1.2em; }
  #global-position .Credito .currency {
    top: 1px; }
  #global-position .progress-block {
    width: 55%; }
  #global-position .progress-bar {
    clear: right; }
  #global-position .credit-available {
    float: right;
    font-size: 1.2em; }
  #global-position .offer-card {
    cursor: pointer;
    height: 135px; }
  @media screen and (min-width: 360px) {
    #global-position .product {
      padding: 1.5em; } }
  @media screen and (min-width: 650px) {
    #global-position section {
      margin-bottom: 3em; }
    #global-position .product {
      min-height: 150px;
      width: 48%;
      margin-bottom: 2em; }
    #global-position .mundo-123 {
      min-height: 80px;
      font-size: 1.05em; }
      #global-position .mundo-123 span {
        line-height: 1.2; }
    #global-position .product-header {
      margin-bottom: 1.5em; } }
  @media screen and (min-width: 1024px) {
    #global-position {
      width: 85%; }
      #global-position .product:not(.mundo-123) {
        min-height: 175px; }
      #global-position .product-name {
        width: calc(100% - 35px - 4px); }
      #global-position .icon-card {
        width: 100px; }
      #global-position .card-data {
        width: calc(100% - 104px); }
        #global-position .card-data span {
          line-height: 1.8; }
      #global-position .Credito .card-data > span {
        line-height: 1;
        margin-bottom: .5em; }
        #global-position .Credito .card-data > span:last-child {
          margin-bottom: 0; } }

/*************************************
		PRODUCT DETAIL PAGE
**************************************/
#product-page {
  font-size: 1rem;
  /************ GENERAL CLASSES AND ELEMENTS **************/ }
  #product-page .lower-div {
    padding-bottom: 0; }
  #product-page .big-res {
    display: none; }
  #product-page .data-group {
    padding: .3em .5em;
    line-height: normal; }
  #product-page .btn {
    width: 100%; }
  #product-page .product-group [class*='gradient-'] {
    vertical-align: middle; }
  #product-page .product-summary {
    margin: 1em auto; }
    #product-page .product-summary .product-number, #product-page .product-summary .product-parent {
      color: #999999;
      display: block;
      line-height: 1;
      margin: .5em 0 1em;
      font-size: .9em; }
      #product-page .product-summary .product-number .big-res, #product-page .product-summary .product-parent .big-res {
        display: none; }
    #product-page .product-summary .product-name {
      text-transform: uppercase;
      width: calc(100% - 29px - 4px);
      vertical-align: middle;
      padding-left: 0.5em;
      display: inline-block;
      line-height: normal; }
    #product-page .product-summary .balance {
      font-size: 1.7em;
      line-height: 1.1; }
    #product-page .product-summary .data-group {
      font-size: 0.85em;
      padding: 0; }
  #product-page .details-group .btn {
    margin-bottom: 1em; }
  #product-page #product-details {
    padding: 1em 0; }
  #product-page .overflow-send-button {
    overflow: hidden; }
  #product-page .tools {
    padding-top: 1.5em;
    padding-bottom: 1px;
    overflow: hidden;
    text-align: center; }
  #product-page .options-group {
    padding-bottom: 1em;
    margin-top: .5em; }
    #product-page .options-group .btn:not(.js-display-more) {
      margin-top: 1em; }
  #product-page .movements-title,
  #product-page .alert--last-movs {
    padding-left: 4%; }
  #product-page .movements-title {
    text-transform: uppercase;
    font-size: .8rem;
    color: white;
    background-color: #333333;
    position: relative;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 2em 0 0.5em; }
  @media screen and (min-width: 768px) {
    #product-page .small-res {
      display: none; }
    #product-page .btn:not(.option) {
      width: auto; }
    #product-page .big-res {
      display: block; }
      #product-page .big-res.btn {
        display: inline-block; }
    #product-page #product-options {
      display: block; }
    #product-page .main-content {
      padding-top: 7rem; }
    #product-page .line-wrapper {
      overflow: hidden;
      position: relative; }
      #product-page .line-wrapper::after {
        display: none;
        background: #b3b3b3;
        content: "";
        height: 100%;
        position: absolute;
        right: 40%;
        top: 0;
        width: 1px; }
    #product-page .overflow-send-button {
      position: relative; }
    #product-page .details-group {
      width: 100%; }
      #product-page .details-group .btn {
        margin-bottom: 0; }
      #product-page .details-group .btn.big-res {
        clear: both;
        margin-top: 2em; }
    #product-page .details-group .product-summary {
      margin: 0;
      font-size: 1.1rem;
      margin-bottom: .7em;
      padding-bottom: 1em;
      position: relative; }
      #product-page .details-group .product-summary::after {
        background: #b3b3b3;
        content: "";
        display: block;
        height: 1px;
        width: 35%;
        bottom: 0;
        position: absolute; }
      #product-page .details-group .product-summary .balance {
        font-size: 2.5em;
        line-height: 1;
        margin-bottom: .5em; }
      #product-page .details-group .product-summary .data-group {
        margin-top: -0.7em; }
    #product-page #product-details {
      overflow: hidden;
      padding: 0; }
      #product-page #product-details .data-title {
        font-size: 0.85em; }
      #product-page #product-details .data-group {
        width: 50%;
        float: left;
        padding-left: 0; }
      #product-page #product-details .tools {
        display: inline-block;
        padding-top: 0;
        position: absolute;
        left: 12em;
        bottom: 0;
        margin-top: 0; }
    #product-page .options-group {
      text-transform: uppercase;
      float: right;
      width: 36%;
      margin: 0; }
      #product-page .options-group .btn:not(.js-display-more) {
        margin-top: .5em; }
    #product-page .movements-title {
      height: 3rem;
      font-size: 1em;
      line-height: 3rem; } }
  @media screen and (min-width: 1024px) {
    #product-page .product-summary .product-name {
      width: calc(100% - 35px - 4px); }
    #product-page .lower-div {
      padding-top: 0; }
    #product-page .movements-title,
    #product-page .alert--last-movs {
      padding-left: 5%; } }
  @media screen and (min-width: 900px) and (max-height: 635px) {
    #product-page .movements-title {
      margin: 1em 0; }
    #product-page .main-content {
      padding-top: 6rem; } }
  @media screen and (min-height: 720px) {
    #product-page .movements-title {
      margin: 2rem 0; } }
  @media screen and (min-height: 840px) and (min-width: 768px) {
    #product-page .movements-title {
      margin: 5rem 0 3rem; }
    #product-page .main-content {
      padding: 9rem 0 2rem; } }

/************ MOVEMENTS **************/
.movement .date, .movement .balance-group .text {
  color: #999999;
  font-size: .9em; }

.movement .date {
  text-transform: uppercase; }

.movement .balance-group {
  float: right; }

.movement .balance, .movement .text {
  display: inline-block; }

.movement .description {
  text-transform: uppercase; }

/************ LAST MOVEMENTS **************/
#last-movements .movement .content {
  padding: .5em 1em;
  width: 100%; }

#last-movements .movement header {
  overflow: hidden; }

#last-movements .movement .date {
  float: left; }

#last-movements .movement .balance-group, #last-movements .movement .num-deposit {
  float: right; }

#last-movements .movement .balance, #last-movements .movement .text {
  vertical-align: top; }

#last-movements .movement .arrow {
  margin-top: 2px;
  line-height: 1; }
  #last-movements .movement .arrow svg {
    height: 1.5em;
    width: 1.5em; }

#last-movements .movement .amount-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }
  #last-movements .movement .amount-group > div {
    line-height: 1; }
    #last-movements .movement .amount-group > div:last-child {
      margin-right: -.5em; }
  #last-movements .movement .amount-group span {
    display: inline-block;
    vertical-align: middle; }

#last-movements .movement .amount {
  font-size: 1.7em; }

#last-movements .movement .currency {
  font-size: 1.2em;
  line-height: 1;
  margin-top: 0.2em; }

#last-movements .movement .description {
  margin: .5em 0 1em;
  clear: both;
  line-height: 1.1em;
  max-height: 2.2em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

@media screen and (min-height: 660px) {
  #last-movements .movement {
    min-height: 175px; }
    #last-movements .movement .content {
      padding: .5em 1.5em; }
    #last-movements .movement .description {
      margin: .5em 0 2em; } }
  @media screen and (min-height: 660px) and (-ms-high-contrast: active), screen and (min-height: 660px) and (-ms-high-contrast: none) {
    #last-movements .movement {
      height: 175px; } }

#product-page .movement-details-view .other-data,
#product-page .movement-details .other-data,
#buy-sell-securities .movement-details-view .other-data,
#buy-sell-securities .movement-details .other-data {
  text-align: left;
  margin: 2em auto 0;
  max-width: 450px; }

#product-page .movement-details-view .data-details,
#product-page .movement-details .data-details,
#buy-sell-securities .movement-details-view .data-details,
#buy-sell-securities .movement-details .data-details {
  display: block; }

#product-page .movement-details-view .tools,
#product-page .movement-details .tools,
#buy-sell-securities .movement-details-view .tools,
#buy-sell-securities .movement-details .tools {
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

#product-page .movement-details-view .send,
#product-page .movement-details .send,
#buy-sell-securities .movement-details-view .send,
#buy-sell-securities .movement-details .send {
  width: auto;
  font-size: .9em; }

@media screen and (min-width: 768px) {
  #product-page .movement-details-view .send,
  #product-page .movement-details .send,
  #buy-sell-securities .movement-details-view .send,
  #buy-sell-securities .movement-details .send {
    font-size: .8em; }
  #product-page .movement-details-view .data-details,
  #product-page .movement-details .data-details,
  #buy-sell-securities .movement-details-view .data-details,
  #buy-sell-securities .movement-details .data-details {
    float: right; }
  #product-page .movement-details-view .other-data,
  #product-page .movement-details .other-data,
  #buy-sell-securities .movement-details-view .other-data,
  #buy-sell-securities .movement-details .other-data {
    font-size: .95em; } }

.movement-details-view {
  padding: 60px 0; }
  .movement-details-view .close {
    top: 45px; }
    .movement-details-view .close svg {
      background: #3D3D3D;
      /* Old browsers */
      background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
      /* FF3.6+ */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
      /* Chrome,Safari4+ */
      background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
      /* Chrome10+,Safari5.1+ */
      background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
      /* Opera 11.10+ */
      background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
      /* IE10+ */
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
      background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
      /* W3C */
      fill: white; }
  .movement-details-view .content {
    cursor: default;
    margin: 15% auto 5%;
    max-width: 960px;
    padding: 5%;
    display: block;
    text-align: center;
    position: static;
    width: 90%; }
  .movement-details-view .date, .movement-details-view .description {
    font-size: 1em;
    text-transform: uppercase;
    display: block; }
  .movement-details-view .date {
    color: #999999; }
  .movement-details-view .description {
    line-height: 1.3;
    margin-top: 1em; }
  .movement-details-view .variations-group span.variations {
    line-height: 0; }
  .movement-details-view .balance-group {
    font-size: 2.5em;
    margin: 1em 0 .5em; }
    .movement-details-view .balance-group span {
      line-height: 1; }
    .movement-details-view .balance-group svg {
      position: relative;
      top: .05em;
      height: .8em;
      width: .8em; }
  @media screen and (min-width: 768px) {
    .movement-details-view {
      font-size: 1.1em; }
      .movement-details-view .content {
        position: relative;
        margin: 60px auto 0; }
      .movement-details-view .balance-group {
        font-size: 2.8em; }
      .movement-details-view .close {
        top: 0; } }

/*************************************
		PRODUCT MOVEMENTS PAGE
**************************************/
#movements,
#orders,
#liquidations {
  display: none;
  z-index: 2;
  width: 100%;
  overflow-y: hidden;
  height: auto;
  min-height: 100%;
  background-color: #F3F3F3;
  /************ MEDIA QUERIES MOVEMENTS AND RELATED **************/
  /*END 768*/
  /*END 1023*/ }
  #movements .wrapper--inside,
  #orders .wrapper--inside,
  #liquidations .wrapper--inside {
    max-width: 850px; }
  #movements .wrapper--inside__padding,
  #orders .wrapper--inside__padding,
  #liquidations .wrapper--inside__padding {
    max-width: 858px; }
  #movements .big-res,
  #orders .big-res,
  #liquidations .big-res {
    display: none; }
  #movements.option-window,
  #orders.option-window,
  #liquidations.option-window {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    top: 45px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease; }
    #movements.option-window.displayed,
    #orders.option-window.displayed,
    #liquidations.option-window.displayed {
      -webkit-transition: -webkit-transform .5s ease;
      transition: -webkit-transform .5s ease;
      -o-transition: transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  #movements .product-summary,
  #orders .product-summary,
  #liquidations .product-summary {
    margin: 3em auto 2em;
    position: relative; }
  #movements .close,
  #orders .close,
  #liquidations .close {
    right: -.5rem;
    top: -3rem; }
  #movements .product-summary,
  #orders .product-summary,
  #liquidations .product-summary {
    color: #333333; }
    #movements .product-summary .balance,
    #orders .product-summary .balance,
    #liquidations .product-summary .balance {
      margin-top: .3em; }
    #movements .product-summary > .filter-dates,
    #orders .product-summary > .filter-dates,
    #liquidations .product-summary > .filter-dates {
      position: absolute;
      right: 0; }
  #movements .options-bar,
  #orders .options-bar,
  #liquidations .options-bar {
    background-color: #333333;
    color: white; }
    #movements .options-bar li,
    #orders .options-bar li,
    #liquidations .options-bar li {
      text-transform: uppercase;
      cursor: pointer;
      padding: .3em .7em; }
      #movements .options-bar li:not(.filter-dates):not(.filter-type),
      #orders .options-bar li:not(.filter-dates):not(.filter-type),
      #liquidations .options-bar li:not(.filter-dates):not(.filter-type) {
        float: left; }
        #movements .options-bar li:not(.filter-dates):not(.filter-type):hover, #movements .options-bar li:not(.filter-dates):not(.filter-type).active,
        #orders .options-bar li:not(.filter-dates):not(.filter-type):hover,
        #orders .options-bar li:not(.filter-dates):not(.filter-type).active,
        #liquidations .options-bar li:not(.filter-dates):not(.filter-type):hover,
        #liquidations .options-bar li:not(.filter-dates):not(.filter-type).active {
          color: #333333;
          background-color: #DDDDDD; }
    #movements .options-bar .filters,
    #orders .options-bar .filters,
    #liquidations .options-bar .filters {
      overflow: hidden;
      font-size: .75em;
      position: relative; }
    #movements .options-bar .label, #movements .options-bar .range-group,
    #orders .options-bar .label,
    #orders .options-bar .range-group,
    #liquidations .options-bar .label,
    #liquidations .options-bar .range-group {
      color: white;
      margin-right: .5em; }
    #movements .options-bar .filter-dates, #movements .options-bar .filter-type,
    #orders .options-bar .filter-dates,
    #orders .options-bar .filter-type,
    #liquidations .options-bar .filter-dates,
    #liquidations .options-bar .filter-type {
      text-align: center;
      line-height: 1;
      padding: .35em 0; }
    #movements .options-bar .filter-dates,
    #orders .options-bar .filter-dates,
    #liquidations .options-bar .filter-dates {
      float: right; }
    #movements .options-bar .span-calendar svg, #movements .options-bar .span-filter svg,
    #orders .options-bar .span-calendar svg,
    #orders .options-bar .span-filter svg,
    #liquidations .options-bar .span-calendar svg,
    #liquidations .options-bar .span-filter svg {
      padding: .4em;
      fill: #333333; }
    #movements .options-bar .span-calendar.active svg, #movements .options-bar .span-filter.active svg,
    #orders .options-bar .span-calendar.active svg,
    #orders .options-bar .span-filter.active svg,
    #liquidations .options-bar .span-calendar.active svg,
    #liquidations .options-bar .span-filter.active svg {
      fill: #EC0000; }
  #movements .movements-list,
  #orders .movements-list,
  #liquidations .movements-list {
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 3em;
    text-align: center; }
    #movements .movements-list .month-group,
    #orders .movements-list .month-group,
    #liquidations .movements-list .month-group {
      text-align: left; }
    #movements .movements-list .month,
    #orders .movements-list .month,
    #liquidations .movements-list .month {
      color: #333333;
      text-transform: uppercase;
      margin: 1.5em 0 .5em;
      font-size: .8em; }
  #movements .movement,
  #orders .movement,
  #liquidations .movement {
    font-size: .9em;
    margin-bottom: .5em;
    overflow: hidden; }
    #movements .movement.displayed .description,
    #orders .movement.displayed .description,
    #liquidations .movement.displayed .description {
      white-space: normal;
      overflow: visible;
      -o-text-overflow: initial;
      text-overflow: initial; }
    #movements .movement .description, #movements .movement .balance-group,
    #orders .movement .description,
    #orders .movement .balance-group,
    #liquidations .movement .description,
    #liquidations .movement .balance-group {
      color: #999999; }
    #movements .movement .content,
    #orders .movement .content,
    #liquidations .movement .content {
      padding: .5em .7em;
      overflow: hidden; }
    #movements .movement .date, #movements .movement .arrow,
    #orders .movement .date,
    #orders .movement .arrow,
    #liquidations .movement .date,
    #liquidations .movement .arrow {
      line-height: 1; }
    #movements .movement .date,
    #orders .movement .date,
    #liquidations .movement .date {
      font-size: .8em; }
    #movements .movement .description,
    #orders .movement .description,
    #liquidations .movement .description {
      font-size: .9em;
      line-height: 1.2;
      margin-bottom: .8em;
      max-width: 100%;
      display: block; }
    #movements .movement .balance-group,
    #orders .movement .balance-group,
    #liquidations .movement .balance-group {
      text-transform: uppercase;
      font-size: .85em;
      line-height: 2; }
      #movements .movement .balance-group .balance,
      #orders .movement .balance-group .balance,
      #liquidations .movement .balance-group .balance {
        font-size: 1.1em;
        display: block;
        line-height: 2.2; }
    #movements .movement .amount,
    #orders .movement .amount,
    #liquidations .movement .amount {
      color: #333333;
      font-size: 1.3em;
      float: left; }
  #movements .more_movements,
  #orders .more_movements,
  #liquidations .more_movements {
    margin-top: 2em; }
  @media screen and (min-width: 768px) {
    #movements,
    #orders,
    #liquidations {
      font-size: 1.1em; }
      #movements.option-window,
      #orders.option-window,
      #liquidations.option-window {
        top: 60px; }
      #movements .big-res,
      #orders .big-res,
      #liquidations .big-res {
        display: block; }
      #movements .close,
      #orders .close,
      #liquidations .close {
        top: 0;
        right: -1rem; }
      #movements .options-bar li,
      #orders .options-bar li,
      #liquidations .options-bar li {
        padding: .4em .7em; }
      #movements .options-bar .filters div, #movements .options-bar .filters span:not(.cleanRange),
      #orders .options-bar .filters div,
      #orders .options-bar .filters span:not(.cleanRange),
      #liquidations .options-bar .filters div,
      #liquidations .options-bar .filters span:not(.cleanRange) {
        display: inline-block;
        vertical-align: middle; }
      #movements .movement .date-group,
      #movements .movement .amount-group,
      #movements .movement .balance-group,
      #orders .movement .date-group,
      #orders .movement .amount-group,
      #orders .movement .balance-group,
      #liquidations .movement .date-group,
      #liquidations .movement .amount-group,
      #liquidations .movement .balance-group {
        display: inline-block;
        vertical-align: middle; }
      #movements .movement .amount-group,
      #orders .movement .amount-group,
      #liquidations .movement .amount-group {
        max-width: 80%; }
      #movements .movement .amount-group > span, #movements .movement .balance-group > span,
      #orders .movement .amount-group > span,
      #orders .movement .balance-group > span,
      #liquidations .movement .amount-group > span,
      #liquidations .movement .balance-group > span {
        line-height: 1.2; }
      #movements .movement .amount,
      #orders .movement .amount,
      #liquidations .movement .amount {
        font-size: 1em; }
      #movements .movement .arrow,
      #orders .movement .arrow,
      #liquidations .movement .arrow {
        font-size: 1.4em;
        position: absolute;
        right: 0;
        top: .2em; }
      #movements .movement .description,
      #orders .movement .description,
      #liquidations .movement .description {
        margin-bottom: .3em; }
      #movements .movement .date-group,
      #orders .movement .date-group,
      #liquidations .movement .date-group {
        width: 18%;
        padding-bottom: .2em;
        position: relative;
        margin-right: .5em; }
      #movements .movement .balance-group,
      #orders .movement .balance-group,
      #liquidations .movement .balance-group {
        margin-top: .3em;
        width: 22%;
        border-left: 1px solid #e7e7e7;
        padding-left: 1.5em; }
        #movements .movement .balance-group .text,
        #orders .movement .balance-group .text,
        #liquidations .movement .balance-group .text {
          font-size: .8em; }
        #movements .movement .balance-group .balance,
        #orders .movement .balance-group .balance,
        #liquidations .movement .balance-group .balance {
          line-height: 1;
          margin-top: .5em; }
      #movements .movement .movement-details .other-data,
      #orders .movement .movement-details .other-data,
      #liquidations .movement .movement-details .other-data {
        font-size: 1em;
        margin-bottom: 1em; }
      #movements .more_movements,
      #orders .more_movements,
      #liquidations .more_movements {
        font-size: .75em; }
      .cuenta #movements .amount-group, .cuenta
      #orders .amount-group, .cuenta
      #liquidations .amount-group {
        max-width: 58%; } }
  @media screen and (min-width: 1024px) {
    #movements .options-bar li,
    #orders .options-bar li,
    #liquidations .options-bar li {
      padding: .5em .7em; }
    #movements .movement .date-group,
    #orders .movement .date-group,
    #liquidations .movement .date-group {
      width: 15%;
      margin-right: 1.5em; }
    #movements .movement .amount-group,
    #orders .movement .amount-group,
    #liquidations .movement .amount-group {
      max-width: 62%; }
    #movements .movement .balance-group,
    #orders .movement .balance-group,
    #liquidations .movement .balance-group {
      margin-top: .3em;
      width: 18%;
      border-left: 1px solid;
      padding-left: 2em; } }

/*************************************
		SINGLE PRODUCTS PAGES
**************************************/
/************ CARDS **************/
#product-page.tarjeta .product-summary .product-group {
  overflow: hidden; }

#product-page.tarjeta .product-summary .icon-card {
  display: inline-block;
  width: 4em;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 2px; }

#product-page.tarjeta .product-name {
  width: calc(100% - 4em - 4px); }

#product-page.tarjeta .big-card {
  text-shadow: 1px 1px 2px black;
  max-width: 350px;
  position: relative;
  font-size: .9em;
  color: white;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  margin: 1em 3px; }
  #product-page.tarjeta .big-card .icon-card.blocked:before {
    height: 3.5em;
    width: 3.5em; }
  #product-page.tarjeta .big-card .icon-card.blocked:after {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  #product-page.tarjeta .big-card > span {
    position: absolute; }
  #product-page.tarjeta .big-card .product-number {
    display: block;
    font-size: 1.3em;
    top: 50%;
    word-spacing: .3em;
    margin-left: 2em; }
  #product-page.tarjeta .big-card .expiry-date {
    font-size: .9em;
    display: block;
    top: 70%;
    left: 40%;
    margin-left: 2.5em; }
  #product-page.tarjeta .big-card .owner-name {
    bottom: 0.5em;
    display: block;
    font-size: 0.8em;
    left: 0;
    width: 65%;
    margin-left: 3.5em; }

#product-page.tarjeta.Credito .credit-overview {
  margin: .5em 0 1em; }

#product-page.tarjeta.Credito .credit-amounts {
  position: relative;
  font-size: 1.4em;
  overflow: hidden; }
  #product-page.tarjeta.Credito .credit-amounts > span {
    line-height: normal; }

#product-page.tarjeta.Credito .credit-spent {
  color: #EC0000; }

#product-page.tarjeta.Credito .credit-spent, #product-page.tarjeta.Credito .data-title.spent {
  float: left;
  clear: left; }

#product-page.tarjeta.Credito .credit-available, #product-page.tarjeta.Credito .data-title.available {
  float: right;
  clear: right; }

#product-page.tarjeta.Credito .credit-amounts .data-title {
  font-size: .55em; }

#product-page.tarjeta.Credito .progress-bar {
  background-color: #CECECE;
  border-color: #b3b3b3;
  height: 9px; }
  #product-page.tarjeta.Credito .progress-bar span {
    height: 8px;
    -webkit-box-shadow: 1px 1px 2px #525759;
    box-shadow: 1px 1px 2px #525759; }

/************ END CARDS PAGES **************/
#product-page.cuenta .details-group .btn, #product-page.tarjeta .details-group .btn {
  margin-bottom: 0; }

/************ DEPOSIT (PRODUCT TYPE PAGES) **************/
#product-page {
  /************ END DEPOSIT PAGES **************/
  /************ DEPOSIT ITEM(IMPOSICIÓN) **************/ }
  #product-page.deposito .product-summary {
    margin: 0;
    padding: 1em 0 1.5em; }
    #product-page.deposito .product-summary::after {
      display: none; }
  #product-page.deposito #last-movements .tae {
    font-size: 1.2em; }
  #product-page.deposito #last-movements .amount-group {
    margin-top: 1em; }
  @media screen and (min-height: 600px) {
    #product-page.deposito .lower-div {
      margin-top: 6em; } }
  #product-page.imposicion .product-parent {
    margin-bottom: .5em; }
  #product-page.imposicion .product-summary .product-name {
    padding-left: 0;
    text-transform: none; }
  #product-page #liquidations .small-res {
    display: inline-block; }
  #product-page #liquidations .movements-list {
    margin-top: 1.5em; }
  #product-page #liquidations .product-name {
    font-size: 1.2em; }
  #product-page #liquidations .no-filter {
    cursor: default; }
  #product-page #liquidations .col {
    float: left; }
    #product-page #liquidations .col:nth-child(2) {
      float: right; }
    #product-page #liquidations .col > span {
      display: inline-block;
      font-size: .8rem; }
  #product-page #liquidations .small-res-title {
    font-size: .8rem;
    display: inline-block;
    color: #999999;
    text-transform: uppercase;
    padding-right: 1em; }
  #product-page #liquidations .balance {
    color: #333333;
    font-size: 1.5em;
    display: inline-block; }
  #product-page #liquidations .other-data .data-group {
    overflow: hidden; }
    #product-page #liquidations .other-data .data-group > span {
      float: right; }
    #product-page #liquidations .other-data .data-group .data-title {
      margin-right: 1em;
      float: left; }
    #product-page #liquidations .other-data .data-group .data-details:nth-child(3) {
      clear: both; }
  #product-page #liquidations .other-data .debit-credit {
    text-transform: uppercase;
    padding-bottom: 2em;
    margin-bottom: 2em;
    position: relative; }
    #product-page #liquidations .other-data .debit-credit::after {
      width: 50%;
      height: 1px;
      content: "";
      display: block;
      background-color: #999999;
      position: absolute;
      left: 50%;
      margin-left: -25%;
      bottom: 0; }
  @media screen and (min-width: 768px) {
    #product-page #liquidations .small-res,
    #product-page #liquidations .small-res-title,
    #product-page #liquidations .col .small-res-title {
      display: none; }
    #product-page #liquidations .big-res {
      display: inline-block; }
    #product-page #liquidations header.big-res {
      padding: 0.5em 0.7em;
      display: block;
      color: #999999;
      text-transform: uppercase;
      font-size: .8em;
      overflow: hidden; }
      #product-page #liquidations header.big-res span:last-child {
        float: right;
        width: 15%; }
    #product-page #liquidations .product-summary .balance-group {
      margin-top: .5em;
      font-size: 1.5em; }
    #product-page #liquidations .movement .col {
      border-right: 1px solid #DDDDDD; }
    #product-page #liquidations .col {
      width: 20%;
      text-align: center; }
      #product-page #liquidations .col:nth-child(2) {
        float: left; }
      #product-page #liquidations .col > span {
        font-size: 1em; }
    #product-page #liquidations .movement .balance-group {
      border: none;
      float: right;
      margin-top: 0; }
      #product-page #liquidations .movement .balance-group .balance {
        margin-top: 0;
        line-height: 1.5; } }

/************ END DEPOSIT PAGES **************/
/************ FUNDS **************/
#product-page.fondo .funds-special {
  color: #999999;
  text-transform: uppercase;
  font-size: .9em;
  display: block;
  clear: both; }
  #product-page.fondo .funds-special > span {
    text-align: center;
    margin-top: 2em; }

#product-page.fondo .movement-details-view .funds-special {
  margin-top: 1em;
  line-height: 2; }

@media screen and (min-width: 500px) {
  #product-page.fondo #movements .funds-special {
    float: right;
    clear: none; } }

/************ END FUNDS **************/
@media screen and (min-width: 768px) {
  #product-page.fondo .movements .amount-group, #product-page.plan .movements .amount-group {
    padding-left: 2em;
    border-left: 1px solid #e7e7e7; } }

/************ SECURITIES PORTFOLIO (CARTERA DE VALORES) **************/
#product-page.cartera .details-group .product-summary::after {
  display: none; }

#product-page.cartera #last-movements span, #product-page.cartera #last-movements div {
  line-height: 1; }

#product-page.cartera #last-movements .content {
  padding: .5em 1em; }

#product-page.cartera #last-movements .header {
  position: relative; }

#product-page.cartera #last-movements .star--favourite {
  position: absolute;
  right: 0;
  top: 0; }

#product-page.cartera #last-movements .securities-volume {
  margin: .4em 0;
  display: block; }

#product-page.cartera #last-movements .balance {
  clear: both;
  font-size: 1.5em;
  position: relative;
  top: .2em;
  padding-right: .3em; }

#product-page.cartera #last-movements .amounts {
  margin-bottom: 1em;
  overflow: hidden; }

#product-page.cartera #last-movements .variation-group {
  float: right;
  position: relative; }
  #product-page.cartera #last-movements .variation-group > span {
    display: block;
    text-align: right; }

#product-page.cartera #last-movements .variations {
  position: absolute;
  font-size: 1.5em;
  left: -1em;
  top: .2em; }

#product-page.cartera #last-movements .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  clear: both; }

#product-page.cartera #last-movements .btn {
  min-width: 0;
  width: 48%;
  text-align: center; }

@media screen and (min-width: 375px) {
  #product-page.cartera #last-movements .content {
    padding: 1em 1.5em; } }

#product-page.cartera .movement-details-view .price {
  display: block;
  font-size: 1.5em; }

#product-page.cartera .movement-details-view .value {
  font-size: 2em; }

#product-page.cartera .movement-details-view .in-portfolio-group {
  margin-top: 1em; }
  #product-page.cartera .movement-details-view .in-portfolio-group span {
    line-height: 1; }
  #product-page.cartera .movement-details-view .in-portfolio-group svg {
    fill: #333333;
    position: relative;
    height: 1.2em;
    width: 1.2em; }

#product-page.cartera .movements-list {
  margin-top: 1.5em; }

@media screen and (min-width: 768px) {
  #product-page.cartera .movement-details-view header {
    font-size: 1.2em; }
  #product-page.cartera .movement-details-view .product-name {
    font-size: 1.1em;
    margin-bottom: 1em; }
  #product-page.cartera .movement-details-view .price {
    font-size: 1em;
    display: inline-block;
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid #b3b3b3; }
  #product-page.cartera .movement-details-view .value {
    margin: .5em 0; }
  #product-page.cartera .movement-details-view .other-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #product-page.cartera .movement-details-view .other-data .data-group {
      width: 40%; } }

#product-page.cartera .movement .tools, #product-page.cartera .movement-details-view .tools,
#buy-sell-securities .movement .tools,
#buy-sell-securities .movement-details-view .tools {
  max-width: 500px;
  margin: 2em auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  #product-page.cartera .movement .tools .btn, #product-page.cartera .movement-details-view .tools .btn,
  #buy-sell-securities .movement .tools .btn,
  #buy-sell-securities .movement-details-view .tools .btn {
    margin-bottom: 1em;
    margin-top: 0;
    max-width: 150px;
    width: 100%;
    padding: 0;
    -webkit-flex: 1; }

@media screen and (min-width: 768px) {
  #product-page.cartera .movement .tools .btn, #product-page.cartera .movement-details-view .tools .btn,
  #buy-sell-securities .movement .tools .btn,
  #buy-sell-securities .movement-details-view .tools .btn {
    min-width: 0;
    margin-bottom: 0; } }

.favourite-securities .product-summary .balance-group {
  margin-top: 0.6em; }

.stock .no-details-content {
  line-height: 1.7;
  text-align: left;
  font-size: .9em; }

.stock .name-group {
  text-align: left; }

.stock .variation-group {
  float: left;
  margin-top: .4em; }
  .stock .variation-group span {
    vertical-align: middle;
    display: inline-block;
    line-height: 1; }
  .stock .variation-group .variations {
    line-height: 0; }

.stock .balance {
  float: right; }
  .stock .balance:not(.light) {
    font-size: 1.3em; }

.stock .in-portfolio-group {
  clear: both; }

.stock .data-group:first-child .data-details {
  font-size: .95em; }

#movements .stock .movement-details .other-data {
  max-width: 520px; }

@media screen and (min-width: 768px) {
  .stock .name-group {
    max-width: 43%;
    float: left; }
  .stock .variation-group,
  .stock .name-group {
    margin-top: .25em; }
  .stock .variation-group {
    float: none;
    left: 45%;
    position: absolute;
    font-size: 1.1em; } }

.stock .other-data,
#orders .other-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.stock .data-group,
#orders .data-group {
  width: 45%; }

#orders .border-message,
.operation-buy .border-message {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  width: 90%;
  padding-top: 2em;
  margin-top: 2em;
  margin-bottom: 2em; }

.operation-buy .border-message {
  font-size: 1em; }

/************ ORDERS **************/
#orders .filters {
  display: none;
  overflow: hidden;
  background-color: #DDDDDD;
  margin-bottom: 1em;
  font-size: .7em; }
  #orders .filters li {
    text-transform: uppercase;
    cursor: pointer;
    padding: .3em .7em; }
    #orders .filters li:not(:last-child) {
      border-bottom: 1px solid #c4c4c4; }
    #orders .filters li.active {
      color: white;
      background-color: #525759; }

#orders .filters-header {
  font-size: 0.75em;
  overflow: hidden;
  position: relative; }

#orders .filter-type {
  float: left; }
  #orders .filter-type .label, #orders .filter-type .label-opened {
    margin-right: 0;
    margin-left: .5em; }

#orders .filter-group span.label-opened {
  display: none; }

#orders .no-details-content {
  text-align: left; }
  #orders .no-details-content span {
    line-height: 2; }
  #orders .no-details-content .name, #orders .no-details-content .ticker {
    float: left; }
  #orders .no-details-content .ticker {
    margin-left: .2em; }
  #orders .no-details-content .transaction, #orders .no-details-content .status {
    float: right; }
  #orders .no-details-content .date {
    float: left;
    clear: right; }
  #orders .no-details-content .date {
    font-size: 1em; }

#orders .status {
  color: white;
  padding: .2em 0;
  width: 6.5rem;
  text-align: center;
  border-radius: 2px; }
  #orders .status.pendiente {
    background: #D0A228;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #D0A228 0%, #E59D27 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D0A228), color-stop(60%, #E59D27));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #D0A228 0%, #E59D27 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #D0A228 0%, #E59D27 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #D0A228 0%, #E59D27 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D0A228), color-stop(60%, #E59D27));
    background-image: linear-gradient(to bottom, #D0A228 0%, #E59D27 60%);
    /* W3C */ }
  #orders .status.ejecutada {
    background: #B7AD1B;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B7AD1B), color-stop(60%, #ABC111));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #B7AD1B 0%, #ABC111 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B7AD1B), color-stop(60%, #ABC111));
    background-image: linear-gradient(to bottom, #B7AD1B 0%, #ABC111 60%);
    /* W3C */ }
  #orders .status.rechazada {
    background: #367F95;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367F95), color-stop(60%, #1BB3BC));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #367F95 0%, #1BB3BC 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#367F95), color-stop(60%, #1BB3BC));
    background-image: linear-gradient(to bottom, #367F95 0%, #1BB3BC 60%);
    /* W3C */ }
  #orders .status.negociada {
    background: #695277;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #695277 0%, #9E3667 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #695277), color-stop(60%, #9E3667));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #695277 0%, #9E3667 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #695277 0%, #9E3667 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #695277 0%, #9E3667 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#695277), color-stop(60%, #9E3667));
    background-image: linear-gradient(to bottom, #695277 0%, #9E3667 60%);
    /* W3C */ }
  #orders .status.anulada {
    background: #C70105;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
    background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
    /* W3C */ }

#orders .movement-details .other-data {
  max-width: 500px; }

#orders .tools {
  padding-top: 3em; }

#orders .more_movements {
  padding: 0 2.5em; }

@media screen and (min-width: 768px) {
  #orders .filters-header div, #orders .filters-header span:not(.cleanRange):not(.label-opened) {
    display: inline-block;
    vertical-align: middle; }
  #orders .filters-type li {
    padding: 0.3em 1em;
    float: left; }
    #orders .filters-type li:not(:last-child) {
      border-bottom: none; }
  #orders .movement .content {
    padding: 1em; }
  #orders .no-details-content {
    position: relative; }
    #orders .no-details-content .transaction, #orders .no-details-content .date, #orders .no-details-content .name, #orders .no-details-content .ticker {
      float: none; }
    #orders .no-details-content .name, #orders .no-details-content .ticker {
      display: inline-block;
      vertical-align: middle; }
    #orders .no-details-content .transaction, #orders .no-details-content .date {
      position: absolute;
      line-height: 1;
      top: 50%;
      margin-top: -.35em; }
    #orders .no-details-content .transaction {
      left: 35%; }
    #orders .no-details-content .date {
      left: 55%; }
    #orders .no-details-content .status {
      font-size: .9em;
      padding: 0.3em 0; }
  #orders .tools {
    padding-top: 2em; }
  #orders .more_movements {
    padding: 0 3.5em; } }

/************ CANCEL ORDER **************/
.selected-bar {
  background-color: #DDDDDD;
  height: 3rem;
  text-align: left;
  font-size: .9em; }
  .selected-bar .wrapper--inside {
    height: 100%;
    display: table; }
    .selected-bar .wrapper--inside > div {
      display: table-cell;
      line-height: 1;
      vertical-align: middle;
      white-space: nowrap; }
  .selected-bar .lightfont {
    display: block;
    margin-top: .3em; }
  .selected-bar .ticker {
    max-width: 3em; }
  .selected-bar .description {
    max-width: 8em; }
  @media screen and (min-width: 768px) {
    .selected-bar .number-group .lightfont {
      margin-left: 0.5em; }
    .selected-bar .lightfont {
      display: inline-block;
      vertical-align: middle;
      font-size: 1em;
      margin-top: 0; }
    .selected-bar .date {
      padding-left: 1em;
      margin-left: 1em; }
    .selected-bar .wrapper--inside {
      text-align: center; } }

#cancel-order .btn--rounded {
  margin-top: 2em; }
  @media screen and (min-width: 768px) {
    #cancel-order .btn--rounded {
      margin-top: 4em; } }

@media screen and (min-width: 768px) {
  #cancel-order .selected-bar .lightfont {
    display: inline-block; } }

@media screen and (min-width: 768px) {
  #cancel-order .selected-bar .wrapper--inside > div,
  .ibex-search .selected-bar .wrapper--inside > div {
    width: 50%; }
    #cancel-order .selected-bar .wrapper--inside > div:last-child,
    .ibex-search .selected-bar .wrapper--inside > div:last-child {
      border-left: 1px solid #b3b3b3; } }

.rmv-table {
  font-size: .75em;
  width: 110%;
  max-width: 110%;
  margin-left: -5%;
  margin-top: 10%;
  word-wrap: break-word;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0 10px;
  color: #999999; }
  .rmv-table th {
    font-weight: normal;
    color: #333333; }
  .rmv-table td:first-child {
    font-size: .8em;
    text-align: left;
    color: #333333; }
  .rmv-table #descripcion {
    width: 21%; }
  .rmv-table #titulos {
    width: 16%; }
  .rmv-table #fecha {
    width: 22%; }
  @media screen and (min-width: 375px) {
    .rmv-table {
      font-size: .8em; }
      .rmv-table #descripcion {
        width: 21%; } }
  @media screen and (min-width: 768px) {
    .rmv-table {
      border-spacing: 0 20px;
      width: 100%;
      margin-left: auto; }
      .rmv-table th, .rmv-table td:first-child {
        font-family: "Lato", Helvetica, Arial, sans-serif; }
      .rmv-table th, .rmv-table td {
        text-align: right; } }

/************ IBEX-SEARCH **************/
#buy-sell-securities.ibex-search-page .search-block {
  padding: calc(45px + 1em) 0 1.5em;
  background-color: #333333; }

#ibex-search-input {
  padding-right: 3em; }

#ibex-search-submit {
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 10%;
  width: 2.5em;
  height: 80%;
  padding: 0;
  border: none;
  border-left: 1px solid #b3b3b3;
  background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/search.svg");
  background-size: 1.2em;
  background-position: 40% 50%;
  background-repeat: no-repeat; }

.results-title {
  margin-bottom: 1em;
  text-align: left; }

@media screen and (min-width: 768px) {
  #buy-sell-securities.ibex-search-page .search-block {
    padding: calc(60px + 1em) 0 2em; }
  #ibex-search-input {
    padding-left: 1.5em; }
  #ibex-search-submit {
    font-size: 1.3em;
    padding-right: 0.2em;
    width: 3em; } }

/************ END VALORES **************/
/************ COMMON STYLES MEDIA QUERY **************/
@media screen and (min-width: 768px) {
  #product-page:not(.deposito) .line-wrapper:after {
    display: block; }
  #product-page:not(.deposito) .details-group {
    width: 60%;
    padding-right: 2em;
    float: left; }
    #product-page:not(.deposito) .details-group .btn.big-res {
      margin: 2em 0; }
  #product-page:not(.deposito) #product-details .data-group {
    width: 100%;
    float: none; }
  #product-page:not(.deposito) #product-details .tools {
    bottom: auto;
    margin-top: 1.5em; } }

@media screen and (min-width: 1024px) {
  #product-page:not(.deposito) #product-details .tools {
    margin-top: 1.6em;
    left: 13em; } }

/************ END PRODUCT SINGLE PAGES **************/
#search-results {
  display: none; }

/************ SEND DETAILS LIGHTBOX **************/
.send-lb {
  font-size: 1rem;
  text-align: center; }
  .send-lb .send-submit {
    margin-top: 1em; }
  @media screen and (min-width: 768px) {
    .send-lb {
      font-size: 1.1rem; }
      .send-lb .data-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .send-lb .send-submit {
        margin-top: 2em; } }

.select-group {
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 1.5em 1em;
  position: relative;
  cursor: pointer; }
  .select-group::before {
    display: block;
    font-size: 1.2em;
    content: "";
    position: absolute;
    top: .5em;
    left: .5em;
    height: 1.2em;
    width: 1.2em;
    border-radius: 50%;
    border: 1px solid #999999; }
  .select-group.checked::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: .5em;
    height: 32px;
    width: 32px;
    background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/sprite.svg");
    background-position: -96px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  @media screen and (min-width: 768px) {
    .select-group {
      width: 49%;
      padding: 3em 1em; } }
  @media screen and (min-width: 1024px) {
    .select-group {
      width: 32%; }
      .select-group:nth-child(3n+1):nth-last-child(-n+2) ~ .select-group {
        margin-left: calc((100% - 96%) / (3 - 1)); }
      .select-group:nth-child(3n+2):last-child {
        margin-right: auto; } }

/*************************************
	PRODUCT TRANSACTIONS PAGES
**************************************/
/************ COMMON PAGES **************/
.iPad .transaction-page {
  padding-top: 0; }

.transaction-page {
  font-size: 1rem;
  top: 0;
  padding-top: 45px;
  /************ Favourite account **************/
  /************ New account **************/ }
  .transaction-page .wrapper--inside {
    max-width: 850px; }
  .transaction-page .wrapper--inside__padding {
    max-width: 858px; }
  .transaction-page .big-res {
    display: none; }
  .transaction-page .products-involved {
    background-color: #333333;
    color: white;
    font-size: .8em; }
    .transaction-page .products-involved .content {
      max-width: calc(100% - 4.5rem); }
      .transaction-page .products-involved .content > span:not(.balance-available) {
        display: block; }
      .transaction-page .products-involved .content .product-balance.after {
        display: none; }
    .transaction-page .products-involved li {
      padding: .8em 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      position: relative; }
      .transaction-page .products-involved li:last-child {
        border-bottom: none; }
    .transaction-page .products-involved [class*='gradient'] {
      margin-right: 1em; }
      .transaction-page .products-involved [class*='gradient'].disabled svg {
        opacity: .6; }
    .transaction-page .products-involved .show-items {
      color: rgba(255, 255, 255, 0.3);
      position: absolute;
      right: 0;
      height: 100%;
      display: block;
      top: 0;
      width: 40px;
      right: 0;
      cursor: pointer;
      font-size: 1.4em;
      text-align: center;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      -o-transition: transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s; }
      .transaction-page .products-involved .show-items svg {
        height: 100%; }
      .transaction-page .products-involved .show-items.displayed {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .transaction-page .products-involved .block {
      line-height: 1.1;
      text-transform: uppercase;
      width: 100%; }
      .transaction-page .products-involved .block > span {
        display: block; }
  .transaction-page .input-block {
    text-align: center; }
    .transaction-page .input-block > .text {
      color: black;
      padding-bottom: 1em;
      text-align: center;
      font-size: 1.1em; }
  .transaction-page .product {
    padding: 1em;
    text-align: left; }
    .transaction-page .product .balance {
      font-size: 1.5em; }
  .transaction-page .card-style {
    text-align: center;
    padding: 1em 0;
    margin-bottom: 1em; }
  .transaction-page .form-block,
  .transaction-page .ok-block {
    margin: 1.5em auto; }
  .transaction-page .form-block input {
    height: 2.5rem;
    color: #333333;
    padding: 0 .5em; }
    .transaction-page .form-block input::-webkit-input-placeholder {
      color: #999999;
      opacity: 1;
      font-family: "Lato", Helvetica, Arial, sans-serif; }
    .transaction-page .form-block input:-moz-placeholder {
      color: #999999;
      opacity: 1;
      font-family: "Lato", Helvetica, Arial, sans-serif; }
    .transaction-page .form-block input::-moz-placeholder {
      color: #999999;
      opacity: 1;
      font-family: "Lato", Helvetica, Arial, sans-serif; }
    .transaction-page .form-block input:-ms-input-placeholder {
      color: #999999;
      opacity: 1;
      font-family: "Lato", Helvetica, Arial, sans-serif; }
  .transaction-page .input-container {
    position: relative;
    overflow: hidden; }
    .transaction-page .input-container:not(.wrapper--inside) {
      margin-left: auto;
      margin-right: auto;
      max-width: 37rem;
      width: 100%; }
  .transaction-page .fixed-currency {
    position: absolute;
    right: .8em;
    color: #999999;
    height: 100%;
    top: 50%;
    margin-top: -.8em;
    line-height: 1; }
  .transaction-page .conditions {
    font-size: .75em;
    line-height: 1.2;
    text-align: center;
    margin-top: 1.5em; }
  .transaction-page .btn--rounded {
    margin-top: 2em; }
  .transaction-page .save-favourite {
    text-align: left;
    font-size: .9em; }
  .transaction-page .destination-select-block span {
    line-height: normal; }
  .transaction-page .destination-select-block .concept {
    display: block;
    max-width: 90%;
    margin: 0 auto; }
  .transaction-page .concept {
    line-height: normal;
    display: inline-block; }
  .transaction-page.envio-3 #destination .product-name,
  .transaction-page.envio-3 .favourite-account-block .product-name {
    text-transform: none; }
  .transaction-page.envio-1 #destination .product-name, .transaction-page.envio-4 #destination .product-name {
    text-transform: none; }
  .transaction-page .new-account-block {
    max-width: 18rem;
    margin: 0 auto; }
    .transaction-page .new-account-block input {
      height: 2.5rem;
      padding: .5em; }
  .transaction-page #name {
    margin-bottom: 1.5em; }
  .transaction-page .account-number input, .transaction-page .account-number .iban-container {
    text-align: center;
    margin-right: .3rem;
    font-size: 1em;
    color: #333333; }
  .transaction-page .account-number input[maxlength="2"] {
    width: 2.7rem;
    margin-right: 0; }
  .transaction-page .account-number input[maxlength="4"] {
    width: 4.5rem; }
  .transaction-page .account-number input.iban-prefix {
    text-align: right;
    width: 4.8rem;
    padding-right: 1rem;
    background-color: #DDDDDD; }
  .transaction-page .account-number input:last-child {
    margin-right: 0; }
  .transaction-page .account-number .iban-container {
    position: relative; }
    .transaction-page .account-number .iban-container > span {
      position: absolute;
      left: 1em;
      color: black;
      line-height: 2.5rem; }
  .transaction-page .false-checkbox {
    font-family: "LatoLight", Helvetica, Arial, sans-serif;
    margin: 1em 0;
    color: #333333;
    line-height: 1.2; }
    .transaction-page .false-checkbox.disabled {
      opacity: .3;
      cursor: default; }
    .transaction-page .false-checkbox .check-set::before {
      height: 1.2em;
      width: 1.2em;
      border: 1px solid; }
    .transaction-page .false-checkbox svg {
      height: 1.1em;
      width: 1.1em;
      top: -.25em;
      left: .15em;
      fill: #ABC111; }
    .transaction-page .false-checkbox .text {
      max-width: calc(100% - 2em); }
  @media screen and (min-width: 530px) {
    .transaction-page .new-account-block {
      max-width: 37rem; }
    .transaction-page .account-number {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .transaction-page .account-number input {
        margin-right: 0; }
        .transaction-page .account-number input[maxlength="2"] {
          width: 10%; }
        .transaction-page .account-number input[maxlength="4"] {
          width: 20%; }
        .transaction-page .account-number input[maxlength="10"] {
          width: 30%; } }
  @media screen and (min-width: 768px) {
    .transaction-page {
      padding-top: 60px; }
      .transaction-page .small-res {
        display: none; }
      .transaction-page .big-res {
        display: inline-block;
        vertical-align: middle; }
      .transaction-page .form-block {
        margin-top: 3em; }
        .transaction-page .form-block .balance, .transaction-page .form-block .product-number {
          display: block; }
      .transaction-page .products-involved {
        font-size: 1em; }
        .transaction-page .products-involved ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
        .transaction-page .products-involved li {
          width: 30%;
          padding: 1em 0;
          height: 120px;
          text-align: center; }
        .transaction-page .products-involved .header, .transaction-page .products-involved .content {
          display: block; }
        .transaction-page .products-involved .header {
          margin-bottom: 1em; }
        .transaction-page .products-involved .content > span {
          font-size: .85em;
          line-height: 1.5; }
        .transaction-page .products-involved .show-items {
          display: none; }
        .transaction-page .products-involved [class*='gradient'] {
          margin-right: .5em; }
        .transaction-page .products-involved .product-name {
          padding: 0; }
        .transaction-page .products-involved .content {
          width: 100%;
          max-width: 100%; }
      .transaction-page .destinations,
      .transaction-page .products,
      .transaction-page .reasons-container,
      .transaction-page .type-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .transaction-page .destinations li:last-child:nth-child(2),
        .transaction-page .products li:last-child:nth-child(2),
        .transaction-page .reasons-container li:last-child:nth-child(2),
        .transaction-page .type-container li:last-child:nth-child(2) {
          margin-left: 2%;
          margin-right: auto; }
      .transaction-page .destinations {
        font-size: 1.05em; }
      .transaction-page .card-style, .transaction-page .product {
        width: 49%;
        height: 175px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      .transaction-page .transfer-data {
        margin: 0 auto; }
      .transaction-page .form-block input {
        font-size: 1.1rem;
        height: 3.5rem;
        padding: 0 1em; }
      .transaction-page .form-block .fixed-currency {
        font-size: 1.4rem;
        margin-top: -1rem; }
      .transaction-page .btn--rounded {
        margin-top: 4em;
        font-size: .95em; }
      .transaction-page .new-account-block {
        max-width: 37rem; }
      .transaction-page .account-number {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .transaction-page .account-number input {
          margin-right: 0;
          padding: 0 0.5em; }
          .transaction-page .account-number input[maxlength="2"] {
            width: 3.45rem; }
          .transaction-page .account-number input[maxlength="4"], .transaction-page .account-number input.iban-prefix {
            width: 5.5rem; }
          .transaction-page .account-number input[maxlength="10"] {
            width: 15rem; }
        .transaction-page .account-number .iban-container {
          margin-right: 0; }
          .transaction-page .account-number .iban-container > span {
            line-height: 3.5rem; }
      .transaction-page .false-checkbox {
        font-size: 1.05em; } }

/************ BLOCKS **************/
.amount-block input[type="text"] {
  padding-right: 2em; }

.email-block {
  margin-top: 1em; }

.pin-block .last {
  display: none; }

.pin-block .last-position .last {
  display: inline; }

.pin-block .last-position .no-last {
  display: none; }

.pin-positions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: visible;
  margin-bottom: .5em; }
  .pin-positions .position {
    background-color: white;
    color: #333333;
    height: 2.5rem;
    width: 2.5rem;
    margin-right: .2em;
    font-size: 1.5em;
    border-radius: 2px; }
    .pin-positions .position.prefilled {
      background-color: #cccccc;
      line-height: 2.1rem;
      position: relative; }
      .pin-positions .position.prefilled::before {
        display: block;
        content: '';
        height: 32px;
        width: 32px;
        background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/sprite.svg");
        background-position: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        -ms-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3); }
    .pin-positions .position:last-child {
      margin-right: 0; }
  .pin-positions input {
    margin-bottom: 0;
    text-align: center; }
  @media screen and (min-width: 768px) {
    .pin-positions .position {
      height: 3.5rem;
      width: 3.5rem;
      margin-right: .3em; }
      .pin-positions .position.prefilled {
        line-height: 3.3rem; }
        .pin-positions .position.prefilled::before {
          -webkit-transform: translate(-50%, -50%) scale(0.4);
          -ms-transform: translate(-50%, -50%) scale(0.4);
          transform: translate(-50%, -50%) scale(0.4); } }

.details-container {
  margin-top: 1.5em;
  padding-top: 1.5em;
  clear: both;
  position: relative;
  text-align: left; }
  .details-container::before {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0; }
  .details-container .data-name,
  .details-container .data-value {
    display: block;
    line-height: 1.3;
    text-transform: uppercase; }
  .details-container .data-name {
    font-size: .8em;
    color: #999999; }
  .details-container .data-value {
    margin-bottom: 1em; }
  .details-container .concept-block .data-value {
    text-transform: none; }
  @media screen and (min-width: 768px) {
    .details-container > ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .details-container::before {
      width: 100%; }
    .details-container .concept-block {
      margin-top: 1em; } }

.details-container-titular {
  margin-bottom: 1.5em;
  margin-top: 0em; }

.sms-block > .text {
  text-align: left;
  padding: .2em 0;
  text-align: center; }
  .sms-block > .text span {
    display: block;
    line-height: 1.2; }
    .sms-block > .text span:last-child {
      font-size: .9em; }

.sms-block input {
  text-align: center;
  max-width: 300px;
  text-transform: uppercase; }

.ok-block .message-container {
  margin: 0 auto 1em;
  font-size: 1.1em;
  text-align: center; }
  .ok-block .message-container .ok-svg {
    display: inline-block;
    height: 2.5em;
    line-height: 3em;
    text-align: center;
    width: 2.5em;
    background-color: #ABC111; }
    .ok-block .message-container .ok-svg svg {
      height: 1.5em;
      width: 1.5em; }
  .ok-block .message-container .message {
    display: block;
    margin: 1em 0 2em;
    padding-bottom: 1.5em;
    line-height: normal;
    position: relative; }
    .ok-block .message-container .message::after {
      content: "";
      width: 60%;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.15);
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -30%; }

.ok-block .btn {
  margin-bottom: 1em;
  width: 100%;
  text-align: center; }

@media screen and (min-width: 768px) {
  .ok-block .message-container {
    font-size: 1.5em;
    margin: 2.5em auto; }
  .ok-block .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .ok-block .buttons .btn {
      width: 32%; }
      .ok-block .buttons .btn:not(:first-child) {
        margin-left: 1em; } }

.border-message {
  font-size: .85em;
  line-height: 1.2;
  margin-top: 2em;
  padding-top: 1em;
  position: relative;
  text-align: left;
  color: #999999; }
  .border-message::before {
    height: 1px;
    width: 50%;
    max-width: 150px;
    background-color: #999999;
    display: block;
    position: absolute;
    content: "";
    top: 0; }
  @media screen and (min-width: 768px) {
    .border-message {
      font-size: 1em; } }

/************ CARD OPTIONS **************/
.card-option:not(#active-card) .products-involved .icon-card {
  width: 30px;
  margin-right: 1em; }

.card-option:not(#active-card) .products-involved .step-header .text {
  max-width: 100%; }

.card-option:not(#active-card) .products-involved .product-balance.after {
  display: none; }

.card-option:not(#active-card) .products .icon-card {
  margin: 0;
  width: 40px; }

.card-option:not(#active-card) .products .product-name {
  width: calc(100% - 60px - .5em); }

.card-option:not(#active-card) .products .product-number {
  margin: 0; }

.card-option:not(#active-card) .balance-available {
  text-transform: none; }

@media screen and (min-width: 768px) {
  .card-option:not(#active-card) .products-involved .icon-card {
    width: 60px;
    margin: 0; }
  .card-option:not(#active-card) .products-involved .product-balance {
    display: inline-block; }
  .card-option:not(#active-card) #origin .header {
    margin-bottom: .5em; }
  .card-option:not(#active-card) .products .icon-card {
    width: 60px; }
  .card-option:not(#active-card) .products .product-name {
    width: calc(100% - 60px - .5em); } }

/************ DIRECT-MONEY **************/
#direct-money .transfer-data .continue, #e-cash .transfer-data .continue {
  margin: 1em 0; }

@media screen and (min-width: 768px) {
  #direct-money .transfer-data .continue, #e-cash .transfer-data .continue {
    margin: 2em 0; } }

/************ ECASH-MONEY **************/
@media screen and (min-width: 768px) {
  #e-cash.load #origin .header {
    margin-bottom: 1em; }
  #e-cash.load #destination .header {
    margin-bottom: .5em; }
  #e-cash #amount .small-res {
    display: none; } }

/************ ACTIVE-CARD **************/
#active-card .icon-card {
  width: 60px;
  display: inline-block;
  margin-bottom: 1em; }

#active-card .content {
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center; }
  #active-card .content > span {
    line-height: 1.5; }

#active-card .container {
  padding: 1.5em 0;
  text-align: center;
  font-size: 1.1em; }

#active-card .btn--rounded {
  margin-top: 2em; }

/************ BLOCK-CARD **************/
#block-card .address-message {
  text-align: center;
  font-size: .9em;
  line-height: 1.2;
  margin-bottom: 2em; }

#block-card .origin-block .balance {
  text-align: right; }

#block-card .reasons-container {
  padding: 0 4px; }

@media screen and (min-width: 768px) {
  #block-card .origin-block .balance {
    margin-top: .5em; }
  #block-card .reasons-container {
    font-size: 1.05em; } }

/*************** BUY-SELL-SECURITIES ********************/
.buySecuritiesPortfolio .selected-bar,
.sellSecuritiesPortfolio .selected-bar {
  display: none; }

#buy-sell-securities .selected-bar .variations-group {
  display: none; }

#buy-sell-securities .no-details-content {
  overflow: hidden; }

#buy-sell-securities .tools {
  margin: 2em 0 1em; }

#buy-sell-securities .data-group {
  line-height: normal;
  padding: 0.5em; }

#buy-sell-securities .search-block {
  width: 100%;
  max-width: 100%;
  padding: 0; }
  #buy-sell-securities .search-block .input-container {
    margin: 1.5em auto; }

#buy-sell-securities .favourites-title {
  text-align: left;
  margin: 1.5em 0 .5em; }

#buy-sell-securities #movements {
  position: relative;
  background: none;
  display: block;
  margin-top: 1.5em; }

#buy-sell-securities .movement-details .date {
  font-size: 1em;
  margin-top: 1.5em; }

#buy-sell-securities #date-input, #buy-sell-securities .limit .currency {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  cursor: pointer;
  width: 2.5rem;
  font-size: 1.3em;
  text-align: center; }

#buy-sell-securities #date-input svg {
  fill: #333333;
  margin-top: .4em; }

#buy-sell-securities .calendar-wrap {
  background: none repeat scroll 0 0 white;
  right: 0;
  top: -.5rem;
  padding: 1em 0;
  min-height: 0;
  height: auto;
  text-align: center; }
  #buy-sell-securities .calendar-wrap .btn {
    display: inline-table;
    width: 8.5rem;
    margin: 0; }

#buy-sell-securities .calendar-content {
  width: 100%;
  padding-top: 0; }
  #buy-sell-securities .calendar-content::before {
    display: none; }
  #buy-sell-securities .calendar-content .calendar-row > span {
    padding: .2em 0; }

#buy-sell-securities #calendar-show:disabled {
  opacity: 1; }

#buy-sell-securities .date-block .message {
  line-height: normal;
  font-size: .8em;
  margin-top: 1em; }

#buy-sell-securities .date-block .input-container {
  overflow: visible; }

#buy-sell-securities .limit {
  position: relative; }

#buy-sell-securities .tools {
  max-width: 400px; }

#buy-sell-securities.operation-sell #movements {
  margin-top: 0; }

@media screen and (min-width: 768px) {
  #buy-sell-securities .type-container .card-style {
    height: 135px;
    width: 31%;
    font-size: 1.05em; }
  #buy-sell-securities .selected-bar .wrapper--inside {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #buy-sell-securities .selected-bar .wrapper--inside > div {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  #buy-sell-securities .selected-bar .date {
    border-left: 1px solid #b3b3b3;
    display: inline-block; }
  #buy-sell-securities .selected-bar .variations-group span, #buy-sell-securities .selected-bar .variations-group div, #buy-sell-securities .selected-bar .product-group span, #buy-sell-securities .selected-bar .product-group div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem; }
  #buy-sell-securities .selected-bar .variations-percent {
    position: relative;
    padding-left: 1.2em; }
    #buy-sell-securities .selected-bar .variations-percent svg {
      position: relative;
      top: 2px; }
  #buy-sell-securities .search-block .input-container {
    margin: 2em auto; }
  #buy-sell-securities .favourites-title {
    margin: 2.5em 0 .5em; }
  #buy-sell-securities #movements {
    margin-top: 2.5em; }
  #buy-sell-securities .number-block,
  #buy-sell-securities .date-block,
  #buy-sell-securities .type-block {
    margin: 0 auto; }
  #buy-sell-securities .number-block,
  #buy-sell-securities .date-block {
    max-width: 500px; }
  #buy-sell-securities .type-block {
    max-width: 900px;
    padding: 0 4px; }
  #buy-sell-securities #date-input, #buy-sell-securities .limit .currency {
    height: 3.5rem;
    line-height: 3.5rem;
    width: 3.5rem;
    font-size: 1.5em; }
  #buy-sell-securities #date-input svg {
    margin-top: .65em; }
  #buy-sell-securities .calendar-content {
    display: block;
    font-size: 1.2em; }
  #buy-sell-securities .calendar-wrap {
    top: .1rem; }
  #buy-sell-securities .date-block .message {
    margin-top: 2em;
    position: relative;
    padding-top: 2em;
    font-size: 1em;
    text-align: left; }
    #buy-sell-securities .date-block .message::before {
      height: 1px;
      width: 30%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      background-color: #333333; }
  #buy-sell-securities .margin-bottom {
    margin-bottom: 1em; } }

.ibex-search .movement.santander .js-hidden-content, .sellSecuritiesPortfolio .movement.santander .js-hidden-content {
  display: block; }

.ibex-search .form-block, .sellSecuritiesPortfolio .form-block {
  width: 100%;
  max-width: 100%; }
  .ibex-search .form-block input[type="text"], .sellSecuritiesPortfolio .form-block input[type="text"] {
    height: 3rem;
    font-size: 1em; }
  .ibex-search .form-block input, .sellSecuritiesPortfolio .form-block input {
    margin-bottom: 0; }

.ibex-search .tools, .sellSecuritiesPortfolio .tools {
  max-width: 350px; }

.ibex-search .form-block {
  margin-top: 0; }

/************ END BUY-SELL SECURITIES **************/
/*************************************
			MIFID PAGES
**************************************/
.mifid-block {
  width: 100%;
  max-width: 800px;
  padding: 5px; }
  .mifid-block a {
    color: #EC0000;
    text-decoration: underline; }
  .mifid-block .message-container {
    line-height: 1.3;
    text-align: center;
    overflow: auto;
    padding: 1em;
    position: relative; }
    .mifid-block .message-container p:first-child {
      margin-bottom: 1em; }
  .mifid-block .message {
    color: #999999; }
  .mifid-block .title {
    font-size: 1.1em;
    font-family: 'LatoBold';
    position: relative;
    z-index: 1; }
    .mifid-block .title > span {
      display: block;
      margin: .5em auto; }
  .mifid-block .false-checkbox {
    text-align: left; }
  .mifid-block .input-container {
    padding-bottom: 2em; }
  .mifid-block .buttons {
    overflow: hidden; }
  .mifid-block .btn, .mifid-block .btn--rounded {
    padding: 0 3em;
    margin-top: 2em; }
  .mifid-block textarea {
    height: 9em;
    padding: 1em; }
  .mifid-block#mifid-1, .mifid-block#mifid-error {
    margin-top: -3em; }
    .mifid-block#mifid-1 .title, .mifid-block#mifid-error .title {
      top: 3.5em; }
    .mifid-block#mifid-1 .message-container, .mifid-block#mifid-error .message-container {
      border-top: 3.5em solid white; }
  .mifid-block#mifid-2 {
    margin-top: -.5em; }
    .mifid-block#mifid-2 .title {
      top: 1.4em; }
    .mifid-block#mifid-2 .message-container {
      height: auto;
      border-top: 1.5em solid white; }
    .mifid-block#mifid-2 .message {
      color: #333333;
      margin-bottom: 1em; }
      .mifid-block#mifid-2 .message > p br:first-of-type {
        margin: 1em 0; }
  .mifid-block#mifid-error .title {
    top: 3.2em; }
  @media screen and (min-width: 768px) {
    .mifid-block#mifid-1 .message-container {
      height: 45vh;
      border: 1em solid white;
      border-top-width: 3.5em; }
    .mifid-block#mifid-1 .message {
      padding-bottom: 2em; }
    .mifid-block textarea {
      height: 5em; }
    .mifid-block .btn, .mifid-block .btn--rounded {
      margin-top: 2em;
      padding: 0 3em;
      min-width: 200px; } }
  @media screen and (min-width: 1024px) {
    .mifid-block#mifid-1 .message-container {
      height: 44vh; } }
  @media screen and (min-width: 1280px) {
    .mifid-block#mifid-1 .message-container {
      height: auto; } }

/*************************************
		PULL OFFERS AND SOCIUS
**************************************/
.item-carousel.offers {
  position: relative; }
  .item-carousel.offers::before {
    display: none; }
  .item-carousel.offers > .content {
    width: 100%;
    height: 100%;
    white-space: nowrap; }
    .item-carousel.offers > .content::before {
      content: "";
      height: 100%; }
    .item-carousel.offers > .content img {
      max-height: 100%; }

.page-socius {
  height: 100%; }
  .page-socius .container {
    height: 100%; }

#socius {
  background-color: white; }
  #socius .main-content {
    height: 100%; }
  #socius .wrapper--inside {
    width: 98%; }

#landing-socius #main-banner {
  cursor: pointer;
  width: 90%;
  padding: 4rem 0 1rem;
  margin: 0 auto; }

#landing-socius .lower-div {
  padding-top: 2rem; }

#landing-socius .wrapper--inside {
  width: 98%; }

#landing-socius .slick-slide {
  cursor: pointer; }

#landing-socius .slick-list {
  border-radius: 10px; }

/************ SOCIUS PAGE (MUNDO 123) **************/
#socius-world {
  font-size: .7em;
  background-color: #F9F9F9;
  padding-bottom: 4rem;
  min-height: 100%;
  /* ******** Detail sbuministr *********** */ }
  #socius-world .big-res {
    display: none; }
  #socius-world .black-bar {
    text-transform: uppercase;
    line-height: 2.5; }
  #socius-world .socius-accounts-container {
    padding-top: 6rem; }
  #socius-world .tab {
    display: none; }
  #socius-world .dobleLine {
    font-size: 25px; }
  #socius-world .PP_PPA_Message {
    font-size: 12px;
    color: #999; }
  #socius-world .socius-account {
    min-height: 114px; }
    #socius-world .socius-account, #socius-world .socius-account .content {
      cursor: default; }
    #socius-world .socius-account:not(.total) .balance {
      float: right;
      font-size: 1.5em;
      line-height: 1;
      margin-top: 1em; }
    #socius-world .socius-account:not(.total) .title {
      padding-left: 0.3em; }
    #socius-world .socius-account.total {
      background-color: #EC0000;
      color: white;
      text-align: center;
      text-transform: none;
      font-size: 1.1em; }
      #socius-world .socius-account.total img {
        height: 3.5rem;
        display: inline-block; }
      #socius-world .socius-account.total p {
        line-height: 1; }
        #socius-world .socius-account.total p:last-child {
          font-family: "LatoLight", Helvetica, Arial, sans-serif; }
  #socius-world .socius-accounts-detail {
    max-width: 1024px;
    margin: 0 auto; }
    #socius-world .socius-accounts-detail header {
      text-align: center; }
      #socius-world .socius-accounts-detail header:nth-of-type(2) {
        margin-top: 3em; }
    #socius-world .socius-accounts-detail .header-title {
      text-transform: uppercase;
      background-color: #F0F0F0;
      margin-top: 1em;
      padding: .5em 0; }
    #socius-world .socius-accounts-detail .liquidation-period {
      text-align: center;
      margin-top: 1.5em;
      line-height: 1.6; }
    #socius-world .socius-accounts-detail .circles-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-top: 2em; }
  #socius-world table {
    margin-top: 2em; }
  #socius-world thead {
    background-color: #F0F0F0;
    font-family: "LatoLight", Helvetica, Arial, sans-serif;
    font-size: 1.05em; }
  #socius-world th, #socius-world td {
    padding: .7em .3em; }
  #socius-world td {
    border-bottom: 1px solid #F0F0F0;
    text-align: right; }
    #socius-world td:first-child {
      text-align: left;
      min-width: 50%; }
    #socius-world td[colspan*="3"] {
      text-align: center;
      text-transform: uppercase;
      position: relative;
      cursor: pointer; }
      #socius-world td[colspan*="3"] svg {
        fill: #333333;
        margin-right: 1em; }
  #socius-world .dropdown-cell, #socius-world .dropdown-cell > div {
    display: none; }
  #socius-world .big {
    font-size: 1.1em; }
  #socius-world .vmiddle.text {
    width: calc(100% - 29px - 4px);
    padding-left: .3em; }
  #socius-world .buttons {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    width: 90%;
    text-align: center;
    margin-top: 2em;
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #socius-world .btn {
    width: 270px;
    margin: .5em 0; }
  @media screen and (min-width: 414px) {
    #socius-world td:first-child {
      padding-left: 1em; }
    #socius-world td:last-child {
      padding-right: 1em; } }
  @media screen and (min-width: 768px) {
    #socius-world {
      font-size: .75em; }
      #socius-world .big-res {
        display: block; }
      #socius-world .small-res {
        display: none; }
      #socius-world .socius-accounts-container {
        padding-top: 9rem; }
      #socius-world .socius-accounts-detail .header-title {
        background-color: transparent; }
      #socius-world .dropdown-button {
        display: none; }
      #socius-world .dropdown-cell {
        display: table-cell; }
        #socius-world .dropdown-cell > div {
          display: block; }
      #socius-world .btn:last-child {
        margin: 0; }
      #socius-world .tables-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around; }
      #socius-world .half {
        width: 50%; }
        #socius-world .half:first-child {
          border-right: 1px solid #F0F0F0; }
      #socius-world .liquidation-period {
        background-color: #F0F0F0;
        padding: .7em 0;
        font-size: 1.05em; }
      #socius-world td:first-child {
        padding-left: 1.2em; }
      #socius-world td:last-child {
        padding-right: 1.2em; }
      #socius-world .buttons {
        margin-top: 4rem; } }
  @media screen and (min-width: 1024px) {
    #socius-world {
      font-size: .8em; }
      #socius-world td, #socius-world td:last-child {
        padding: .7em .5em; }
      #socius-world .buttons {
        margin-top: 3rem; }
      #socius-world .vmiddle.text {
        width: calc(100% - 35px - 4px); } }
  #socius-world .ng-scope td:nth-child(2) {
    width: 15%; }
  #socius-world .ng-scope td:nth-child(3) {
    width: 15%; }
  #socius-world .ng-scope td:nth-child(4) {
    width: 6%; }
  #socius-world .pad0 {
    padding: 0 !important; }
    #socius-world .pad0 table {
      margin: 0px; }
    #socius-world .pad0 > table {
      border-bottom: 10px solid #F9F9F9; }
    #socius-world .pad0 > table:last-child {
      border-bottom: none; }
  #socius-world .header-recibe {
    cursor: pointer;
    background-color: #F9F9F9;
    -webkit-transition: background 500ms linear;
    -moz-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    -o-transition: background 500ms linear;
    transition: background 500ms linear; }
    #socius-world .header-recibe .arrow {
      width: 8px;
      height: 14px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      margin-left: -10px; }
      @media screen and (min-width: 1024px) {
        #socius-world .header-recibe .arrow {
          margin-left: -13px; } }
      #socius-world .header-recibe .arrow span {
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        background: #999999;
        border-radius: 2px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        left: 1px;
        top: 18px; }
        #socius-world .header-recibe .arrow span:first-child {
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg);
          top: 13px; }
    @media screen and (min-width: 1280px) {
      #socius-world .header-recibe:hover .arrow span {
        background: #EC0000; } }
    @media screen and (min-width: 375px) {
      #socius-world .header-recibe .arrow {
        margin-left: -5px; } }
  #socius-world .details {
    color: #999999;
    background-color: #F0F0F0;
    font-size: 0.9em;
    padding-right: 1em; }
    #socius-world .details td:last-child {
      border-bottom: none; }
    #socius-world .details .tabla-details {
      display: none;
      padding: 0.9em 0.5em 0.9em 0.3em;
      font-size: 11px; }
    @media screen and (min-width: 768px) {
      #socius-world .details {
        padding-right: 0px; } }
    #socius-world .details td {
      padding: 0; }
    #socius-world .details .row:before, #socius-world .details .row:after {
      content: " ";
      display: table; }
    #socius-world .details .row:after {
      clear: both; }
    #socius-world .details .border-purple .tab-head .col p {
      border-bottom: 1px solid #9E3667; }
    #socius-world .details .border-green .tab-head .col p {
      border-bottom: 1px solid #ABC111; }
    #socius-world .details .border-orange .tab-head .col p {
      border-bottom: 1px solid #E59D27; }
    #socius-world .details .tab-head .col p {
      padding-bottom: 5px;
      color: #525759; }
    @media screen and (min-width: 375px) {
      #socius-world .details .tabla-details {
        font-size: 12px; } }
    @media screen and (min-width: 414px) {
      #socius-world .details .tabla-details {
        padding: 0.9em; } }
    @media screen and (min-width: 768px) {
      #socius-world .details .tabla-details {
        font-size: 13px; } }
    @media screen and (min-width: 768px) and (max-width: 865px) {
      #socius-world .details .tabla-details {
        font-size: 11px; } }
    #socius-world .details .col {
      width: 30%;
      padding: 3px 5px;
      vertical-align: bottom;
      float: left; }
      #socius-world .details .col:first-child {
        width: 40%; }
      #socius-world .details .col li {
        display: inline-block;
        width: 50%;
        text-align: right; }
        #socius-world .details .col li:first-child {
          border-right: 1px solid #DDDDDD;
          padding-right: 5px; }
      #socius-world .details .col .last-liquidation,
      #socius-world .details .col .total {
        text-align: right; }
      #socius-world .details .col div {
        border-bottom: #D7D7D7 1px solid;
        padding-bottom: 5px; }
  #socius-world .open {
    background-color: #F0F0F0;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear; }
    #socius-world .open .arrow span:first-child {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #socius-world .open .arrow span:nth-child(2) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.circle {
  height: 140px;
  width: 140px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: .8em;
  line-height: 1.3; }
  .circle[class*='gradient-'] {
    color: white; }
  .circle.gradient-purple {
    background: rgba(105, 82, 119, 0.75);
    /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(105, 82, 119, 0.75) 0%, rgba(158, 54, 103, 0.75) 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105, 82, 119, 0.75)), color-stop(60%, rgba(158, 54, 103, 0.75)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(105, 82, 119, 0.75) 0%, rgba(158, 54, 103, 0.75) 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(105, 82, 119, 0.75) 0%, rgba(158, 54, 103, 0.75) 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(105, 82, 119, 0.75) 0%, rgba(158, 54, 103, 0.75) 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 82, 119, 0.75)), color-stop(60%, rgba(158, 54, 103, 0.75)));
    background-image: linear-gradient(to bottom, rgba(105, 82, 119, 0.75) 0%, rgba(158, 54, 103, 0.75) 60%);
    /* W3C */ }
  .circle.gradient-green {
    background: rgba(183, 173, 27, 0.75);
    /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(183, 173, 27, 0.75) 0%, rgba(171, 193, 17, 0.75) 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(183, 173, 27, 0.75)), color-stop(60%, rgba(171, 193, 17, 0.75)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(183, 173, 27, 0.75) 0%, rgba(171, 193, 17, 0.75) 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(183, 173, 27, 0.75) 0%, rgba(171, 193, 17, 0.75) 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(183, 173, 27, 0.75) 0%, rgba(171, 193, 17, 0.75) 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(183, 173, 27, 0.75)), color-stop(60%, rgba(171, 193, 17, 0.75)));
    background-image: linear-gradient(to bottom, rgba(183, 173, 27, 0.75) 0%, rgba(171, 193, 17, 0.75) 60%);
    /* W3C */ }
  .circle.gradient-blue {
    background: rgba(54, 127, 149, 0.75);
    /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(54, 127, 149, 0.75) 0%, rgba(27, 179, 188, 0.75) 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(54, 127, 149, 0.75)), color-stop(60%, rgba(27, 179, 188, 0.75)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(54, 127, 149, 0.75) 0%, rgba(27, 179, 188, 0.75) 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(54, 127, 149, 0.75) 0%, rgba(27, 179, 188, 0.75) 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(54, 127, 149, 0.75) 0%, rgba(27, 179, 188, 0.75) 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 127, 149, 0.75)), color-stop(60%, rgba(27, 179, 188, 0.75)));
    background-image: linear-gradient(to bottom, rgba(54, 127, 149, 0.75) 0%, rgba(27, 179, 188, 0.75) 60%);
    /* W3C */ }
  .circle.gradient-red {
    background: rgba(199, 1, 5, 0.75);
    /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(199, 1, 5, 0.75) 0%, rgba(236, 0, 0, 0.75) 60%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199, 1, 5, 0.75)), color-stop(60%, rgba(236, 0, 0, 0.75)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(199, 1, 5, 0.75) 0%, rgba(236, 0, 0, 0.75) 60%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(199, 1, 5, 0.75) 0%, rgba(236, 0, 0, 0.75) 60%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(199, 1, 5, 0.75) 0%, rgba(236, 0, 0, 0.75) 60%);
    /* IE10+ */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(199, 1, 5, 0.75)), color-stop(60%, rgba(236, 0, 0, 0.75)));
    background-image: linear-gradient(to bottom, rgba(199, 1, 5, 0.75) 0%, rgba(236, 0, 0, 0.75) 60%);
    /* W3C */ }
  .circle.border-purple {
    border: 2px solid #9E3667;
    color: #9E3667; }
  .circle.border-green {
    border: 2px solid #ABC111;
    color: #ABC111; }
  .circle.border-red {
    border: 2px solid #EC0000;
    color: #EC0000; }
  .circle.border-blue {
    border: 2px solid #1BB3BC;
    color: #1BB3BC; }
  .circle .amount {
    font-size: 2em;
    margin-top: .3em; }

@media screen and (min-width: 768px) {
  .socius-accounts-detail .circle {
    height: 160px;
    width: 160px; } }

@media screen and (min-width: 1024px) {
  .socius-accounts-detail .circle {
    height: 170px;
    width: 170px; } }

/************ SPLASH SOCIUS **************/
#splash-socius {
  display: none;
  margin-top: 45px;
  text-align: center;
  line-height: 1.5;
  font-size: 1.05em;
  background-color: #F9F9F9; }
  #splash-socius header {
    position: relative;
    padding-top: 4em; }
  #splash-socius .wrapper--main {
    min-height: 100%; }
  #splash-socius .wrapper--inside {
    margin-top: 1rem; }
  #splash-socius .circles-container {
    margin: 1em 0;
    overflow: hidden;
    position: relative; }
    #splash-socius .circles-container::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 1px;
      background-color: #F0F0F0;
      top: 50%;
      left: 0; }
  #splash-socius .circle-container {
    float: left;
    margin: 1em 0;
    width: 50%; }
  #splash-socius .last {
    border-left: 1px solid #F0F0F0; }
  #splash-socius .circle {
    margin: 0 auto;
    height: 130px;
    width: 130px; }
    #splash-socius .circle .amount {
      font-size: 1.6em; }
  #splash-socius .no-liquidated .message > p {
    margin: 2em 0; }
  #splash-socius .no-liquidated .message a {
    color: #EC0000; }
  @media screen and (min-width: 768px) {
    #splash-socius {
      margin-top: 60px;
      font-size: 1.1em; }
      #splash-socius header {
        padding-top: 2em; }
      #splash-socius .message {
        width: 50%;
        margin: 0 auto; }
      #splash-socius .close {
        top: 1em; }
      #splash-socius .circles-container {
        margin: 3em auto 5em;
        overflow: visible;
        position: relative;
        width: 560px; }
        #splash-socius .circles-container::after {
          display: none; }
        #splash-socius .circles-container .totals {
          display: inline-block;
          margin-left: 1em; }
          #splash-socius .circles-container .totals .circle-container {
            float: left; }
          #splash-socius .circles-container .totals .circle {
            height: 190px;
            width: 190px;
            font-size: 1em; }
          #splash-socius .circles-container .totals .last {
            position: relative;
            left: -1em; }
      #splash-socius .circle-container {
        float: none;
        margin: 0;
        width: auto; }
        #splash-socius .circle-container.right, #splash-socius .circle-container.left {
          position: absolute;
          top: 50%; }
        #splash-socius .circle-container.right {
          right: 0; }
        #splash-socius .circle-container.left {
          z-index: -1;
          left: 0; }
      #splash-socius .last {
        border-left: none; } }

/************ PULL OFFERS AND SOCIUS COMMON STYLES **************/
#landing-socius,
#landing-pull-offers {
  min-height: 100%;
  background-color: white; }
  #landing-socius .lower-div-landing,
  #landing-pull-offers .lower-div-landing {
    padding-top: 2em;
    overflow: hidden; }
  #landing-socius .slick-slide,
  #landing-pull-offers .slick-slide {
    cursor: pointer;
    display: block; }
  #landing-socius .slick-list,
  #landing-pull-offers .slick-list {
    border-radius: 10px;
    overflow: visible; }
  #landing-socius .buttons,
  #landing-pull-offers .buttons {
    padding-bottom: 3rem; }
  #landing-socius .button,
  #landing-pull-offers .button {
    height: 2.6rem;
    font-size: .9em;
    position: relative;
    cursor: pointer;
    background-color: #B2B4B6;
    border-radius: 8px;
    -webkit-box-shadow: 0 7px 0 #691117;
    box-shadow: 0 7px 0 #691117; }
    #landing-socius .button:nth-child(2n), #landing-socius .button.last,
    #landing-pull-offers .button:nth-child(2n),
    #landing-pull-offers .button.last {
      margin-top: 1em; }
    #landing-socius .button > span,
    #landing-socius .button > a,
    #landing-pull-offers .button > span,
    #landing-pull-offers .button > a {
      background-color: #EC0000;
      color: white;
      width: calc(100% - .6rem);
      border-radius: 4px;
      height: 2rem;
      line-height: 2rem;
      display: block;
      position: relative;
      top: .3rem;
      left: .3rem;
      text-align: center; }

#offersSlider {
  margin: 0 auto 1rem;
  overflow: hidden;
  padding-bottom: 2rem; }

/************ PULL OFFERS **************/
#landing-pull-offers .logo {
  display: block;
  margin: 0 auto; }

#landing-pull-offers .upper-div-landing, #landing-pull-offers .lower-div-landing {
  background: none; }

#landing-pull-offers .wrapper--inside {
  max-width: 750px; }

#landing-pull-offers .upper-div-landing {
  display: block;
  margin-top: 45px;
  padding-top: 1em;
  overflow: hidden; }
  #landing-pull-offers .upper-div-landing .button {
    margin: 3em auto 1em;
    display: block; }
  #landing-pull-offers .upper-div-landing .content {
    font-size: .8em;
    width: 90%;
    max-width: 600px;
    line-height: 1.2;
    text-align: center;
    color: #333333; }
  #landing-pull-offers .upper-div-landing .title {
    font-size: 1.3em;
    padding: 2em 0 .5em;
    border-bottom: 1px solid;
    margin-bottom: 1.5em;
    font-family: "LatoBold", Helvetica, Arial, sans-serif; }
  #landing-pull-offers .upper-div-landing p {
    margin-bottom: 1em; }
  #landing-pull-offers .upper-div-landing .description a {
    color: #EC0000;
    display: block; }

#landing-pull-offers .hero {
  text-align: center; }

#landing-pull-offers .lower-div-landing.details {
  padding-top: 1em; }
  #landing-pull-offers .lower-div-landing.details #offersSlider {
    padding-bottom: 1em; }

#landing-pull-offers .item-carousel {
  margin: 0;
  text-align: center;
  border-radius: 8px;
  overflow: hidden; }
  #landing-pull-offers .item-carousel img {
    display: inline-block; }

@media screen and (min-height: 700px) {
  #landing-pull-offers .upper-div-landing {
    padding-top: 2em; } }

@media screen and (min-width: 768px) {
  #landing-socius .wrapper--inside {
    width: 90%; }
  #landing-socius #main-banner {
    width: 70%;
    padding: 6rem 0 1rem; }
  #landing-socius .button {
    float: left; }
  #landing-socius .upper-div-landing,
  #landing-pull-offers .upper-div-landing {
    margin-top: 60px; }
  #landing-socius .buttons,
  #landing-pull-offers .buttons {
    margin-bottom: 3em;
    text-align: center; }
  #landing-socius .button,
  #landing-pull-offers .button {
    height: 3.6rem;
    font-size: 1em;
    width: 48%;
    display: inline-block; }
    #landing-socius .button:nth-child(2n), #landing-socius .button.last,
    #landing-pull-offers .button:nth-child(2n),
    #landing-pull-offers .button.last {
      margin: 0;
      margin-left: 3.3%; }
    #landing-socius .button > span,
    #landing-socius .button > a,
    #landing-pull-offers .button > span,
    #landing-pull-offers .button > a {
      height: 3rem;
      line-height: 3rem; }
  #landing-pull-offers .upper-div-landing .content {
    font-size: .9em; }
  #landing-pull-offers .lower-div-landing {
    padding-top: 4em; }
    #landing-pull-offers .lower-div-landing .btn {
      padding: 0 2em;
      height: 3rem;
      width: auto;
      display: inline-table;
      margin: 0 .5em; }
  #landing-pull-offers .wrapper--inside {
    width: 80%; }
  #landing-pull-offers .title {
    padding: 5em 0 2em;
    font-family: "LatoBold", Helvetica, Arial, sans-serif; }
  #landing-pull-offers .lower-div-landing.details {
    padding-top: 2em; }
    #landing-pull-offers .lower-div-landing.details #offersSlider {
      padding-bottom: 2em; } }

@media screen and (min-width: 1024px) {
  #landing-pull-offers .lower-div-landing {
    padding-top: 2em; }
  #landing-pull-offers .title {
    padding: 2em 0; } }

/************ VIDEO PAGES **************/
.video-page {
  height: 100%;
  margin-top: 45px; }
  .video-page .main-header {
    background-color: #EC0000; }
  @media screen and (min-width: 375px) {
    .video-page {
      margin-top: 60px; } }

/*------------------------------------*    OFERTAS A MEDIDA
\*------------------------------------*/
#contract-offers .main-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 90%; }

/*------------------------------------*    SANTANDER PRIVATE BANKING (PB USER)
\*------------------------------------*/
#login.pb-user-true .greetings img {
  background-color: white;
  max-width: 200px;
  max-height: 100%;
  padding: 0 1em; }

#login.pb-user-true .greeting {
  margin-top: 1em; }

@media screen and (min-width: 768px) {
  #login.pb-user-true .greetings img {
    max-width: 230px;
    padding: 0 1.5em; } }

.pb-user .logo {
  background-image: url("https://www.tablet.bancosantander.es/supernetLogin/images/logo-PB.svg");
  height: 45px; }

.pb-user .main-header {
  background-color: white;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); }
  .pb-user .main-header .logo {
    margin: -0.2rem 0 0; }

.pb-user .header-lightbox {
  color: #EC0000; }

.pb-user .icon-container svg, .pb-user .back-step svg {
  fill: #EC0000; }

.pb-user .icon-search-container svg, .pb-user .close:not(.close-black) svg {
  background: #C70105;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
  background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
  /* W3C */
  fill: white; }

.pb-user #nav__main-button span {
  background-color: #EC0000; }

.pb-user #home .filters-bar-wrapper, .pb-user #home .filters {
  text-transform: uppercase;
  text-align: center; }

.pb-user #home .filter-type {
  cursor: pointer;
  padding: .3em .7em .3em 0; }

.pb-user #home .filters-bar {
  background-color: #e7e7e7;
  color: #333333;
  margin: 2em 0  1em; }

.pb-user #home .span-filter svg {
  padding: .4em; }

.pb-user #home .span-filter.active {
  background: #C70105;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
  background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
  /* W3C */ }

.pb-user #home .filters {
  display: none;
  font-size: .85em;
  margin-top: -1em;
  margin-bottom: 2em; }
  .pb-user #home .filters li {
    cursor: pointer;
    padding: .3em .7em;
    text-align: left;
    border-bottom: 1px solid #DDDDDD; }
    .pb-user #home .filters li.active {
      color: white;
      background-color: #525759; }

.pb-user #home .filters-bar-wrapper {
  overflow: hidden;
  position: relative; }

.pb-user #home .filter-type {
  float: left; }
  .pb-user #home .filter-type .label, .pb-user #home .filter-type .label-opened {
    margin-right: 0;
    margin-left: .5em; }

.pb-user #home .filter-type span.label-opened {
  display: none; }

@media screen and (min-width: 560px) {
  .pb-user #home .filters {
    overflow: hidden; }
    .pb-user #home .filters li {
      float: left;
      border-bottom: none;
      padding: .5em 1em; } }

@media screen and (min-width: 768px) {
  .pb-user .main-header .logo {
    width: 11rem;
    height: 3.5rem;
    margin: 0 auto; }
  .pb-user #home .filters {
    font-size: .95em; } }

@media screen and (min-width: 768px) {
  .pb-user #home .filters-bar-wrapper, .pb-user #home .filters {
    width: 85%; } }

.pb-user .sub-home-page:not(.equities) .main-content {
  padding-top: 180px; }

.pb-user .sub-home-page:not(.equities) .black-bar .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em 0;
  overflow: hidden; }

.pb-user .sub-home-page:not(.equities) .black-bar [class*='gradient-'] {
  margin-right: .5em; }

.pb-user .sub-home-page:not(.equities) .black-bar .name-group {
  text-align: left; }

.pb-user .sub-home-page:not(.equities) .black-bar .product-number, .pb-user .sub-home-page:not(.equities) .black-bar .balance {
  line-height: 1;
  margin-top: .5em; }

.pb-user .sub-home-page:not(.equities) .black-bar .balance {
  font-size: 1.5em; }

.pb-user .sub-home-page.equities .main-content {
  padding-top: 112.5px; }

.pb-user .sub-home-page.equities .black-bar .container {
  padding: .5em 0;
  text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .pb-user .sub-home-page.equities .main-content {
    padding-top: 150px; }
  .pb-user .sub-home-page .black-bar {
    font-size: 1.1em; }
    .pb-user .sub-home-page .black-bar .balance {
      font-size: 1.8em; } }

@media screen and (min-width: 768px) {
  .pb-user .sub-home-page:not(.equities) .black-bar .container {
    width: 85%; } }

/*------------------------------------*    $ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

/*------------------------------------*    COMBO SEARCH -> SELECT2.JS
\*------------------------------------*/
/**
 * CUSTOM ELEMENTS
 */
#combo-container {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3; }

#combo-content {
  position: fixed;
  top: 45px;
  width: 85%;
  max-width: 700px;
  height: 320px;
  background-color: white;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  border-radius: 0 0 4px 4px; }
  #combo-content form {
    width: 90%;
    margin: .5em auto;
    position: relative; }

#predictive {
  width: 100%; }

#second-level {
  display: none;
  background: white;
  font-family: "LatoLight", Helvetica, Arial, sans-serif;
  position: absolute;
  top: 3.2em;
  width: 100%;
  font-size: 1.1rem;
  color: black;
  max-height: 210px;
  overflow-y: auto; }
  #second-level li {
    overflow: hidden;
    font-size: .8em;
    list-style: none;
    display: list-item;
    margin-bottom: 2px;
    border-top: 1px solid #F3F3F3;
    line-height: normal;
    position: relative;
    text-transform: uppercase; }
    #second-level li:first-of-type {
      border: none; }
    #second-level li.no-products {
      padding: 1em .5em; }
    #second-level li.subproduct {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      text-transform: none;
      font-size: .9em;
      padding: .5em 0; }
      #second-level li.subproduct:not(:first-child) {
        padding: 1em 0 .5em; }
  #second-level a {
    padding: 0.7em 0;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  #second-level .pkshort, #second-level .amount {
    font-family: "LatoBold", Helvetica, Arial, sans-serif; }
  #second-level .amount {
    white-space: nowrap;
    padding-left: .5em;
    margin-left: auto; }
  #second-level .card img,
  #second-level [class*='gradient-'] {
    margin: 0 .5em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  #second-level .card img {
    height: auto;
    width: 40px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); }
  #second-level .description {
    font-size: .9em; }

.combo-button {
  display: block;
  position: absolute;
  top: .8em;
  font-size: .9rem;
  z-index: 4;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  color: white;
  border-radius: 2px; }
  .combo-button svg {
    padding: .3rem;
    height: 1.5rem;
    width: 1.5rem; }

#close-combo {
  background: #C70105;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C70105), color-stop(60%, #EC0000));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #C70105 0%, #EC0000 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C70105), color-stop(60%, #EC0000));
  background-image: linear-gradient(to bottom, #C70105 0%, #EC0000 60%);
  /* W3C */
  right: 0; }

#back-combo {
  background: #3D3D3D;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D3D3D), color-stop(60%, #666666));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3D3D3D 0%, #666666 60%);
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), color-stop(60%, #666666));
  background-image: linear-gradient(to bottom, #3D3D3D 0%, #666666 60%);
  /* W3C */
  right: 2rem; }

/**
 * SELECT2 STYLES
 */
.select2-container {
  margin: 0;
  position: relative;
  display: block !important;
  vertical-align: middle;
  font-family: "LatoLight", Helvetica, Arial, sans-serif; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  font-size: 1rem; }

.select2-container .select2-choice {
  pointer-events: none;
  width: 100%;
  padding: .5em 0 .3em;
  border-bottom: 3px solid #DDDDDD;
  font-size: 1.1em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #333333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .select2-container .select2-choice:focus {
    outline: none; }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 3.5rem;
  display: block;
  float: none;
  width: auto; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 1;
  /* styles required for IE to work */
  background-color: white;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: 2px;
  position: absolute;
  z-index: 4;
  top: 100%;
  font-family: "LatoLight", Helvetica, Arial, sans-serif;
  background: white;
  color: #000;
  border-top: 0; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-bottom: 0; }

.select2-drop-auto-width {
  border-top: 1px solid #DDDDDD;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

/****************** INPUT FUERA ***************/
.select2-search {
  display: inline-block;
  width: 90%;
  min-height: 2.5em;
  margin: 0;
  top: -3em;
  position: absolute;
  white-space: nowrap; }

.select2-search input {
  display: none;
  color: #333333;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: inherit;
  font-size: 1.1em;
  margin: 0;
  outline: 0 none;
  padding: 4px 5px;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%; }

/********** INPUT DENTRO (touch devices) ************/
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* results */
.select2-results {
  max-height: 220px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  margin-bottom: 2px;
  border-top: 1px solid #F3F3F3;
  padding-right: 2em;
  line-height: normal; }
  .select2-results li:first-of-type {
    border: none; }
  .select2-results li:last-of-type {
    border-bottom: 1px solid #F3F3F3; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-family: "LatoBold", Helvetica, Arial, sans-serif; }

.select2-results .select2-result-label {
  padding: .7em .5em;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #F3F3F3;
  position: relative; }

.select2-results li em {
  background: #F3F3F3;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: white;
  color: black; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background-color: #F3F3F3;
  display: list-item;
  padding: .7em .5em; }

/*
disabled look for disabled choices in the results dropdown
*/
/* disabled styles */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  color: #EC0000;
  font-family: "Lato", Helvetica, Arial, sans-serif; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

@media screen and (min-width: 550px) {
  #second-level .pkshort {
    display: block; }
  #second-level .description {
    font-size: 1em; } }

@media screen and (min-width: 768px) {
  #combo-content {
    top: 60px; }
  .combo-button {
    font-size: 1rem;
    height: 1.8rem;
    width: 1.8rem; }
    .combo-button svg {
      height: 1.8rem;
      width: 1.8rem;
      padding: .4em; }
  #back-combo {
    right: 2.5rem; }
  .select2-container,
  .select2-drop,
  .select2-search,
  .select2-search input {
    font-size: 1.1rem; }
  .select2-container .select2-choice {
    font-size: 1.2em; }
  #second-level {
    top: 3.45em; }
    #second-level li {
      font-size: .85em;
      padding-right: 3em; }
      #second-level li:hover {
        background: #F3F3F3; }
      #second-level li.subproduct {
        font-size: 1em; }
    #second-level .card img {
      width: 60px; } }

.calendar-content {
  white-space: normal;
  color: black;
  padding-top: 2em; }
  .calendar-content.calendar_days > .calendar-days, .calendar-content.calendar_months .calendar-months, .calendar-content.calendar_years .calendar-years {
    display: block; }

.calendar-days, .calendar-months, .calendar-years, .calendar-buttons {
  display: none; }

.calendar-row, .calendar-head {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px; }
  .calendar-row > span, .calendar-head > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

.calendar-row > span {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.calendar-row > span.calendar_focus {
  border: 1px solid #EC0000; }

.calendar-head {
  color: #999999;
  font-size: .8em; }

.calendar-header {
  display: table;
  width: 100%;
  color: #EC0000;
  font-family: "LatoBold", Helvetica, Arial, sans-serif;
  padding: 1em 0; }
  .calendar-header > div {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }

.calendar-body span {
  cursor: pointer; }
  .calendar-body span.calendar_otherMonth, .calendar-body span.calendar_untouchable {
    cursor: default; }
  .calendar-body span.calendar_otherMonth {
    visibility: hidden; }
  .calendar-body span.calendar_untouchable {
    color: rgba(0, 0, 0, 0.1); }

.calendar-months span, .calendar-years span {
  cursor: pointer; }

.calendar-months span.calendar_untouchable, .calendar-years span.calendar_untouchable {
  cursor: default; }

.calendar_hide {
  display: none !important; }

.calendar_show {
  display: block !important; }

.calendar-wrap {
  z-index: 3;
  white-space: nowrap;
  display: none;
  margin: 0 auto;
  position: relative;
  min-height: 50em;
  outline: none; }
  .calendar-wrap * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .calendar-wrap *:focus {
      outline: none; }

.calendar-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 9999; }

.calendar-body .calendar_active {
  background-color: #EC0000;
  color: white; }

/************ CUSTOM STYLES **************/
#calendarRange-show {
  display: none; }

#datePicker {
  display: none;
  text-align: center;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  position: relative;
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  min-height: 100%;
  text-transform: uppercase;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  #datePicker .wrapper--inside {
    position: relative;
    padding-top: 4em; }
  #datePicker .filter-button, #datePicker .next-button, #datePicker .prev-button {
    padding: 0 2em;
    position: absolute;
    margin: 1.5em 0;
    top: 0;
    min-width: 0; }
  #datePicker .next-button, #datePicker .filter-button {
    right: 0; }
  #datePicker .prev-button {
    left: 0;
    vertical-align: middle;
    text-align: center; }
    #datePicker .prev-button svg {
      height: 2.4rem;
      display: inline-block;
      vertical-align: middle;
      margin-right: .5em; }

.cleanRange {
  display: none;
  cursor: pointer; }
  .small-res .cleanRange svg {
    fill: #333333;
    height: .8em;
    width: .8em;
    margin-right: .5em; }
  .big-res .cleanRange svg {
    height: 1.2em;
    width: 1.2em; }

.filter-dates > span {
  vertical-align: middle; }

.calendar-content::before {
  content: "desde";
  padding: .5em 4em;
  text-align: center;
  font-size: 1em;
  width: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.calendar-content:nth-child(2) {
  display: none; }
  .calendar-content:nth-child(2)::before {
    content: "hasta"; }

.calendar-prev,
.calendar-next {
  position: relative; }
  .calendar-prev svg,
  .calendar-next svg {
    fill: #EC0000; }
  .calendar-prev.calendar_blocked,
  .calendar-next.calendar_blocked {
    opacity: .1; }

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

/************ MEDIA QUERIES **************/
@media screen and (min-width: 768px) {
  #datePicker .filter-button {
    display: inline-table !important;
    margin: 2em auto 0;
    width: 15em;
    text-align: center; }
  #datePicker .prev-button,
  #datePicker .next-button {
    display: none !important; }
  .calendar-content {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 45%; }
    .calendar-content:nth-child(2) {
      display: inline-block;
      margin-left: 10%; }
  .calendar-wrap {
    min-height: 0;
    padding-bottom: 2em; }
  .rango {
    font-size: 1em; }
  .range-group {
    position: relative; }
  .cleanRange {
    left: -2.5em;
    position: absolute;
    top: 0;
    width: 2.5em; }
    .cleanRange::before {
      border: none;
      font-size: 1.3em;
      color: white; } }

@media screen and (min-width: 1024px) {
  #datePicker .wrapper--inside {
    padding-top: 5em; }
  .filter-button {
    margin: 3em auto 0; } }
@font-face {
  font-family: 'videogular';
  src: url("fonts/videogular.eot");
  src: url("fonts/videogular.eot?#iefix") format("embedded-opentype"), url("fonts/videogular.woff") format("woff"), url("fonts/videogular.ttf") format("truetype"), url("fonts/videogular.svg#videogular") format("svg");
  font-weight: normal;
  font-style: normal; }

videogular, [videogular] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none; }

videogular button, [videogular] button {
  cursor: pointer; }

videogular.fullscreen, [videogular].fullscreen {
  position: fixed;
  left: 0;
  top: 0; }

videogular vg-media, [videogular] vg-media {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block; }

videogular vg-media video, [videogular] vg-media video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%; }

videogular .iconButton, [videogular] .iconButton {
  color: #FFFFFF;
  font-family: 'videogular';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background: none;
  padding: 6px;
  border: none; }

videogular .iconButton:focus, [videogular] .iconButton:focus {
  border: 1px solid white; }

videogular vg-poster, [videogular] vg-poster {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  pointer-events: none; }

videogular vg-poster img, [videogular] vg-poster img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute; }

videogular vg-poster img.pause,
videogular vg-poster img.play, [videogular] vg-poster img.pause,
[videogular] vg-poster img.play {
  display: none; }

videogular vg-poster img.stop, [videogular] vg-poster img.stop {
  display: block; }

videogular vg-overlay-play, [videogular] vg-overlay-play {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 2;
  top: 0; }

videogular vg-overlay-play .play::before, [videogular] vg-overlay-play .play::before {
  content: "\e000"; }

videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer {
  font-size: 100px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: table;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6; }

videogular vg-overlay-play .overlayPlayContainer div, [videogular] vg-overlay-play .overlayPlayContainer div {
  vertical-align: middle;
  text-align: center;
  display: table-cell; }

videogular vg-controls, [videogular] vg-controls {
  width: 100%;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0; }

videogular vg-controls .controls-container, [videogular] vg-controls .controls-container {
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: table;
  zoom: 1; }

videogular vg-play-pause-button, [videogular] vg-play-pause-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

videogular vg-time-display, [videogular] vg-time-display {
  color: #FFFFFF;
  display: table-cell;
  font-family: Arial;
  font-size: 18px;
  width: 75px;
  vertical-align: middle;
  text-align: center;
  cursor: default; }

videogular .vgTimeDisplay, [videogular] .vgTimeDisplay {
  display: table-cell;
  font-family: Arial;
  font-size: 18px;
  width: auto; }

videogular vg-scrub-bar, [videogular] vg-scrub-bar {
  width: auto;
  display: table-cell;
  cursor: pointer;
  vertical-align: middle; }

videogular vg-scrub-bar [role=slider], [videogular] vg-scrub-bar [role=slider] {
  margin-top: 24px;
  margin-bottom: 24px;
  height: 2px;
  background-color: black;
  position: relative; }

videogular vg-scrub-bar :focus vg-scrub-bar-current-time, [videogular] vg-scrub-bar :focus vg-scrub-bar-current-time {
  border-right: 6px black groove; }

videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer; }

videogular vg-scrub-bar-buffer, [videogular] vg-scrub-bar-buffer {
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5; }

videogular vg-scrub-bar-cue-points, [videogular] vg-scrub-bar-cue-points {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }

videogular vg-scrub-bar-cue-points .cue-point-timeline, [videogular] vg-scrub-bar-cue-points .cue-point-timeline {
  color: #FFFFFF;
  padding-top: 3px; }

videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point, [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point {
  position: absolute;
  height: 3px;
  background-color: #FFFFFF; }

videogular vg-playback-button, [videogular] vg-playback-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

videogular vg-volume, [videogular] vg-volume {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

videogular vg-volume-bar, [videogular] vg-volume-bar {
  width: 50px;
  height: 100px;
  top: -100px;
  margin-left: -25px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  cursor: pointer; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  videogular vg-volume-bar, [videogular] vg-volume-bar {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5; } }

videogular vg-fullscreen-button, [videogular] vg-fullscreen-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

videogular vg-volume-bar .verticalVolumeBar, [videogular] vg-volume-bar .verticalVolumeBar {
  width: 50px;
  height: 100px;
  background-color: #000000;
  position: absolute; }

videogular vg-volume-bar .volumeBackground, [videogular] vg-volume-bar .volumeBackground {
  width: 20px;
  height: 70px;
  left: 15px;
  top: 15px;
  background-color: #222222;
  position: absolute; }

videogular vg-volume-bar .volumeValue, [videogular] vg-volume-bar .volumeValue {
  width: 20px;
  height: 100%;
  background-color: #FFFFFF;
  position: absolute; }

videogular vg-volume-bar .volumeClickArea, [videogular] vg-volume-bar .volumeClickArea {
  width: 20px;
  height: 100%;
  position: absolute; }

videogular vg-controls .hide-animation, [videogular] vg-controls .hide-animation {
  animation: hideControlsAnimationFrames ease-out 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: hideControlsAnimationFrames ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: hideControlsAnimationFrames ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: hideControlsAnimationFrames ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: hideControlsAnimationFrames ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@-moz-keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@-webkit-keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@-o-keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@-ms-keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

videogular vg-controls .show-animation, [videogular] vg-controls .show-animation {
  animation: showControlsAnimationFrames ease-out 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: showControlsAnimationFrames ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: showControlsAnimationFrames ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: showControlsAnimationFrames ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: showControlsAnimationFrames ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }

@keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }

@-moz-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }

@-webkit-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }

@-o-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }

@-ms-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }

videogular vg-play-pause-button .play::before, [videogular] vg-play-pause-button .play::before {
  content: "\e000"; }

videogular vg-play-pause-button .pause::before, [videogular] vg-play-pause-button .pause::before {
  content: "\e001"; }

videogular vg-mute-button, [videogular] vg-mute-button {
  width: 50px;
  display: block; }

videogular vg-mute-button .level3::before, [videogular] vg-mute-button .level3::before {
  content: "\e002"; }

videogular vg-mute-button .level2::before, [videogular] vg-mute-button .level2::before {
  content: "\e003"; }

videogular vg-mute-button .level1::before, [videogular] vg-mute-button .level1::before {
  content: "\e004"; }

videogular vg-mute-button .level0::before, [videogular] vg-mute-button .level0::before {
  content: "\e005"; }

videogular vg-mute-button .mute::before, [videogular] vg-mute-button .mute::before {
  content: "\e006"; }

videogular vg-fullscreen-button .enter::before, [videogular] vg-fullscreen-button .enter::before {
  content: "\e007"; }

videogular vg-fullscreen-button .exit::before, [videogular] vg-fullscreen-button .exit::before {
  content: "\e008"; }

videogular vg-buffering, [videogular] vg-buffering {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  top: 0; }

videogular vg-buffering .bufferingContainer, [videogular] vg-buffering .bufferingContainer {
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -50px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6; }

videogular vg-buffering .loadingSpinner, [videogular] vg-buffering .loadingSpinner {
  background-color: transparent;
  border: 5px solid white;
  opacity: .9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 35px #FFFFFF;
  box-shadow: 0 0 35px #FFFFFF;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear; }

videogular vg-buffering .loadingSpinner .stop, [videogular] vg-buffering .loadingSpinner .stop {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-moz-keyframes spinoff {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(-360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg); } }

videogular vg-ima-ads, [videogular] vg-ima-ads {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  display: none; }

/*# sourceMappingURL=videogular.css.map */
