:root {
  --VBC-Orange-VBC-Orange-Dark: #CC3A00;
  --VBC-Orange-VBC-Orange: #FF6C0E;
  --VBC-Orange-VBC-Orange-80: #FF893E;
  --VBC-Orange-VBC-Orange-60:#FFA76E;
  --VBC-Orange-VBC-Orange-40:#FFC49F;
  --VBC-Orange-VBC-Orange-20:#FFE2CF;
  --VBC-Orange-VBC-Orange-10:#FFF6F1;
  --VBC-Black-VBC-Black:#000;
  --VBC-Black-VBC-Black-80:#1F1F1F;
  --VBC-Black-VBC-Black-60:#7B7B7B;
  --VBC-Black-VBC-Black-40:#B9B9B9;
  --VBC-Black-VBC-Black-20:#E6E6E6;
  --VBC-Black-VBC-Black-10:#F5F5F5;
  --VBC-White-VBC-White:#FFF;
  --VBC-White-VBC-White-80:rgba(255, 255, 255, 0.80);
  --VBC-White-VBC-White-60:rgba(255, 255, 255, 0.60);
  --VBC-White-VBC-White-40:rgba(255, 255, 255, 0.40);
  --VBC-White-VBC-White-20:rgba(255, 255, 255, 0.20);
  --VBC-White-VBC-White-10:rgba(255, 255, 255, 0.10);
  --VBC-White-VBC-White-5:rgba(255, 255, 255, 0.05);
}

/* ====== media ====== */
.media, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.media .img {
  float: left;
  margin-right: 2%;
}

.media .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.media .imgExt {
  float: right;
  margin-left: 2%;
}

.cs-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

.ico {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
  line-height: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*** Columns ***/
.grid-container:after {
  content: "";
  display: table;
  clear: both;
}
.grid-container {
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .grid-container {
    padding: 0 32px;
  }
}
.grid-container .grid-container {
  padding: 0;
  max-width: none;
}

.col-1-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.col-1-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-1-12 {
    width: 7.326007326%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-1-12.last {
    width: 7.326007326%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-2-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.col-2-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-2-12 {
    width: 15.7509157509%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-2-12.last {
    width: 15.7509157509%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-3-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.col-3-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-3-12 {
    width: 24.1758241758%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-3-12.last {
    width: 24.1758241758%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-4-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-4-12 {
    width: 32.6007326007%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-4-12.last {
    width: 32.6007326007%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-5-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-5-12 {
    width: 41.0256410256%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-5-12.last {
    width: 41.0256410256%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-6-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-6-12 {
    width: 49.4505494505%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-6-12.last {
    width: 49.4505494505%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-7-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-7-12 {
    width: 57.8754578755%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-7-12.last {
    width: 57.8754578755%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-8-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-8-12 {
    width: 66.3003663004%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-8-12.last {
    width: 66.3003663004%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-9-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-9-12 {
    width: 74.7252747253%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-9-12.last {
    width: 74.7252747253%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-10-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-10-12 {
    width: 83.1501831502%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-10-12.last {
    width: 83.1501831502%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-11-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-11-12 {
    width: 91.5750915751%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.0989010989%;
  }
  .col-11-12.last {
    width: 91.5750915751%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.col-12-12 {
  position: relative;
  max-width: 100%;
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .col-12-12 {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0;
  }
  .col-12-12.last {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.grid-container--nogutter .grid-container {
  max-width: none;
  padding: 0;
}
.grid-container--nogutter .grid-container .col-1-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.grid-container--nogutter .grid-container .col-1-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-1-12 {
    width: 8.3333333333%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-1-12.last {
    width: 8.3333333333%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-2-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.grid-container--nogutter .grid-container .col-2-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-2-12 {
    width: 16.6666666667%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-2-12.last {
    width: 16.6666666667%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-3-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
.grid-container--nogutter .grid-container .col-3-12.last {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-3-12 {
    width: 25%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-3-12.last {
    width: 25%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-4-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-4-12 {
    width: 33.3333333333%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-4-12.last {
    width: 33.3333333333%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-5-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-5-12 {
    width: 41.6666666667%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-5-12.last {
    width: 41.6666666667%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-6-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-6-12 {
    width: 50%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-6-12.last {
    width: 50%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-7-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-7-12 {
    width: 58.3333333333%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-7-12.last {
    width: 58.3333333333%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-8-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-8-12 {
    width: 66.6666666667%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-8-12.last {
    width: 66.6666666667%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-9-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-9-12 {
    width: 75%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-9-12.last {
    width: 75%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-10-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-10-12 {
    width: 83.3333333333%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-10-12.last {
    width: 83.3333333333%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-11-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-11-12 {
    width: 91.6666666667%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0%;
  }
  .grid-container--nogutter .grid-container .col-11-12.last {
    width: 91.6666666667%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}
.grid-container--nogutter .grid-container .col-12-12 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
}
@media (min-width: 960px) {
  .grid-container--nogutter .grid-container .col-12-12 {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0;
  }
  .grid-container--nogutter .grid-container .col-12-12.last {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}

.fourth-stack--big, .fourth-stack, .third-stack, .half-stack {
  display: inline-block;
  vertical-align: top;
}

.full-stack {
  width: 100%;
  margin: 1%;
}

.half-stack {
  width: 100%;
}
@media (min-width: 481px) {
  .half-stack {
    width: 47%;
    margin: 1%;
  }
}

.third-stack {
  width: 100%;
  margin: 10px auto;
}
@media (min-width: 481px) {
  .third-stack {
    width: 31.7%;
    margin: 0.6%;
  }
}

.fourth-stack {
  margin: 0.6%;
  width: 48%;
}
@media (min-width: 481px) {
  .fourth-stack {
    width: 23%;
  }
}
@media (min-width: 1210px) {
  .fourth-stack {
    width: 23%;
  }
}

.fourth-stack--big {
  margin: 0.5%;
  width: 100%;
}
@media (min-width: 481px) {
  .fourth-stack--big {
    width: 49%;
  }
}
@media (min-width: 1210px) {
  .fourth-stack--big {
    width: 23%;
  }
}

.flex-col, .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.apaisada {
  aspect-ratio: 43/30;
}
@media (min-width: 960px) {
  .apaisada {
    aspect-ratio: 43/18;
  }
}

.rectangular {
  aspect-ratio: 16/9;
}

.semicuadrada {
  aspect-ratio: 4/3.5;
}

.cuadrada {
  aspect-ratio: 4/3.9;
}

.card-box-game__parent, .card-box-game__stadium, .card-box-game__competition, .card-game__parent, .featured-block.smallbox .featured-block__intro, .html-content .text-tag-normal, .fr-view .text-tag-normal, .html-content .text-tag, .fr-view .text-tag, .newsblock__title, .small .block-separator__inner, .featured-block.smallbox .featured-button, .home-results__title strong, .home-results__title, .main-menu__footer__langs a, .html-content .xs-title, .fr-view .xs-title, .card-game__teams__day, .card-game__teams__time, .featured-block.mediumbox .featured-button, .html-content .s-title, .fr-view .s-title, .html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .fr-view h1, .fr-view h2, .fr-view h3, .fr-view h4, .fr-view h5, .block-dropdown__title, .title-s, .card-player__number, .card-player__surname, .card-player__name, .block-separator__inner, .featured-block.box .featured-button, .featured-block.medium .featured-block__header, .html-content .m-title, .fr-view .m-title, .html-content blockquote, .fr-view blockquote, .effortvote-result__title, .effortvote-result__subtitle, .title-m, .menu-inner__child__item, .main-menu__item, .html-content .l-title, .fr-view .l-title, .title-l, .museo-content__title, .news-detail__title, .featured-block.big .featured-block__header, .section-header__title, .html-content .xl-title, .fr-view .xl-title, .title-xl {
  font-family: "scale-variable", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variation-settings: "wdth" 75, "wght" 700;
}

.museo-content__title, .news-detail__title, .featured-block.big .featured-block__header, .section-header__title, .html-content .xl-title, .fr-view .xl-title, .title-xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 100%;
}
@media (min-width: 960px) {
  .museo-content__title, .news-detail__title, .featured-block.big .featured-block__header, .section-header__title, .html-content .xl-title, .fr-view .xl-title, .title-xl {
    font-size: 54px;
    font-size: 3.375rem;
  }
}

.menu-inner__child__item, .main-menu__item, .html-content .l-title, .fr-view .l-title, .title-l {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 100%;
}
@media (min-width: 960px) {
  .menu-inner__child__item, .main-menu__item, .html-content .l-title, .fr-view .l-title, .title-l {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

.card-player__number, .card-player__surname, .card-player__name, .block-separator__inner, .featured-block.box .featured-button, .featured-block.medium .featured-block__header, .html-content .m-title, .fr-view .m-title, .html-content blockquote, .fr-view blockquote, .effortvote-result__title, .effortvote-result__subtitle, .title-m {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 110%;
}
@media (min-width: 960px) {
  .card-player__number, .card-player__surname, .card-player__name, .block-separator__inner, .featured-block.box .featured-button, .featured-block.medium .featured-block__header, .html-content .m-title, .fr-view .m-title, .html-content blockquote, .fr-view blockquote, .effortvote-result__title, .effortvote-result__subtitle, .title-m {
    font-size: 32px;
    font-size: 2rem;
  }
}

.card-game__teams__day, .card-game__teams__time, .featured-block.mediumbox .featured-button, .html-content .s-title, .fr-view .s-title, .html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .fr-view h1, .fr-view h2, .fr-view h3, .fr-view h4, .fr-view h5, .block-dropdown__title, .title-s {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 110%;
}
@media (min-width: 960px) {
  .card-game__teams__day, .card-game__teams__time, .featured-block.mediumbox .featured-button, .html-content .s-title, .fr-view .s-title, .html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .fr-view h1, .fr-view h2, .fr-view h3, .fr-view h4, .fr-view h5, .block-dropdown__title, .title-s {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.newsblock__title, .small .block-separator__inner, .featured-block.smallbox .featured-button, .home-results__title strong, .home-results__title, .main-menu__footer__langs a, .html-content .xs-title, .fr-view .xs-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 120%;
}

.card-box-game__parent, .card-box-game__stadium, .card-box-game__competition, .card-game__parent, .featured-block.smallbox .featured-block__intro, .html-content .text-tag-normal, .fr-view .text-tag-normal, .html-content .text-tag, .fr-view .text-tag {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  letter-spacing: 0.24px;
  font-variation-settings: "wdth" 75, "wght" 500;
}

.competition-list__legend, .main-footer_legals, .effort-player__votes, .main-search__text, .player-header__data__data, .effortvote-result__text, .effort-player__name, .museo-content__description, .news-detail__content, body {
  font-family: "Roboto", serif;
  font-style: normal;
  font-weight: 400;
}

.museo-content__description, .news-detail__content, body {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 160%;
}

.player-header__data__data, .effortvote-result__text, .effort-player__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 150%;
}

.main-search__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 150%;
}

.main-footer_legals, .effort-player__votes {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 150%;
}

.competition-list__legend {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 150%;
}

.player-header__position, .dropdown-list li, .dropdown-filter, .button--subscribe, .button-s--white, .button-s--transparent, .button-s--grey, .button-s, .button-m--refresh, .main-partners__title, .footer-submenu a, .footer-menu a, .main-footer__socials p, .home-results__link, .section-header__menu__dropdown__inner, .section-header__menu__item, .main-header__menu, .main-header__top__links, .effortvote-result__share, .museo-content__lang > a, .button-m--white, .button-m--transparent, .button-m, .featured-block .featured-button, .result-block .result-block__title {
  font-family: "scale-variable", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variation-settings: "wdth" 100, "wght" 500;
}

.museo-content__lang > a, .button-m--white, .button-m--transparent, .button-m, .featured-block .featured-button, .result-block .result-block__title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  letter-spacing: 0.28px;
}

.player-header__position, .dropdown-list li, .dropdown-filter, .button--subscribe, .button-s--white, .button-s--transparent, .button-s--grey, .button-s, .button-m--refresh, .main-partners__title, .footer-submenu a, .footer-menu a, .main-footer__socials p, .home-results__link, .section-header__menu__dropdown__inner, .section-header__menu__item, .main-header__menu, .main-header__top__links, .effortvote-result__share {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.36px;
}

.player-header__data__title, .card-player__position, .news-detail__header__section, .news-detail__header__date, .newsblock__category, .newsblock__date, .featured-block__intro {
  font-family: "Roboto", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.player-header__data__title, .card-player__position, .news-detail__header__section, .news-detail__header__date, .newsblock__category, .newsblock__date, .featured-block__intro {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.1px;
}

.title-xl {
  color: var(--VBC-Orange-VBC-Orange);
}

.title-l {
  color: var(--VBC-Orange-VBC-Orange);
}

.title-m {
  color: var(--VBC-Orange-VBC-Orange);
}

.title-s {
  color: var(--VBC-Orange-VBC-Orange);
}

/*
Icon classes can be used entirely standalone. They are named after their original file names.
*/
/*
Icon classes can be used entirely standalone. They are named after their original file names.
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-size-adjust: none !important;
     -moz-text-size-adjust: none !important;
      -ms-text-size-adjust: none !important;
          text-size-adjust: none !important;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--VBC-Orange-VBC-Orange);
  outline: none;
  text-decoration: none;
  -webkit-transition: all 90ms linear;
  transition: all 90ms linear;
}
a:active, a:focus {
  outline: 0;
  -moz-outline-style: none;
}

::-moz-selection {
  color: #fff;
  background: var(--VBC-Orange-VBC-Orange); /* WebKit/Blink Browsers */
}

::selection {
  color: #fff;
  background: var(--VBC-Orange-VBC-Orange); /* WebKit/Blink Browsers */
}

::-moz-selection {
  color: #fff;
  background: var(--VBC-Orange-VBC-Orange); /* Gecko Browsers */
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

body {
  color: var(--VBC-White-VBC-White, #FFF);
  background: var(--VBC-Black-VBC-Black-80);
}

.public {
  background: var(--VBC-Black-VBC-Black-80);
}

.hidden {
  display: none !important;
}

.responsive-image {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.responsive-image .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-caption {
  text-align: right;
  margin: 1em 0;
  font-size: 12px;
  font-size: 0.75rem;
  color: #6F6E72;
  line-height: 1.2;
}

.center {
  text-align: center;
}

.orange {
  color: var(--VBC-Orange-VBC-Orange) !important;
}

.white {
  color: var(--VBC-White-VBC-White) !important;
}

.view-more-wrapper {
  text-align: center;
  margin: 0;
}

.button-m--transparent.paged {
  margin-top: 30px;
}

.result-block {
  margin: 20px 0;
}
.result-block .result-block__title {
  color: var(--VBC-Black-VBC-Black-60, #7B7B7B);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.result-block .card-box-game {
  margin-bottom: 5px;
}

.competition-block {
  margin: 20px 0;
}
.competition-block .competition-block__title {
  color: var(--VBC-Black-VBC-Black-60, #7B7B7B);
  font-family: "scale-variable", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: bold;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.competition-block .competition-block__inner {
  background: var(--VBC-White-VBC-White-10);
  border-radius: 4px;
  overflow: hidden;
  padding: 4px;
}
.competition-block .competition-list__item {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  font-variation-settings: "wdth" 75, "wght" 500;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "scale-variable", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 110%; /* 15.4px */
  letter-spacing: 0.14px;
  border-bottom: 1px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
}
.competition-block .competition-list__item.featured {
  color: var(--VBC-White-VBC-White);
}
.competition-block .competition-list__item:last-of-type {
  border-bottom: 0;
}
.competition-block .competition-list__item__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.competition-block .competition-list__item__team__position {
  width: auto;
  padding: 0 10px;
  width: 10%;
}
.competition-block .competition-list__item__team__badge {
  padding: 0 5px;
  width: 18%;
}
.competition-block .competition-list__item__team__badge img {
  width: 30px;
}
@media (min-width: 960px) {
  .competition-block .competition-list__item__team__badge {
    padding: 0 10px;
  }
}
.competition-block .competition-list__item__team__name {
  width: 65%;
}
.competition-block .competition-list__item__data {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.competition-block .competition-list__item__data__pts {
  padding-right: 10px;
}
@media (min-width: 960px) {
  .competition-block {
    margin-bottom: 0;
  }
}

.competition-list__legend {
  color: var(--VCF-Black-VCF-Black-40, #959595);
  margin-top: -20px;
  text-align: center;
}
.competition-list__legend svg {
  vertical-align: bottom;
  margin-right: 5px;
}
.competition-list__legend span {
  padding: 0 10px;
}

.no-data {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--VBC-White-VBC-White-60);
}

.page-content {
  padding: 32px 15px;
}
@media (min-width: 960px) {
  .page-content {
    padding: 32px 0;
  }
}

.tags-auto-block {
  padding: 15px 0;
}
@media (min-width: 960px) {
  .tags-auto-block {
    padding: 30px 0;
  }
}

.block-dropdown:last-of-type {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .block-dropdown:last-of-type {
    margin-bottom: 50px;
  }
}

.block-dropdown__title {
  color: var(--VBC-Orange-VBC-Orange);
  margin: 0;
  border-bottom: 1px solid var(--SAV-Dark);
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange);
}
.block-dropdown__title p {
  margin: 10px 0 !important;
  color: var(--VBC-Orange-VBC-Orange);
}
@media (min-width: 960px) {
  .block-dropdown__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.block-dropdown__arrow {
  position: absolute;
  right: 5px;
  bottom: 20px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZsZWNoYS10b3AtYm9sZCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0zLjc0MjE5IDE2LjEyNUwxMi4zNjcyIDcuODc1TDIwLjk5MjIgMTYuMTI1IiBzdHJva2U9IiNGRjZDMEUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  background-position: center;
}
.block-dropdown__arrow.rotate {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.block-dropdown__text_inner {
  width: 100%;
}
.block-dropdown__text {
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  display: none;
  padding: 10px 0 10px 0;
  width: 100%;
}
.block-dropdown.big {
  margin-bottom: 20px;
}
.block-dropdown.big .block-dropdown__title {
  font-size: 55px;
  font-size: 3.4375rem;
  color: var(--VBC-White-VBC-White-10);
  border-bottom: 1px solid var(--VBC-White-VBC-White-10);
  line-height: 80%;
}
.block-dropdown.big .block-dropdown__title p {
  color: var(--VBC-White-VBC-White-10);
}
.block-dropdown.big .block-dropdown__title.opened {
  color: var(--VBC-Orange-VBC-Orange);
  border-bottom: 0px;
}
.block-dropdown.big .block-dropdown__title.opened p {
  color: var(--VBC-Orange-VBC-Orange);
}
.block-dropdown.big .block-dropdown__title.opened .block-dropdown__arrow {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NyA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDYxIj4KPGxpbmUgaWQ9IkxpbmUgMjMiIHgxPSI0NC40MzU0IiB5MT0iNDQuMjEzNiIgeDI9IjIuMDA4OTYiIHkyPSIxLjc4NzE2IiBzdHJva2U9IiNGRjZDMEUiIHN0cm9rZS13aWR0aD0iNSIvPgo8bGluZSBpZD0iTGluZSAyNCIgeDE9IjQ0LjQzNTciIHkxPSIxLjc4NjgxIiB4Mj0iMi4wMDkzMyIgeTI9IjQ0LjIxMzIiIHN0cm9rZT0iI0ZGNkMwRSIgc3Ryb2tlLXdpZHRoPSI1Ii8+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  bottom: 28px;
  right: 0px;
  background-size: 25px;
}
@media (min-width: 960px) {
  .block-dropdown.big .block-dropdown__title.opened .block-dropdown__arrow {
    width: 50px;
    height: 50px;
    bottom: 40px;
    background-size: 50px;
    right: 19px;
  }
}
@media (min-width: 960px) {
  .block-dropdown.big .block-dropdown__title {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
.block-dropdown.big .block-dropdown__arrow {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFtcGxpYXIiIG9wYWNpdHk9IjAuMSI+CjxsaW5lIGlkPSJMaW5lIDI2IiB4MT0iMTAiIHkxPSI0MCIgeDI9IjcwIiB5Mj0iNDAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNSIvPgo8bGluZSBpZD0iTGluZSAyNyIgeDE9IjQwIiB5MT0iMTAiIHgyPSI0MCIgeTI9IjcwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiLz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  bottom: 35px;
  background-size: 35px;
}
@media (min-width: 960px) {
  .block-dropdown.big .block-dropdown__arrow {
    background-size: 75px;
    bottom: 30px;
    width: 75px;
    height: 75px;
  }
}

.backvgcms .block-dropdown:last-of-type {
  margin-bottom: 0px;
}
.backvgcms .block-dropdown__text {
  display: block;
}

.image-block img {
  -webkit-transition: all 90ms linear;
  transition: all 90ms linear;
}
.image-block a:hover img {
  opacity: 0.8;
}

.notfound-container {
  background: url("/images/404.jpg") no-repeat top center;
  background-size: cover;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.notfound-container .section-header__title {
  max-width: none;
}
@media (min-width: 960px) {
  .notfound-container .section-header__title {
    max-width: 50%;
  }
}

.notfound-container__content {
  padding: 30px;
  width: 62%;
}
.notfound-container__content p {
  margin: 0;
}
.notfound-container__content a {
  margin-top: 24px;
}
@media (min-width: 960px) {
  .notfound-container__content {
    width: 47%;
  }
}

.page-effort {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .page-effort {
    margin-bottom: 10vh;
  }
}

.effort-players {
  max-width: 1376px;
  margin: 0 auto;
  padding: 20px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 960px) {
  .effort-players {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    padding: 32px;
  }
}

.effort-players__item {
  display: block;
}

.effort-player {
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  border: 2px solid transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 16px;
  margin: 5px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.effort-player:hover {
  border: 2px solid var(--VBC-Orange-VBC-Orange, #FF6C0E);
  background: rgba(255, 108, 14, 0.5);
}
@media (min-width: 960px) {
  .effort-player {
    margin: 5px;
  }
}

.effort-player__name {
  color: var(--VBC-White-VBC-White);
}

.effort-player__votes {
  color: var(--VBC-White-VBC-White-40);
  margin: 0;
}

.effort-player__image {
  margin-bottom: -9px;
  margin-top: 5px;
}

.alert.alert-vote {
  max-width: 976px;
  margin: 20px auto 0 auto;
}
@media (min-width: 960px) {
  .alert.alert-vote {
    margin: 40px auto 20px auto;
  }
}

.effortvote-result {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: 90%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 30px;
  background: var(--VBC-Orange-VBC-Orange-Dark, #CC3A00);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 960px) {
  .effortvote-result {
    width: 912px;
    height: 544px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.effortvote-result__close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.effortvote-result__close:hover {
  opacity: 0.8;
}

.effortvote-result__image {
  padding: 0 15px 0 15px;
  -webkit-box-flex: 40%;
      -ms-flex: 40%;
          flex: 40%;
  margin-bottom: 20px;
}
.effortvote-result__image img {
  max-width: 55%;
}
@media (min-width: 960px) {
  .effortvote-result__image {
    margin-bottom: -65px;
  }
  .effortvote-result__image img {
    max-width: 100%;
  }
}

.effortvote-result__content {
  position: relative;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding: 0 0 35px 0;
}
@media (min-width: 960px) {
  .effortvote-result__content {
    padding: 0 30px 0 15px;
  }
}

.effortvote-result__subtitle {
  color: var(--VBC-Orange-VBC-Orange);
}

.effortvote-result__title {
  color: var(--VBC-White-VBC-White);
}

.effortvote-result__text {
  margin: 20px 0;
}

.effortvote-result__share {
  border-radius: 16px;
  background: var(--VBC-White-VBC-White-20);
  padding: 16px 24px;
  gap: 8px;
  color: #fff;
  text-transform: uppercase;
}
.effortvote-result__share svg {
  vertical-align: sub;
}
.effortvote-result__share:hover {
  background: var(--VBC-White-VBC-White-40);
}

.g-recaptcha {
  display: inline-block;
}

.node-Page--17400439855730970 .center-content .image-block {
  margin: 20px 0;
}
@media (min-width: 960px) {
  .node-Page--17400439855730970 .center-content .image-block {
    margin: 0;
  }
}

.page-content .big > .grid-container {
  padding: 0;
}

.full .big > .grid-container {
  padding: 0;
}
@media (min-width: 960px) {
  .full .big > .grid-container {
    padding: 0 16px;
  }
}

.node-Page--17400439855730970 .center-content > .grid-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 960px) {
  .node-Page--17400439855730970 .center-content > .grid-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.node-Page--17400439855730970 .margins > .grid-container {
  padding: 0;
}
@media (min-width: 960px) {
  .node-Page--17400439855730970 .margins > .grid-container {
    padding: 40px 15px;
  }
}

.node-Page--17400439855730970 .margins .center-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 960px) {
  .node-Page--17400439855730970 .margins .center-content {
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.form {
  max-width: 1210px;
  margin: 40px auto;
}
@media (min-width: 960px) {
  .form {
    margin: 80px auto;
  }
}
.form .form-content {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
@media (min-width: 960px) {
  .form .form-content {
    padding: 60px;
  }
}
.form .form-content .form-row {
  margin-top: 32px;
  position: relative;
}
.form .form-content .form-row ::-webkit-input-placeholder {
  color: rgb(185, 185, 185);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.form .form-content .form-row ::-moz-placeholder {
  color: rgb(185, 185, 185);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.form .form-content .form-row :-ms-input-placeholder {
  color: rgb(185, 185, 185);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.form .form-content .form-row ::-ms-input-placeholder {
  color: rgb(185, 185, 185);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.form .form-content .form-row ::placeholder {
  color: rgb(185, 185, 185);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 960px) {
  .form .form-content .form-row ::-webkit-input-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .form .form-content .form-row ::-moz-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .form .form-content .form-row :-ms-input-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .form .form-content .form-row ::-ms-input-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .form .form-content .form-row ::placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.form .form-content .form-row ::-webkit-input-placeholder {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}
.form .form-content .form-row ::-moz-placeholder {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}
.form .form-content .form-row :-ms-input-placeholder {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}
.form .form-content .form-row ::-ms-input-placeholder {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}
.form .form-content .form-row ::placeholder {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.3;
}
.form .form-content .form-row label {
  font-family: "scale-variable", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.6;
  color: var(--VBC-Orange-VBC-Orange);
  opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: -20px;
  left: 0;
}
.form .form-content .form-row label p {
  margin: 0;
  padding: 0;
}
.form .form-content .form-row:focus-within label {
  opacity: 1;
}
.form .form-content .form-row input,
.form .form-content .form-row textarea,
.form .form-content .form-row select {
  padding: 0 0 10px 0;
  font-family: "Roboto", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  color: var(--VBC-White-VBC-White);
  font-size: 18px;
  font-size: 1.125rem;
  background-color: transparent;
  width: 100%;
  outline: none;
  border: 0;
  border-bottom: 1px solid var(--VBC-Black-VBC-Black-20);
}
.form .form-content .form-row input:active, .form .form-content .form-row input:focus,
.form .form-content .form-row textarea:active,
.form .form-content .form-row textarea:focus,
.form .form-content .form-row select:active,
.form .form-content .form-row select:focus {
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange);
}
.form .form-content .form-row input:active::-webkit-input-placeholder, .form .form-content .form-row input:focus::-webkit-input-placeholder, .form .form-content .form-row textarea:active::-webkit-input-placeholder, .form .form-content .form-row textarea:focus::-webkit-input-placeholder, .form .form-content .form-row select:active::-webkit-input-placeholder, .form .form-content .form-row select:focus::-webkit-input-placeholder {
  opacity: 0;
}
.form .form-content .form-row input:active::-moz-placeholder, .form .form-content .form-row input:focus::-moz-placeholder, .form .form-content .form-row textarea:active::-moz-placeholder, .form .form-content .form-row textarea:focus::-moz-placeholder, .form .form-content .form-row select:active::-moz-placeholder, .form .form-content .form-row select:focus::-moz-placeholder {
  opacity: 0;
}
.form .form-content .form-row input:active:-ms-input-placeholder, .form .form-content .form-row input:focus:-ms-input-placeholder, .form .form-content .form-row textarea:active:-ms-input-placeholder, .form .form-content .form-row textarea:focus:-ms-input-placeholder, .form .form-content .form-row select:active:-ms-input-placeholder, .form .form-content .form-row select:focus:-ms-input-placeholder {
  opacity: 0;
}
.form .form-content .form-row input:active::-ms-input-placeholder, .form .form-content .form-row input:focus::-ms-input-placeholder, .form .form-content .form-row textarea:active::-ms-input-placeholder, .form .form-content .form-row textarea:focus::-ms-input-placeholder, .form .form-content .form-row select:active::-ms-input-placeholder, .form .form-content .form-row select:focus::-ms-input-placeholder {
  opacity: 0;
}
.form .form-content .form-row input:active::placeholder, .form .form-content .form-row input:focus::placeholder,
.form .form-content .form-row textarea:active::placeholder,
.form .form-content .form-row textarea:focus::placeholder,
.form .form-content .form-row select:active::placeholder,
.form .form-content .form-row select:focus::placeholder {
  opacity: 0;
}
.form .form-content .form-row select {
  min-height: 45px;
}
.form .form-content .form-row textarea {
  min-height: 200px;
}
.form .form-content .form-row input[type=checkbox],
.form .form-content .form-row input[type=radio] {
  display: inline;
  float: left;
  margin-right: 10px;
}
.form .form-content .form-row input[type=radio] {
  width: auto;
}
.form .form-content .form-row input[type=checkbox] {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--VBC-Orange-VBC-Orange);
  border: 2px solid var(--VBC-Orange-VBC-Orange);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.form .form-content .form-row input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--VBC-White-VBC-White);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form .form-content input[type=checkbox] + label {
  color: var(--VBC-Black-VBC-Black-60);
  font-family: "Roboto", serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  opacity: 1;
  position: relative;
  top: auto;
  left: auto;
}
.form .form-content input[type=checkbox] + label p {
  margin: 0;
  display: block;
  padding: 0;
  line-height: 1.5;
}
@media (min-width: 960px) {
  .form .form-content input[type=checkbox] + label p {
    padding: 3px 0px;
    line-height: 1;
  }
}
.form .form-content .form-box {
  clear: both;
}
.form .form-content button[type=submit] {
  text-align: center;
  padding: 16px 32px;
  margin-top: 32px;
  background: var(--VBC-Orange-VBC-Orange);
  border-radius: 16px;
  border: 0;
  font-family: "scale-variable", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--VBC-White-VBC-White);
}
.form .form-content button[type=submit]:hover {
  background: var(--VBC-Orange-VBC-Orange-Dark);
}
.form .form-content .g-recaptcha {
  margin-top: 32px;
}

.alert {
  text-align: center;
  padding: 18px;
  margin-top: 30px;
  font-family: "Roboto", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  max-width: 1376px;
  margin: 0 auto;
}
.alert svg {
  vertical-align: middle;
  margin-right: 9px;
}
.alert.alert-error {
  background-color: rgba(227, 44, 44, 0.2);
  color: rgb(227, 44, 44);
}
.alert.alert-success {
  background-color: rgba(32, 211, 113, 0.2);
  color: rgb(32, 211, 113);
}

.html-content, .fr-view {
  padding: 0;
}
.html-content p, .fr-view p {
  margin: 0.5em 0;
}
.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .fr-view h1, .fr-view h2, .fr-view h3, .fr-view h4, .fr-view h5 {
  line-height: 125%;
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E);
}
.html-content blockquote, .fr-view blockquote {
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E) !important;
  background: url("/svg/blockquote.svg") no-repeat;
  padding-left: 70px;
  margin: 45px 25px;
}
.html-content blockquote p, .fr-view blockquote p {
  line-height: 110%;
}
.html-content dd, .fr-view dd {
  margin: 0 0 0 20px;
}
.html-content .text-tag, .fr-view .text-tag {
  color: var(--VBC-Orange-VBC-Orange);
  text-transform: uppercase;
  position: relative;
  margin-left: 10px;
}
.html-content .text-tag::before, .fr-view .text-tag::before {
  content: " ";
  width: 6px;
  height: 6px;
  background: var(--VBC-Orange-VBC-Orange);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.html-content .text-tag-normal, .fr-view .text-tag-normal {
  color: var(--VBC-Orange-VBC-Orange);
  text-transform: uppercase;
  position: relative;
  margin: 15px 0;
}
.html-content .xl-title, .fr-view .xl-title {
  margin: 15px 0;
}
.html-content .l-title, .fr-view .l-title {
  margin: 15px 0;
}
.html-content .m-title, .fr-view .m-title {
  margin: 15px 0;
}
.html-content .s-title, .fr-view .s-title {
  margin: 15px 0;
}
.html-content .xs-title, .fr-view .xs-title {
  margin: 15px 0;
}
.html-content .text-button, .fr-view .text-button {
  margin: 3px 5px 3px 0;
}
.html-content .text-button a, .fr-view .text-button a {
  color: #fff;
}
.html-content .text-button a:hover, .fr-view .text-button a:hover {
  opacity: 0.8;
}
.html-content, .fr-view {
  /**
   * Address paddings set differently in IE 6/7.
   */
}
.html-content menu,
.html-content ul, .fr-view menu,
.fr-view ul {
  padding: 0 0 0 20px;
}
.html-content ul, .fr-view ul {
  list-style: none;
}
.html-content ul li, .fr-view ul li {
  padding: 8px 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkJ1bGxldCI+CjxjaXJjbGUgaWQ9IkVsbGlwc2UgMjYiIGN4PSIxNSIgY3k9IjE1IiByPSI1IiBmaWxsPSIjRkY2QzBFIi8+CjwvZz4KPC9zdmc+Cg==") no-repeat;
  background-position: -10px 7px;
  padding-left: 22px;
}

.responsive-video {
  position: relative;
  padding-bottom: 54%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  display: block;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-video.fr-dvi.fr-fvr {
  float: right;
  padding-left: 1em;
}

.fr-video.fr-dvi.fr-fvl {
  float: left;
  padding-right: 1em;
}

.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.backvgcms .html-content, .backvgcms .fr-view {
  color: #fff;
}

.basic-block p {
  margin: 1.5em 0;
  line-height: 160%;
}
.basic-block span {
  color: var(--VBC-White-VBC-White) !important;
}

.public table {
  color: #fff !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
  font-family: "Roboto", serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}
.public table tr, .public table td {
  border: none !important;
}
.public table tr {
  border-bottom: 1px solid var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2)) !important;
}
.public table td {
  padding: 5px !important;
}
.public table p {
  margin: 0 !important;
}
.public table span {
  color: #fff !important;
  font-family: "Roboto", serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}
.public table thead {
  color: var(--VBC-Orange-VBC-Orange) !important;
  font-weight: bold !important;
}
.public table thead tr {
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange) !important;
}
.public table thead span {
  color: var(--VBC-Orange-VBC-Orange) !important;
  font-weight: bold !important;
}

#seifti_cookie_bot {
  bottom: 0 !important;
  top: auto !important;
  left: 0;
  background: #1F1F1F !important;
  color: #fff !important;
  width: 100%;
  padding: 20px;
  font-size: 13px;
  overflow: auto;
  border: none !important;
}

#seifti_cookie_bot .seifti_cookie_description {
  padding: 0 !important;
  color: var(--VBC-White-VBC-White-80) !important;
}

#seifti_cookie_bot .seifti_cookie_description a {
  color: var(--VBC-Orange-VBC-Orange) !important;
}

#seifti_cookie_bot .seifti_cookie_actions .seifti_cookie_reject_all,
#seifti_cookie_bot .seifti_cookie_actions .seifti_cookie_options,
#seifti_cookie_bot .seifti_cookie_save {
  background-color: var(--VBC-Black-VBC-Black-60) !important;
  border: none !important;
}

#seifti_cookie_bot .seifti_cookie_actions .seifti_cookie_accept_all {
  background-color: var(--VBC-Orange-VBC-Orange) !important;
  border: none !important;
}

#seifti_cookie_bot .seifti_cookie_selection > select {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--VBC-White-VBC-White-80) !important;
  color: var(--VBC-White-VBC-White-80) !important;
}

#seifti_cookie_bot .seifti_cookie_selection_main {
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange) !important;
}

#seifti_cookie_bot .seifti_cookie_selection_main > div > div {
  border: none !important;
  color: var(--VBC-White-VBC-White-80) !important;
}

#seifti_cookie_bot .seifti_cookie_selection_main label {
  color: var(--VBC-White-VBC-White-80) !important;
}

#seifti_cookie_bot button {
  color: var(--VBC-White-VBC-White-80) !important;
}

#seifti_cookie_bot .seifti_cookie_selection_main .seifti_cookie_selection_providers > div > a {
  color: var(--VBC-White-VBC-White-80) !important;
}

.main-container {
  padding-top: 50px;
}
@media (min-width: 960px) {
  .main-container {
    padding-top: 0px;
  }
}

.main-header.tiny {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  /*
  .main-menu{
    min-height: 60vh;
  }
  .main-menu__item{
    @include font-size(26);
    border-bottom: 2px solid var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
    background-size: 25px !important;
    background-position: 100% 14px !important;
  }
  .menu-inner__child__item{
    @include font-size(26);
  }
  .main-menu__level__left{
    padding-top:40px;
  }
  .main-menu__level__right{
    padding-top:40px;
  }
  */
}
.main-header.tiny .main-header__top {
  display: none;
}

.main-header--desktop {
  display: none;
}
@media (min-width: 960px) {
  .main-header--desktop {
    display: block;
  }
}

.main-header--responsive {
  display: block;
}
@media (min-width: 960px) {
  .main-header--responsive {
    display: none;
  }
}

.main-header__top {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #F55E09;
  padding: 0 0 0 32px;
  height: 40px;
}
.main-header__top img {
  vertical-align: middle;
}
@media (min-width: 960px) {
  .main-header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-header__top__logos a {
  padding-right: 18px;
}
.main-header__top__logos a.euroleague img {
  height: 18px;
}

.main-header__top__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-transform: uppercase;
}
.main-header__top__links a {
  color: var(--VBC-White-VBC-White);
}

.main-header__top__langs {
  background: #E45005;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px 0 12px;
  margin-left: 12px;
}
.main-header__top__langs a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.36px;
  font-variation-settings: "wdth" 100, "wght" 300;
  position: relative;
  padding: 0 5px;
}
.main-header__top__langs a::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  height: 10px;
  width: 1px;
  background: var(--VBC-White-VBC-White-60);
}
.main-header__top__langs a:last-child::after {
  display: none;
}
.main-header__top__langs a.active {
  font-variation-settings: "wdth" 100, "wght" 500;
}

.main-header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-transform: uppercase;
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  padding: 0px 16px;
  height: 50px;
}
.main-header__menu a {
  color: var(--VBC-White-VBC-White);
  font-size: 10px;
  font-size: 0.625rem;
}
@media (min-width: 1115px) {
  .main-header__menu a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 960px) {
  .main-header__menu {
    padding: 0px 32px;
    height: 66px;
  }
}

.main-header__menu--left {
  width: 45%;
}
.main-header__menu--left a {
  padding-right: 14px;
}
.main-header__menu--left a:hover {
  opacity: 0.8;
}
@media (min-width: 1115px) {
  .main-header__menu--left a {
    padding-right: 24px;
  }
}
.main-header__menu--left img {
  vertical-align: middle;
}

.menu-close {
  width: 25px;
  height: 25px;
}

.main-header__menu--right {
  width: 45%;
  text-align: right;
  position: relative;
}
.main-header__menu--right a {
  padding-left: 14px;
}
@media (min-width: 1115px) {
  .main-header__menu--right a {
    padding-left: 24px;
  }
}
.main-header__menu--right a:hover {
  opacity: 0.8;
}
.main-header__menu--right a.mobile {
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  border-radius: 24px;
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  float: right;
}
.main-header__menu--right img {
  vertical-align: middle;
}

.main-header__logo {
  margin-bottom: -52px;
  width: 14%;
  text-align: center;
  z-index: 1;
}
@media (min-width: 960px) {
  .main-header__logo {
    margin-bottom: -60px;
    width: 12%;
  }
}

.main-logo {
  display: inline-block;
  position: relative;
  z-index: 9;
}
.main-logo img {
  -webkit-transition: all 90ms linear;
  transition: all 90ms linear;
  height: 100px;
}
.main-logo:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.main-search {
  position: fixed;
  right: 0px;
  width: 100%;
  padding: 25px;
  top: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  background: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  display: none;
}
@media (min-width: 960px) {
  .main-search {
    position: absolute;
    right: 0px;
    width: 90%;
    padding: 0;
  }
}

.main-search__text {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--VBC-White-VBC-White-80);
  padding: 5px 0;
  color: white;
  width: 65%;
  margin-right: 15px;
  margin-top: -5px;
}
.main-search__text:focus, .main-search__text:active, .main-search__text:target {
  background: transparent;
}
.main-search__text::-webkit-input-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text::-moz-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text:-ms-input-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text::-ms-input-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text::placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text:-moz-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text::-moz-placeholder {
  color: var(--VBC-White-VBC-White-80);
}
.main-search__text:-ms-input-placeholder {
  color: var(--VBC-White-VBC-White-80);
}

.main-search__button {
  margin-right: 20px;
}

.main-search__open {
  padding-left: 24px;
  cursor: pointer;
}
.main-search__open:hover {
  opacity: 0.8;
}

.main-search__close {
  cursor: pointer;
}
.main-search__close:hover {
  opacity: 0.8;
}

.menu-close {
  padding-left: 3px;
}

.main-header--full {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
}
.main-header--full .main-header__menu {
  border-bottom: 2px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
}
@media (min-width: 960px) {
  .main-header--full {
    position: absolute;
  }
}

.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  padding: 0;
  min-height: 250px;
  color: var(--VBC-White-VBC-White);
  background: var(--VBC-Orange-VBC-Orange-Dark);
}
@media (min-width: 960px) {
  .section-header {
    min-height: 566px;
  }
}

.section-header--noimage {
  min-height: 130px;
}
@media (min-width: 960px) {
  .section-header--noimage {
    min-height: 342px;
  }
}

.section-header__inner {
  padding: 0;
  width: 100%;
  padding: 20px;
}
.section-header__inner h2 {
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .section-header__inner {
    padding: 24px 32px;
  }
}

.section-header__title {
  color: var(--VBC-White-VBC-White);
  margin: 0;
  max-width: none;
}
@media (min-width: 960px) {
  .section-header__title {
    max-width: 44%;
  }
}

.tag-s-grey.section-header__subtitle, .html-content .section-header__subtitle.text-button, .fr-view .section-header__subtitle.text-button {
  font-family: "Roboto", serif;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  color: var(--VBC-White-VBC-White-60);
}
@media (min-width: 960px) {
  .tag-s-grey.section-header__subtitle, .html-content .section-header__subtitle.text-button, .fr-view .section-header__subtitle.text-button {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.section-header__menu {
  background: #111;
  width: 100%;
  position: relative;
  min-height: 55px;
}
@media (min-width: 960px) {
  .section-header__menu {
    background: #111;
    min-height: 45px;
  }
}

.section-header__menu__level {
  margin: 0;
  padding: 0 16px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #111;
  position: absolute;
  z-index: 9;
  width: 100%;
}
@media (min-width: 960px) {
  .section-header__menu__level {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    width: auto;
    background: #111;
  }
}

.section-header__menu__open {
  display: block;
  position: absolute;
  top: 8px;
  left: 88%;
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 10px;
}
@media (min-width: 960px) {
  .section-header__menu__open {
    display: none;
  }
}

.section-header__menu__item {
  color: var(--VBC-White-VBC-White);
  text-transform: uppercase;
  padding: 21px 5px 19px 5px;
  display: none;
  border-top: 1px solid #555555;
}
.section-header__menu__item:first-of-type {
  display: inline-block;
  border-top: 0;
}
.section-header__menu__item a {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  display: block;
}
.section-header__menu__item a:hover {
  color: var(--VBC-White-VBC-White);
}
.section-header__menu__item.active a {
  color: var(--VBC-White-VBC-White);
}
@media (min-width: 960px) {
  .section-header__menu__item {
    padding: 16px 16px;
    display: block;
    border-top: 0;
  }
}
.section-header__menu__item.section-header__menu__item--mobile {
  display: block;
}
.section-header__menu__item.section-header__menu__item--mobile.opened .section-header__menu__open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 960px) {
  .section-header__menu__item.section-header__menu__item--mobile {
    display: none;
  }
}

.section-header__menu__dropdown {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: #111;
  min-width: 190px;
  display: none;
}
.section-header__menu__dropdown:hover {
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
}
.section-header__menu__dropdown:hover .section-header__menu__dropdown__list {
  border-top: 1px solid #111;
}
.section-header__menu__dropdown:hover .section-header__menu__dropdown__item {
  display: block;
}
@media (min-width: 960px) {
  .section-header__menu__dropdown {
    display: block;
  }
}

.section-header__menu__dropdown__inner {
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
}

.section-header__menu__dropdown__title {
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  padding: 16px 24px;
  cursor: pointer;
  -webkit-transition: all 90ms linear;
  transition: all 90ms linear;
}
.section-header__menu__dropdown__title:hover {
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
}
.section-header__menu__dropdown__title img {
  vertical-align: middle;
  margin-left: 15px;
}

.section-header__menu__dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}

.section-header__menu__dropdown__item {
  display: none;
}
.section-header__menu__dropdown__item a {
  display: block;
  color: var(--VBC-White-VBC-White, #FFF);
  padding: 16px 24px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  border-bottom: 1px solid #111;
}
.section-header__menu__dropdown__item a:hover {
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
}

.main-header--responsive {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.main-header--responsive .main-header__menu {
  height: 50px;
  padding: 0px 16px;
}
.main-header--responsive .main-header__logo {
  margin-bottom: -50px;
}
.main-header--responsive .main-logo img {
  height: 70px;
}

.main-menu {
  background-color: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: none;
}
.main-menu a {
  color: var(--VBC-White-VBC-White);
  display: block;
  padding: 19px 12px 14px 15px;
}
@media (min-width: 960px) {
  .main-menu a {
    padding: 0;
    display: inline-block;
  }
}
@media (min-width: 960px) {
  .main-menu {
    min-height: 100vh;
  }
}

.main-menu__level__left {
  padding: 0;
  margin: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0;
}
@media (min-width: 960px) {
  .main-menu__level__left {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 35px 60px;
  }
  .main-menu__level__left .menu-inner {
    display: none !important;
  }
}

.main-menu__level__right {
  padding: 30px 0;
  margin: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #CC3A00;
  display: none;
}
@media (min-width: 960px) {
  .main-menu__level__right {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 35px 60px;
    display: block;
  }
}

.main-menu__item {
  font-size: 20px;
  font-size: 1.25rem;
  border-bottom: 2px solid var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  padding: 0;
}
.main-menu__item:nth-last-child(-n+3) {
  border-bottom: 2px solid rgba(204, 58, 0, 0.3);
}
.main-menu__item:nth-last-child(-n+3).main-menu__item--with-children {
  background: url("/svg/flecha-bottom.svg") no-repeat 95% 18px;
}
.main-menu__item:nth-last-child(-n+3).main-menu__item--with-children .menu-inner__child a {
  color: var(--VBC-Orange-VBC-Orange-60);
}
@media (min-width: 960px) {
  .main-menu__item:nth-last-child(-n+3).main-menu__item--with-children {
    background: url("/svg/flecha-right-bold-orange.svg") no-repeat 100% 16px;
  }
}
.main-menu__item:nth-last-child(-n+3) a {
  color: var(--VBC-Orange-VBC-Orange-Dark, #CC3A00);
}
@media (min-width: 960px) {
  .main-menu__item:nth-last-child(-n+3) {
    border-bottom: 3px solid rgba(204, 58, 0, 0.3);
  }
}
@media (min-width: 960px) {
  .main-menu__item {
    font-size: 40px;
    font-size: 2.5rem;
    border-bottom: 3px solid var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
    padding: 14px 0 10px 0;
  }
}

.main-menu__item--with-children {
  background: url("/svg/flecha-bottom.svg") no-repeat 95% 18px;
}
@media (min-width: 960px) {
  .main-menu__item--with-children {
    background: url("/svg/flecha-right-bold.svg") no-repeat 100% 16px;
  }
}

.menu-inner {
  display: none;
}

.menu-inner--mobile {
  background: var(--VBC-Orange-VBC-Orange-Dark, #CC3A00);
}
.menu-inner--mobile .menu-inner__child__item {
  padding: 0 15px;
  border-bottom: 2px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
}

.menu-inner__child {
  padding: 0;
  margin: 0;
}

.menu-inner__child__item {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0;
}
.menu-inner__child__item a:hover {
  color: var(--VBC-Orange-VBC-Orange);
}
@media (min-width: 960px) {
  .menu-inner__child__item {
    font-size: 40px;
    font-size: 2.5rem;
    padding: 14px 0 10px 0;
  }
}

.main-menu__footer {
  text-align: center;
  width: 100%;
  padding: 0 20px 20px 20px;
  display: block;
}
@media (min-width: 960px) {
  .main-menu__footer {
    display: none;
  }
}

.main-menu__footer__bottom {
  margin: 12px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-menu__footer__bottom a {
  width: 48.5%;
}
.main-menu__footer__bottom a img {
  vertical-align: middle;
  margin-right: 5px;
}

.main-menu__footer__langs {
  text-align: center;
  width: 100%;
  padding: 0;
  display: block;
}
@media (min-width: 960px) {
  .main-menu__footer__langs {
    display: none;
  }
}
.main-menu__footer__langs a {
  display: inline-block;
}
.main-menu__footer__langs .section-header__menu {
  background: transparent;
}
.main-menu__footer__langs .section-header__menu__level {
  background: var(--VBC-Orange-VBC-Orange);
  border-bottom: 1px solid var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  text-align: left;
  padding: 0;
}
.main-menu__footer__langs .section-header__menu__level a {
  padding: 5px;
  color: var(--VBC-White-VBC-White, #FFF);
  font-family: "Roboto", serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
}
.main-menu__footer__langs .section-header__menu__item {
  padding: 5px 20px;
}
.main-menu__footer__langs .section-header__menu__open {
  top: -2px;
}
.main-menu__footer__langs .section-header__menu__item {
  border-top: 1px solid var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
}
.main-menu__footer__langs .section-header__menu__item:first-of-type {
  border-top: 0;
}

.main-menu__footer__langs__title {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  font-family: "scale-variable", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 160% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-align: left;
  margin-top: 10px;
  padding-left: 20px;
}

/*** Menu responsive ***/
#menu_responsive_wrapper {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12345;
  background: var(--VBC-Orange-VBC-Orange) !important;
}
@media (min-width: 960px) {
  #menu_responsive_wrapper {
    display: none;
  }
}

#menu_responsive {
  display: none !important;
}

.mean-container {
  background: var(--VBC-Orange-VBC-Orange) !important;
}
.mean-container .language-selector__list {
  background: none;
}
.mean-container .mean-bar {
  z-index: 99 !important;
  background: var(--VBC-Orange-VBC-Orange) !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 !important;
  border-bottom: 1px solid #ffffff;
  overflow: hidden;
}
.mean-container .mean-nav {
  margin-top: 51px !important;
  overflow: hidden;
}
.mean-container .mean-nav ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.mean-container .mean-nav ul li li a {
  color: #ffffff !important;
  border-top: none !important;
}
.mean-container .mean-nav ul li li li {
  background: #1f2a33 !important;
}
.mean-container .mean-nav ul li li li:last-child {
  border-bottom: none !important;
}
.mean-container .mean-nav ul li li li a {
  border-top: none !important;
  width: 100% !important;
  padding-left: 10% !important;
}
.mean-container .mean-nav ul li a {
  padding: 16px !important;
  border-top: none !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  background: transparent !important;
  text-align: right !important;
  width: 100% !important;
}
.mean-container a.meanmenu-reveal {
  padding: 17px 15px 11px !important;
  width: 22px !important;
  height: 30px !important;
  z-index: 998;
  text-indent: 0 !important;
}

.logo-responsive {
  z-index: 997;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60%;
  padding: 5px 0;
  border-bottom: 1px solid #ffffff;
}

.logo-responsive__image {
  position: relative;
  top: 2px;
  left: 10px;
}

.menu_title {
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  right: 45px;
  top: 15px;
  z-index: 999;
}

.hamburger {
  color: #fff;
}
.hamburger a {
  color: #fff;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: #fff !important;
}

.hamburger {
  outline: 0;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
          transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.home-results-wrapper {
  padding: 9px 0 14px 16px;
}
@media (min-width: 960px) {
  .home-results-wrapper {
    padding: 15px 0 15px 32px;
  }
}

.home-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-results .card-box-game {
  margin: 6px 12px 6px 0;
}
.home-results .card-box-game .card-box-game__circlel, .home-results .card-box-game .card-box-game__circler {
  display: block;
}

.home-results__title {
  font-variation-settings: "wdth" 75, "wght" 400;
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  text-transform: uppercase;
  padding: 0 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 960px) {
  .home-results__title {
    font-size: 16px;
    font-size: 1rem;
  }
}
.home-results__title strong {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 960px) {
  .home-results__title strong {
    font-size: 16px;
    font-size: 1rem;
  }
}
.home-results__title .home-results__link {
  display: none;
}
.home-results__title div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.home-results__title div img, .home-results__title div svg {
  vertical-align: middle;
}
@media (min-width: 960px) {
  .home-results__title {
    padding: 0 32px 0 0;
  }
  .home-results__title .home-results__link {
    display: block;
  }
}

.home-results__footer {
  padding: 5px 0px;
}
.home-results__footer a {
  margin-right: 24px;
}
.home-results__footer a svg {
  vertical-align: sub;
}

.home-results__link {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  text-transform: uppercase;
  border-bottom: 1px solid var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  padding-bottom: 2px;
  display: inline-block;
}
.home-results__link:hover {
  color: var(--VBC-Orange-VBC-Orange);
  border-color: var(--VBC-Orange-VBC-Orange);
}
.home-results__link:hover g {
  opacity: 1;
}
.home-results__link:hover svg, .home-results__link:hover line {
  stroke: var(--VBC-Orange-VBC-Orange) !important;
}
@media (min-width: 960px) {
  .home-results__link {
    display: none;
  }
}

.folder-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .folder-menu {
    margin: 30px auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 0 32px;
    max-width: 1376px;
  }
}

.folder-menu__item {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 96%;
  height: 164px;
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  margin: 8px;
}
.folder-menu__item a {
  color: var(--VBC-White-VBC-White, #FFF);
  font-family: "scale-variable", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  font-variation-settings: "wdth" 100, "wght" 700;
  text-transform: uppercase;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 40px 20px 20px;
  position: relative;
}
.folder-menu__item a svg {
  position: absolute;
  top: 20px;
  right: 20px;
}
.folder-menu__item a:hover {
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  border-radius: 4px;
}
@media (min-width: 960px) {
  .folder-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 18%;
            flex: 1 0 18%;
  }
}

.folder-content {
  padding: 32px 0;
  max-width: 100%;
  min-height: 33vh;
}

.slick-dots {
  padding: 10px 20px !important;
}
.slick-dots li {
  margin: 0 4px !important;
  width: 10px !important;
  height: 10px !important;
}
.slick-dots li button {
  margin: 0 3px;
  width: 10px !important;
  height: 10px !important;
}
.slick-dots li button::before {
  opacity: 1 !important;
  background: var(--VBC-White-VBC-White-20) !important;
  border-radius: 50% !important;
  font-family: none !important;
  content: " " !important;
  width: 8px !important;
  height: 8px !important;
}
.slick-dots li.slick-active button::before {
  opacity: 1 !important;
  border-radius: 50% !important;
  background: var(--VBC-Orange-VBC-Orange, #FF6C0E) !important;
}

.slick-prev, .slick-next {
  width: 40px !important;
  height: 40px !important;
  background: url("/images/arrow-left.png") no-repeat !important;
  font-family: none !important;
}

.slick-next {
  background: url("/images/arrow-right.png") no-repeat !important;
}

.slick-prev:before, .slick-next:before {
  font-family: none !important;
  content: " " !important;
  width: 10px !important;
  height: 10px !important;
}

.home-results .slick-list {
  padding: 0 50px 0 0 !important;
}

.instagram-block {
  position: relative;
}
.instagram-block .slick-prev, .instagram-block .slick-next {
  position: absolute;
  top: -40px !important;
  right: 16px !important;
  left: auto !important;
}
@media (min-width: 960px) {
  .instagram-block .slick-prev, .instagram-block .slick-next {
    right: 32px !important;
  }
}
.instagram-block .slick-prev {
  right: 65px !important;
}
@media (min-width: 960px) {
  .instagram-block .slick-prev {
    right: 82px !important;
  }
}

.gallery-slider {
  margin: 30px 0 90px 0 !important;
}
.gallery-slider .slick-dots {
  bottom: -30px;
}
.gallery-slider .slick-slide {
  padding: 10px !important;
}
.gallery-slider .slick-slide img {
  opacity: 0.4;
  width: 100%;
}
.gallery-slider .slick-center img {
  opacity: 1 !important;
}
.gallery-slider .slick-arrow {
  font-family: none !important;
  width: 40px !important;
  height: 40px !important;
}
.gallery-slider .slick-prev {
  background: url("/images/arrow-left.png") no-repeat !important;
  left: 25px;
  bottom: -65px !important;
  top: auto;
  z-index: 1;
}
.gallery-slider .slick-next {
  background: url("/images/arrow-right.png") no-repeat !important;
  right: 25px;
  bottom: -65px !important;
  top: auto;
  z-index: 1;
}

.slideshow .slick-dots {
  bottom: -10px;
}
.slideshow .slick-arrow {
  font-family: none !important;
  width: 40px !important;
  height: 40px !important;
}
.slideshow .slick-prev {
  background: url("/images/arrow-left.png") no-repeat !important;
  left: 25px;
  top: 35px;
  z-index: 1;
}
.slideshow .slick-next {
  background: url("/images/arrow-right.png") no-repeat !important;
  right: 25px;
  top: 35px;
  z-index: 1;
}

.backvgcms .slideshow .grid-container {
  padding: 0 !important;
}

.home-header .slideshow {
  margin-bottom: 0 !important;
}
.home-header .slick-dots {
  text-align: right !important;
  bottom: 10px !important;
}

.download-section {
  margin: 15px 0;
}

.download-attachment {
  color: #666;
}
.download-attachment .img {
  margin-right: 15px;
}

.featured-block {
  width: 100%;
  position: relative;
  background-size: cover;
  overflow: hidden;
  color: #fff;
}
.featured-block.parallax {
  background-attachment: fixed;
}
.featured-block.big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  height: 85vh;
}
.featured-block.big .featured-block__gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(47.57%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 47.57%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.featured-block.big .featured-block__outer {
  max-width: 100%;
  margin: 40px 16px 60px 16px;
  position: relative;
  z-index: 1;
}
@media (min-width: 960px) {
  .featured-block.big .featured-block__outer {
    margin: 40px 40px 60px 40px;
  }
}
.featured-block.big .featured-block__header {
  font-size: 32px;
  font-size: 2rem;
}
@media (min-width: 1115px) {
  .featured-block.big .featured-block__header {
    font-size: 54px;
    font-size: 3.375rem;
  }
}
.featured-block.big .featured-block__text {
  font-family: "scale-variable", sans-serif;
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.125rem;
}
.featured-block.big .featured-button {
  margin-top: 0;
}
.featured-block.big.centered {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.featured-block.big.centered .featured-block__outer {
  width: 100%;
  max-width: 80%;
  margin: 80px 50px;
}
@media (min-width: 960px) {
  .featured-block.big {
    height: 82vh;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .featured-block.big .featured-block__outer {
    width: 40%;
    margin: 80px 32px;
  }
}
.featured-block.medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
}
.featured-block.medium .featured-block__outer {
  width: 100%;
}
.featured-block.medium .featured-block__inner {
  padding: 20px;
}
.featured-block.medium .featured-block__content {
  max-width: 100%;
}
.featured-block.medium .featured-block__header {
  font-variation-settings: "wdth" 100, "wght" 700;
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
}
.featured-block.medium .featured-block__intro {
  display: none;
}
.featured-block.medium .featured-block__text {
  margin: 10px 0 20px 0;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
@media (min-width: 960px) {
  .featured-block.medium .featured-block__content {
    max-width: 40%;
  }
  .featured-block.medium .featured-block__inner {
    padding: 32px;
  }
}
.featured-block.box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  min-height: 300px;
  margin-bottom: 15px;
}
.featured-block.box .featured-block__header {
  display: none;
}
.featured-block.box .featured-block__intro {
  display: none;
}
.featured-block.box .featured-block__text {
  display: none;
}
.featured-block.box .featured-block__content {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
}
.featured-block.box .featured-button {
  background-color: transparent;
  padding: 30px 60px 0 30px !important;
  border-radius: 0;
  border: none;
  background-size: 25px;
  height: 100%;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  top: 0;
  position: absolute;
  width: 100%;
  line-height: 1.1;
  max-width: none;
  font-variation-settings: "wdth" 100, "wght" 700;
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZsZWNoYS1yaWdodC1ib2xkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjk5IDQuNUwyMS45OSAxNkwxMC45OSAyNy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: 94% 28px;
}
.featured-block.box .featured-button:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZsZWNoYS1yaWdodC1ib2xkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjk5IDQuNUwyMS45OSAxNkwxMC45OSAyNy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=) rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: 96% 28px;
}
.featured-block.box .img .image {
  display: none;
}
.featured-block.box.grey .featured-button {
  font-size: 24px;
  font-size: 1.5rem;
  background-position: 94% 26px;
}
@media (min-width: 960px) {
  .featured-block.box {
    margin-bottom: 0;
  }
}
.featured-block.mediumbox {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  min-height: 288px;
  margin-bottom: 15px;
}
.featured-block.mediumbox .featured-block__header {
  display: none;
}
.featured-block.mediumbox .featured-block__intro {
  display: none;
}
.featured-block.mediumbox .featured-block__text {
  display: none;
}
.featured-block.mediumbox .featured-block__content {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
}
.featured-block.mediumbox .featured-button {
  background-color: transparent;
  padding: 30px 60px 0 30px !important;
  border-radius: 0;
  border: none;
  background-size: 25px;
  height: 100%;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  top: 0;
  position: absolute;
  width: 100%;
  line-height: 1.1;
  max-width: none;
  font-variation-settings: "wdth" 100, "wght" 700;
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjQyNjggMy4zNzVMMTYuNDkyNyAxMkw4LjI0MjY4IDIwLjYyNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: 94% 28px;
}
.featured-block.mediumbox .featured-button:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjQyNjggMy4zNzVMMTYuNDkyNyAxMkw4LjI0MjY4IDIwLjYyNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+) rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: 96% 28px;
}
.featured-block.mediumbox .img .image {
  display: none;
}
.featured-block.mediumbox.grey .featured-button {
  font-size: 24px;
  font-size: 1.5rem;
  background-position: 94% 26px;
}
@media (min-width: 960px) {
  .featured-block.mediumbox {
    margin-bottom: 0;
  }
}
.featured-block.smallbox {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  min-height: 210px;
  margin-bottom: 15px;
}
.featured-block.smallbox .featured-block__header {
  display: none;
}
.featured-block.smallbox .featured-block__intro {
  position: absolute;
  bottom: 40px;
  z-index: 1;
  width: 100%;
  padding-left: 22px;
  display: block;
  margin-bottom: 5px;
  color: var(--VBC-Orange-VBC-Orange);
  text-transform: uppercase;
}
.featured-block.smallbox .featured-block__intro .html-content {
  position: relative;
  padding-left: 10px;
}
.featured-block.smallbox .featured-block__intro .html-content::before {
  content: " ";
  width: 6px;
  height: 6px;
  background: var(--VBC-Orange-VBC-Orange);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.featured-block.smallbox .featured-block__intro .html-content {
  display: block;
}
.featured-block.smallbox .featured-block__intro svg {
  display: none;
}
.featured-block.smallbox .featured-block__text {
  display: none;
}
.featured-block.smallbox .featured-block__content {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.35%, rgba(0, 0, 0, 0.15)), color-stop(70.33%, rgba(0, 0, 0, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 3.35%, rgba(0, 0, 0, 0.6) 70.33%);
}
.featured-block.smallbox .featured-button {
  background-color: transparent;
  padding: 20px !important;
  border-radius: 0;
  border: none;
  background-size: 25px;
  height: 100%;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  top: 0;
  position: absolute;
  width: 100%;
  line-height: 1.1;
  max-width: none;
  font-variation-settings: "wdth" 100, "wght" 700;
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZsZWNoYS1yaWdodC1ib2xkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjk5IDQuNUwyMS45OSAxNkwxMC45OSAyNy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: 94% 88%;
  background-size: 22px;
}
.featured-block.smallbox .featured-button:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZsZWNoYS1yaWdodC1ib2xkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjk5IDQuNUwyMS45OSAxNkwxMC45OSAyNy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=) rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: 96% 88%;
  background-size: 22px;
}
.featured-block.smallbox .img .image {
  display: none;
}
.featured-block.smallbox.grey .featured-button {
  font-size: 24px;
  font-size: 1.5rem;
  background-position: 94% 26px;
}
.featured-block.big, .featured-block.medium {
  position: relative;
  overflow: hidden;
}
.featured-block.big .img .image, .featured-block.medium .img .image {
  display: none;
}
.featured-block.grey {
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1)) !important;
}
.featured-block.centered .featured-block__content {
  max-width: none;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 960px) {
  .featured-block.centered .featured-block__content {
    max-width: 70%;
  }
}

.featured-block__header, .featured-block__header .html-content p {
  margin: 0;
  padding: 0;
}

.featured-block__intro {
  color: var(--VBC-White-VBC-White-60);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.featured-block__intro .html-content {
  display: inline-block;
}
.featured-block__intro svg {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
}

.light-container {
  background-color: #f5f5f5;
  padding-top: 2%;
  padding-bottom: 2%;
}

.full > .grid-container {
  max-width: 100%;
  padding: 0;
}

.normal > .grid-container {
  max-width: 1210px;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .normal > .grid-container {
    padding: 0 32px;
  }
}

.small > .grid-container {
  max-width: 856px;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .small > .grid-container {
    padding: 0 32px;
  }
}

.medium > .grid-container {
  max-width: 976px;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .medium > .grid-container {
    padding: 0 32px;
  }
}

.big > .grid-container {
  max-width: 1376px;
  padding: 0 15px;
}
@media (min-width: 960px) {
  .big > .grid-container {
    padding: 0;
  }
}

.margins > .grid-container {
  padding: 40px 15px;
}
@media (min-width: 960px) {
  .margins > .grid-container {
    padding: 65px 0;
  }
}

.center-content > .grid-container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 960px) {
  .center-content > .grid-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.center-content > .grid-container:after {
  content: none;
}
.center-content > .grid-container [class*=col-] {
  padding: 5px;
  float: none;
  clear: none;
  margin: 0;
}
@media (min-width: 960px) {
  .center-content > .grid-container [class*=col-] {
    padding: 20px;
  }
}

.orange > .grid-container {
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  padding: 40px 15px;
  margin-bottom: 30px;
}
.orange > .grid-container .block-separator__inner {
  color: var(--VBC-White-VBC-White-40);
}
.orange > .grid-container a {
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  border: none;
  color: var(--VBC-White-VBC-White);
}
.orange > .grid-container a:hover {
  background: var(--VBC-White-VBC-White-40);
}
@media (min-width: 960px) {
  .orange > .grid-container {
    padding: 50px 32px 80px 32px;
  }
}

.rounded > .grid-container {
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-5, rgba(255, 255, 255, 0.05));
  overflow: hidden;
  padding: 30px;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 15px;
}
.rounded > .grid-container h1, .rounded > .grid-container h2, .rounded > .grid-container h3, .rounded > .grid-container h4 {
  font-size: 80px;
  font-size: 5rem;
  margin: 0;
}
.rounded > .grid-container h3 {
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
}
.rounded > .grid-container h4 {
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
}
@media (min-width: 960px) {
  .rounded > .grid-container {
    padding: 32px;
  }
}

.two-cols > .grid-container .col-3-12 {
  width: 48.5% !important;
  clear: right !important;
  float: left !important;
  margin-left: 3px !important;
  margin-right: 3px !important;
  margin-bottom: 6px;
}
@media (min-width: 960px) {
  .two-cols > .grid-container .col-3-12 {
    width: 24.1758241758% !important;
    clear: right !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1.0989010989% !important;
  }
  .two-cols > .grid-container .col-3-12.last {
    width: 24.1758241758% !important;
    clear: right !important;
    float: right !important;
    margin-right: 0 !important;
  }
}

.parallax-container {
  background-attachment: initial !important;
}
@media (min-width: 960px) {
  .parallax-container {
    background-attachment: fixed !important;
  }
}

@media (max-width: 481px) {
  body.public .hide-mobile {
    display: none;
  }
}
@media (min-width: 482px) and (max-width: 960px) {
  body.public .hide-tablet {
    display: none;
  }
}
.container800px .hide-tablet {
  display: none;
}

@media (min-width: 961px) {
  body.public .hide-monitor {
    display: none;
  }
}
.container1366px .hide-monitor {
  display: none;
}

.tab-content .public {
  margin: 0 auto;
}

.grid-container---popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999998;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  cursor: pointer;
}
.grid-container---popup .grid-container {
  margin: 40px auto 10px auto;
  max-width: 960px;
}

.grid-container---popup__close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 999999;
}

.backvgcms .grid-container---popup {
  position: static;
  display: block;
}

.fr-dvb .responsive-video, .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
  display: block;
}
.fr-dvb .responsive-video iframe, .fr-dvb .responsive-video object, .fr-dvb .responsive-video embed, .fr-dvb .responsive-video video, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .videoWrapper video {
  position: absolute;
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  z-index: 15;
}

.fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-video.fr-dvi.fr-fvl {
  float: left;
}

.video-block {
  position: relative;
  margin: 10px 0px;
}
.video-block a:hover .image {
  opacity: 0.8;
}

.video-block__image {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.video-block__image .image {
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
  opacity: 0;
}

.video-block__play {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video-block__header {
  color: var(--VBC-White-VBC-White, #FFF);
  font-family: "scale-variable", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: normal;
  line-height: 130%;
  font-variation-settings: "wdth" 75, "wght" 700;
}

.video-block__intro {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  font-family: "Roboto", serif;
  font-size: 10px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 12px */
  letter-spacing: 0.1px;
  text-transform: uppercase;
}

.video-block__video {
  width: 100%;
  position: relative;
  z-index: 1;
}

.video-block__play {
  margin-top: 15px;
  display: inline-block;
  width: 50px;
  height: 50px;
}

.video-block__popup {
  position: relative;
  padding-bottom: 40%;
  padding-top: 25px;
  height: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 13;
}
.video-block__popup iframe {
  width: 100%;
  height: 65vh;
}
@media (min-width: 481px) {
  .video-block__popup iframe {
    height: 100vh;
  }
}

.video-block__close {
  position: absolute;
  z-index: 73;
  top: 7px;
  right: 7px;
  cursor: pointer;
}

.videoWrapper--shadow {
  opacity: 0;
  position: absolute;
  background-color: #000;
  width: 100%;
  top: 0;
  left: 0;
}

.video-block__modal {
  display: none;
  -webkit-animation-fill-mode: none !important;
          animation-fill-mode: none !important;
}

.backvgcms .video-block__image .image {
  opacity: 1;
}

.block-separator {
  margin: 15px 0;
}

.block-separator__inner {
  font-variation-settings: "wdth" 100, "wght" 700;
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  text-transform: uppercase;
  position: relative;
}
.block-separator__inner .html-content p, .block-separator__inner .fr-view p {
  margin: auto;
}
.block-separator__inner .html-content p:has(> a), .block-separator__inner .fr-view p:has(> a) {
  padding-right: 100px;
}
.block-separator__inner a {
  position: absolute;
  top: -5px;
  right: 0;
}
.instagram-block {
  padding: 0;
}
.instagram-block:after {
  content: "";
  display: table;
  clear: both;
}
.instagram-block {
  margin-top: 50px;
}
@media (min-width: 960px) {
  .instagram-block {
    padding: 50px 0 50px 0;
    margin-top: 30px;
  }
}
.instagram-block .slick-list {
  padding: 0 180px 0 0 !important;
}
.instagram-block .block-separator__inner {
  padding: 20px 16px;
}
@media (min-width: 960px) {
  .instagram-block .block-separator__inner {
    padding: 20px 32px;
  }
}

.insta-item {
  background: var(--VBC-White-VBC-White-10);
  margin: 0 6px;
  font-size: 10px;
  font-size: 0.625rem;
  border-radius: 4px;
  height: auto;
  overflow: visible;
  position: relative;
  padding: 0;
  height: 540px !important;
  border: 6px solid #363636;
}
.insta-item a {
  display: block;
}
.insta-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.insta-item video {
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0;
}
.insta-item video + .insta-item__caption {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #363636;
  margin: 0;
  padding: 10px 0;
}
@media (min-width: 960px) {
  .insta-item video + .insta-item__caption {
    position: absolute;
    padding: 20px 10px;
  }
}
@media (min-width: 960px) {
  .insta-item video {
    position: absolute;
    bottom: 50px;
    padding: 0;
  }
}
@media (min-width: 960px) {
  .insta-item {
    overflow: hidden;
    height: 750px !important;
  }
  .insta-item img {
    height: 480px;
  }
}

.insta-item__caption {
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  display: block;
  padding: 10px;
  width: 100%;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: none;
  text-overflow: ellipsis;
}
.instagram-block__slider {
  padding-left: 0px;
}
@media (min-width: 960px) {
  .instagram-block__slider {
    padding-left: 28px;
  }
}

.news-list {
  padding: 20px;
  width: 1376px;
  max-width: 100%;
  margin: 0 auto;
}
.news-list:after {
  content: "";
  display: table;
  clear: both;
}
.news-list .newsblock {
  aspect-ratio: 4/4;
}
@media (min-width: 960px) {
  .news-list {
    padding: 32px;
  }
  .news-list .newsblock {
    aspect-ratio: 4/4;
  }
}

.news-related {
  margin-bottom: 50px;
  max-width: none;
  padding: 0;
}
.news-related .newsblock {
  aspect-ratio: 4/4;
}

.newsblock {
  padding: 0;
  text-align: center;
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 8px 0px;
  overflow: hidden;
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}
.newsblock .img {
  float: none !important;
  margin-right: 0 !important;
}
.newsblock.multimedia .newsblock__icomultimedia {
  display: block;
}
.newsblock.video .newsblock__icovideo {
  display: block;
}
.newsblock .responsive-image {
  background: #ffffff;
}
.newsblock img {
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
}
.newsblock a:hover img {
  opacity: 0.8;
}
.newsblock.featured .newsblock__image__wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.newsblock.featured .newsblock__image {
  display: none;
}
.newsblock.featured .newsblock__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.newsblock.featured .newsblock__title a:hover {
  color: var(--VBC-Orange-VBC-Orange);
}

.newsblock__bd {
  padding: 5px 16px 16px 16px;
}

.newsblock__title {
  color: var(--VBC-White-VBC-White, #FFF);
  margin: 16px 0 5px 0;
}
.newsblock__title a {
  display: block;
  color: var(--VBC-White-VBC-White, #FFF);
}
.newsblock__title a:hover {
  color: var(--VBC-Orange-VBC-Orange);
}
.newsblock__title {
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .newsblock__title {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 1210px) {
  .newsblock__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.newsblock__category, .newsblock__date {
  color: var(--VBC-White-VBC-White-40);
  text-transform: uppercase;
  margin-right: 6px;
}
.newsblock__category svg, .newsblock__date svg {
  margin-top: -2px;
  vertical-align: middle;
}
.newsblock__category a, .newsblock__date a {
  color: var(--VBC-White-VBC-White-40);
}

.newsblock__category svg {
  margin-right: 2px;
}

.newsblock__image__wrapper {
  line-height: 0;
  position: relative;
}

.newsblock__image {
  display: block;
  padding: 0 8px 8px 8px;
}

.newsblock__link {
  display: block;
  position: relative;
}

.newsblock__image__data {
  margin-bottom: 16px;
}

.newsblock__icomultimedia {
  position: absolute;
  right: 19px;
  top: 12px;
  z-index: 1;
  display: none;
}

.newsblock__icovideo {
  position: absolute;
  right: 19px;
  top: 12px;
  z-index: 1;
  display: none;
}

.newsblock__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.featured {
  min-height: auto;
  padding: 0;
}
.featured .newsblock__icovideo, .featured .newsblock__icomultimedia {
  right: 12px;
}
.featured .image {
  opacity: 0;
}
.featured .newsblock__bd {
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding-bottom: 60px;
}
.featured .newsblock__title {
  padding: 0 15px;
}
.featured .newsblock__title a {
  color: var(--VBC-White-VBC-White);
}
.featured .responsive-image {
  background: transparent;
}
.featured .newsblock__intro {
  color: var(--VBC-White-VBC-White);
  padding-bottom: 0px;
}
.featured .newsblock__category, .featured .newsblock__date {
  color: var(--VBC-White-VBC-White-60);
}
.featured .newsblock__category a, .featured .newsblock__date a {
  color: var(--VBC-White-VBC-White-60);
}
.featured .newsblock__image__opacity {
  opacity: 0;
}
.featured .img img {
  display: none;
}
.featured .newsblock__image__wrapper {
  -webkit-transition: all 90ms linear;
  transition: all 90ms linear;
  position: relative;
  z-index: 1;
}
.featured .newsblock__image__data {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  z-index: 1;
  margin-bottom: 0;
}
.featured {
  background-size: 100.3% !important;
  background-position: center !important;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.featured:hover {
  background-size: 105% !important;
}
.news-detail {
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
}

.backvgcms .news-detail {
  padding-bottom: 40px;
  overflow: unset;
  position: inherit;
}

.news-detail__header {
  margin: 0 auto;
  position: relative;
  margin-top: 46px;
  max-width: 1210px;
  padding: 0 20px;
}
@media (min-width: 960px) {
  .news-detail__header {
    margin-top: 60px;
    padding: 0 32px;
  }
}

.news-detail__header__flex {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 25px;
}
@media (min-width: 960px) {
  .news-detail__header__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 55px;
  }
}

.news-detail__header__inner {
  width: 100%;
}
@media (min-width: 960px) {
  .news-detail__header__inner {
    width: 60%;
  }
}

.news-detail__header__section, .news-detail__header__date {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  text-transform: uppercase;
  margin-right: 10px;
}
.news-detail__header__section svg, .news-detail__header__date svg {
  vertical-align: middle;
  margin-right: 2px;
}
.news-detail__header__section a, .news-detail__header__date a {
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
}

.news-detail__header--history {
  text-align: center;
  margin-top: 70px;
}
.news-detail__header--history .news-detail__title {
  margin-top: 20px;
}
.news-detail__header--history .news-detail__header__flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
.news-detail__header--history .news-detail__header__inner, .news-detail__header--history .news-detail__intro {
  width: 100%;
}
.news-detail__header--history .news-detail__intro__html {
  width: 75%;
  margin: 0 auto;
  border-top: 1px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  margin-top: 20px;
  padding-top: 15px;
}

.news-detail__title {
  color: var(--VBC-White-VBC-White);
  margin: 12px 0 0 0;
}
@media (min-width: 960px) {
  .news-detail__title {
    margin: 30px 0 0 0;
  }
}

.news-detail__image {
  margin-bottom: 30px;
  text-align: center;
  padding: 0;
  position: relative;
}
.news-detail__image img {
  border-radius: 16px;
}
@media (min-width: 960px) {
  .news-detail__image {
    padding: 0;
  }
}

.news-detail__image__caption {
  position: relative;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 8px 0px;
          transform-origin: 8px 0px;
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  width: 200px;
  text-align: left;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media (min-width: 960px) {
  .news-detail__image__caption {
    position: absolute;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    left: 100%;
  }
}

.news-slider {
  position: relative;
}
.news-slider .slick-list {
  border-radius: 16px;
  overflow: hidden;
}
.news-slider .slick-prev {
  right: 56px;
  top: -40px;
  left: auto;
}
.news-slider .slick-next {
  top: -40px;
  right: 10px;
}

.news-video {
  width: 100%;
}

.news-detail__intro {
  color: var(--VBC-White-VBC-White-60, rgba(255, 255, 255, 0.6));
  font-family: "scale-variable", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.24px;
  font-variation-settings: "wdth" 75, "wght" 400;
  width: 100%;
  padding-left: 0;
}
@media (min-width: 960px) {
  .news-detail__intro {
    font-size: 24px;
    font-size: 1.5rem;
    width: 40%;
    padding-left: 40px;
  }
}

.news-detail__background {
  position: absolute;
  top: -1%;
  left: -5%;
  width: 110%;
  height: 55vh;
}
@media (min-width: 960px) {
  .news-detail__background {
    height: 85vh;
  }
}

.backvgcms .news-detail__background {
  top: 60px;
}

.news-detail__background__footer {
  position: absolute;
  left: 0;
  width: 100%;
  background: var(--VBC-Black-VBC-Black-80);
  display: none;
  height: 125px;
}
@media (min-width: 960px) {
  .news-detail__background__footer {
    display: block;
    height: 125px;
    top: 75vh;
  }
}

.news-detail__body {
  max-width: 856px;
  margin: 30px auto 60px auto;
  padding: 0 25px;
  position: relative;
}
.news-detail__body p > img, .news-detail__body .video-js, .news-detail__body .lSSlideOuter {
  margin: 30px auto;
}
@media (min-width: 960px) {
  .news-detail__body p > img, .news-detail__body .video-js, .news-detail__body .lSSlideOuter {
    margin: 64px auto;
  }
}
@media (min-width: 960px) {
  .news-detail__body {
    padding: 0;
  }
}

.news-detail__footer {
  margin: 20px 0;
}
.news-detail__footer figure {
  margin: 20px 0;
}
@media (min-width: 960px) {
  .news-detail__footer figure {
    margin: 62px 0;
  }
}
@media (min-width: 960px) {
  .news-detail__footer {
    margin: 62px 0;
  }
}

.news-detail__content {
  color: var(--VBC-White-VBC-White, #FFF);
}
.news-detail__content p {
  margin: 1em 0;
}
.news-detail__content .responsive-image, .news-detail__content figure {
  margin: 40px 0;
}
@media (min-width: 960px) {
  .news-detail__content {
    padding: 0;
  }
}

.news-detail__lastnews {
  width: 1376px;
  max-width: 100%;
  margin: 50px auto 30px auto;
  padding: 0 25px;
}
@media (min-width: 960px) {
  .news-detail__lastnews {
    margin: 140px auto 70px auto;
    padding: 0;
  }
}

.news-detail__tags {
  color: #fff;
}

.col-4-12 .newsblock__title {
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .col-4-12 .newsblock__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.backvgcms .featured .newsblock__bd {
  z-index: 9;
}

.mews-paging .grid-container {
  width: 100%;
  max-width: none;
  padding: 0;
}

.main-footer {
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  padding: 36px 32px 50px 32px;
}

.main-footer_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 960px) {
  .main-footer_top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.main-footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 40px 0;
}
.main-footer__socials p {
  color: #FFF;
  text-transform: uppercase;
  margin-left: 0px;
  margin-right: 0px;
}
.main-footer__socials a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.857px;
  border-radius: 24px;
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  margin-left: 6px;
}
.main-footer__socials a:hover {
  background: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.2));
}
@media (min-width: 960px) {
  .main-footer__socials {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
  }
  .main-footer__socials p {
    margin-left: 48px;
    margin-right: 15px;
  }
}

.main-footer__socials__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .main-footer__socials__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 0px;
  }
}

.main-footer__socials__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.main-footer_menu {
  margin-top: 20px;
  display: none;
}
@media (min-width: 960px) {
  .main-footer_menu {
    margin-top: 120px;
    display: block;
  }
}

.footer-menu a {
  color: var(--VBC-White-VBC-White);
  text-transform: uppercase;
  padding-right: 34px;
}
.footer-menu a:hover {
  color: var(--VBC-White-VBC-White-60);
}
.footer-submenu {
  margin: 14px 0 28px 0;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.footer-submenu a {
  color: var(--VBC-White-VBC-White-60);
  text-transform: uppercase;
  padding-right: 34px;
}
.footer-submenu a:hover {
  color: var(--VBC-White-VBC-White);
}

.main-footer_legals {
  color: var(--VBC-White-VBC-White-60);
}
.main-footer_legals.lobo {
  font-weight: 700;
}
.main-footer_legals a {
  color: var(--VBC-White-VBC-White-60);
}
.main-footer_legals a:hover {
  color: var(--VBC-White-VBC-White);
}
.main-footer_legals p {
  margin: 0;
}

.main-partners {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), #1F1F1F;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), #1F1F1F;
  text-align: center;
  padding: 40px 32px 40px 32px;
}
@media (min-width: 960px) {
  .main-partners {
    padding: 70px 32px 80px 32px;
  }
}

.main-partners__title {
  color: var(--VBC-Black-VBC-Black-60);
  text-transform: uppercase;
}

.main-partners__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 48px;
  margin: 48px 0;
  display: block;
}
.main-partners__row a {
  padding: 5px;
  display: inline-block;
}
.main-partners__row svg, .main-partners__row img {
  width: auto;
  padding: 5px;
  vertical-align: middle;
  min-height: 30px;
}
.main-partners__row img {
  max-width: none;
  max-height: 90px;
}
@media (min-width: 960px) {
  .main-partners__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-partners__row a {
    padding: 0px;
  }
  .main-partners__row svg {
    width: auto;
    padding: 0;
  }
}
.main-partners__row:last-of-type {
  gap: 40px;
}

.button, .museo-content__lang > a, .button--subscribe, .button-s--white, .button-s--transparent, .button-s--grey, .button-s, .button-m--refresh, .button-m--white, .button-m--transparent, .button-m, .featured-block .featured-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  gap: 8px;
}

.button-m, .featured-block .featured-button {
  padding: 17px 32px 14px 32px;
  border-radius: 16px;
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
}
.button-m:hover, .featured-block .featured-button:hover {
  background: var(--VBC-Orange-VBC-Orange-Dark);
}

.button-m--transparent {
  padding: 19px 32px 16px 32px;
  border-radius: 16px;
  background: transparent;
  border: 1px solid var(--VBC-White-VBC-White-40);
  color: var(--VBC-White-VBC-White-40);
}
.button-m--transparent:hover {
  background: #2d2d2d;
}

.button-m--white {
  padding: 19px 32px 16px 32px;
  border-radius: 16px;
  background: var(--VBC-White-VBC-White-20);
  color: var(--VBC-White-VBC-White-80);
}
.button-m--white:hover {
  background: var(--VBC-White-VBC-White-40);
}

.button-m--refresh {
  padding: 9px 36px 8px 16px;
  border-radius: 16px;
  background: url("/svg/ico-refresh.svg") no-repeat 95% center transparent;
  color: var(--VBC-White-VBC-White-40);
  border-radius: 8px;
  border: 1px solid var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
.button-m--refresh:hover {
  background: url("/svg/ico-refresh.svg") no-repeat 95% center var(--VBC-White-VBC-White-20);
  border: 1px solid var(--VBC-White-VBC-White-20);
  color: var(--VBC-White-VBC-White-60);
}

.button-s {
  padding: 11px 16px 8px 16px;
  border-radius: 8px;
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
}
.button-s:hover {
  background: var(--VBC-Orange-VBC-Orange-Dark);
}

.button-s--grey {
  padding: 11px 16px 8px 16px;
  border-radius: 8px;
  background: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  color: var(--VBC-White-VBC-White);
}
.button-s--grey:hover {
  background: var(--VBC-Orange-VBC-Orange-Dark);
}

.button-s--transparent {
  padding: 11px 16px 8px 16px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.2));
  color: var(--VBC-White-VBC-White-40);
}
.button-s--transparent:hover {
  background: #2d2d2d;
}

.button-s--white {
  padding: 10px 16px 8px 16px;
  border-radius: 8px;
  background: var(--VBC-White-VBC-White-20);
  color: var(--VBC-White-VBC-White-80);
}
.button-s--white:hover {
  background: var(--VBC-White-VBC-White-40);
}

.tag, .tag-s, .tag-s-transparent, .block-separator__inner a, .tag-s-grey, .html-content .text-button, .fr-view .text-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto", serif;
  text-align: center;
  font-style: normal;
  gap: 12px;
}

.tag-s, .tag-s-transparent, .block-separator__inner a, .tag-s-grey, .html-content .text-button, .fr-view .text-button {
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  border-radius: 4px;
  padding: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}

.tag-s-grey, .html-content .text-button, .fr-view .text-button {
  color: var(--VBC-White-VBC-White, #FFF);
  background: var(--VBC-White-VBC-White-20);
}

.tag-s-transparent, .block-separator__inner a {
  background: transparent;
  border: 1px solid var(--VBC-White-VBC-White-40);
  color: var(--VBC-White-VBC-White-40);
}
.tag-s-transparent:hover, .block-separator__inner a:hover {
  background: var(--VBC-White-VBC-White-10);
}

a.tag:hover, a.tag-s:hover, a.tag-s-grey:hover, .html-content a.text-button:hover, .fr-view a.text-button:hover, a.tag-s-transparent:hover, .block-separator__inner a:hover {
  opacity: 0.8;
}

.button--subscribe {
  padding: 11px 56px 9px 16px;
  border-radius: 16px;
  background: url("/svg/ico-mail.svg") no-repeat 95% center var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
  border-radius: 8px;
  border: 1px solid var(--VBC-Orange-VBC-Orange);
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
.button--subscribe:hover {
  background: url("/svg/ico-mail.svg") no-repeat 95% center var(--VBC-Orange-VBC-Orange-Dark);
  border: 1px solid var(--VBC-Orange-VBC-Orange-Dark);
  color: var(--VBC-White-VBC-White);
}
.button--subscribe {
  width: 93%;
}
@media (min-width: 960px) {
  .button--subscribe {
    width: auto;
  }
}

.ranking-list {
  padding-top: 40px;
  padding-bottom: 80px;
}

.ranking-list__title {
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  font-family: "scale-variable", sans-serif;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  line-height: 100%; /* 19.2px */
  margin-bottom: 25px;
  font-variation-settings: "wdth" 75, "wght" 700;
  position: relative;
}
.ranking-list__title img {
  position: absolute;
  top: -1px;
  right: 5px;
}

.ranking-list__inner {
  border-radius: 8px;
  overflow: hidden;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  color: var(--VBC-White-VBC-White-40, rgba(255, 255, 255, 0.4));
  font-family: "scale-variable", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 110%; /* 15.4px */
  letter-spacing: 0.14px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.ranking-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  padding: 18px 24px;
  font-weight: 500;
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
}

.ranking-list__header__position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

.ranking-list__header__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

.ranking-list__header__data__p {
  padding: 0 5px;
}

.ranking-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  padding: 10px 15px;
  font-weight: 500;
  position: relative;
}
.ranking-list__item.featured {
  border-bottom: 1px solid var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  background: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  color: var(--VBC-White-VBC-White);
}
.ranking-list__item.competition-2 .ranking-list__item__team {
  padding-left: 15px;
}
.ranking-list__item.competition-2 .ranking-list__item__team:before {
  content: "";
  text-align: center;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  bottom: 15px;
  left: 0;
}
.ranking-list__item.competition-2:nth-last-child(-n+2) .ranking-list__item__team:before {
  background: #C42240;
}
.ranking-list__item.competition-2.position-1 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-2 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-3 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-4 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-5 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-6 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-7 .ranking-list__item__team:before, .ranking-list__item.competition-2.position-8 .ranking-list__item__team:before {
  background: #169BD8;
}
.ranking-list__item:last-child {
  border-bottom: none;
}
@media (min-width: 960px) {
  .ranking-list__item {
    padding: 10px 24px;
  }
}

.ranking-list__item__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

.ranking-list__item__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

.ranking-list__item__data__p {
  padding: 0 5px;
}

.ranking-list__item__team__position {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  width: 30px;
  text-align: center;
}
@media (min-width: 960px) {
  .ranking-list__item__team__position {
    width: 45px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.ranking-list__item__team__badge {
  width: 45px;
  text-align: center;
}
.ranking-list__item__team__badge img {
  height: 30px;
}

.ranking-list__item__team__name {
  padding: 0 15px 0 10px;
  font-variation-settings: "wdth" 75, "wght" 500;
  font-size: 14px;
  font-size: 0.875rem;
}

.ranking-list__more {
  margin-top: -20px;
  margin-bottom: 80px;
}

.ranking-list--effort .ranking-list__item {
  padding: 10px 24px 0 24px;
  font-size: 14px;
  font-size: 0.875rem;
}
.ranking-list--effort .ranking-list__item.position-0 {
  background: var(--VBC-Orange-VBC-Orange);
  color: var(--VBC-White-VBC-White);
}
.ranking-list--effort .ranking-list__item__team__position {
  line-height: 0;
  width: 55px;
  margin-right: 10px;
}
@media (min-width: 960px) {
  .ranking-list--effort .ranking-list__item__team__position {
    margin-right: 20px;
  }
}
.ranking-list--effort .ranking-list__item__team__name {
  padding: 0 15px 5px 10px;
  line-height: 1.2;
}
.ranking-list--effort .ranking-list__item__data {
  padding: 0 10px 5px 0;
}

.result-list {
  padding-top: 32px;
  padding-bottom: 60px;
}
@media (min-width: 960px) {
  .result-list {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

.result-list__title {
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  font-family: "scale-variable", sans-serif;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  line-height: 100%; /* 19.2px */
  margin-bottom: 25px;
  font-variation-settings: "wdth" 75, "wght" 700;
}

.result-list__group {
  margin-bottom: 60px;
}

.result-list__group__title {
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  font-family: "scale-variable", sans-serif;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  line-height: 100%; /* 19.2px */
  margin-bottom: 25px;
  text-align: center;
  font-variation-settings: "wdth" 75, "wght" 700;
}

.result-list__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  padding-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  margin: 0 auto 15px auto;
}
.result-list__filters::-webkit-scrollbar {
  height: 8px;
}
.result-list__filters::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.result-list__filters::-webkit-scrollbar-track {
  background-color: transparent;
}
@media (min-width: 960px) {
  .result-list__filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 90%;
    margin: 0 auto 30px auto;
    gap: 16px;
  }
}

.result-list__filters__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px 16px;
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
@media (min-width: 960px) {
  .result-list__filters__item {
    width: 25%;
  }
}

.result-list__filters__reset {
  /*
  @include font-size(12);
  color:var(--VBC-Black-VBC-Black-60);
  &:hover{
      color:var(--VBC-Black-VBC-Black-20);
  }
  */
  margin-top: 15px;
  display: block;
  width: 93%;
}
@media (min-width: 960px) {
  .result-list__filters__reset {
    margin-top: 0;
    display: inline-block;
    width: auto;
  }
}

select.custom-select {
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  font-family: "scale-variable", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.36px;
  text-transform: uppercase;
  background-color: transparent;
  color: var(--VBC-Orange-VBC-Orange);
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange);
  padding: 8px 32px 8px 0px;
}

.select-wrapper {
  background: url("/svg/flecha-bottom-orange.svg") no-repeat right center;
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-filter {
  text-transform: uppercase;
  position: relative;
  background-color: transparent;
  background-image: url("/svg/flecha-bottom-orange.svg");
  background-repeat: no-repeat;
  background-position: right center;
  color: var(--VBC-Orange-VBC-Orange);
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange);
  padding: 8px 32px 8px 0px;
}
.dropdown-filter.open {
  color: var(--VBC-Orange-VBC-Orange-Dark);
  border-bottom: 1px solid var(--VBC-Orange-VBC-Orange-Dark);
  background-image: url("/svg/flecha-top-orange.svg");
}

.dropdown-selected {
  cursor: pointer;
}

.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  z-index: 100;
  list-style: none;
  margin: 0;
  background: #363636;
  border-radius: 8px;
  color: var(--VBC-White-VBC-White, #FFF);
  padding: 0;
  margin-top: 15px;
  overflow: hidden;
  border: 1px solid #4b4b4b;
}

.dropdown-list li {
  padding: 12px;
  cursor: pointer;
}
.dropdown-list li:first-of-type {
  padding-top: 15px;
}
.dropdown-list li:last-of-type {
  padding-bottom: 15px;
}

.dropdown-list li:hover,
.dropdown-list li.active {
  background: #5e5e5e;
}

.dropdown-filter.open .dropdown-list {
  display: block;
}

.subscribe-wrapper {
  margin-bottom: 64px;
}

.player-list {
  max-width: 100%;
  margin: 0 auto;
  padding: 15px 15px 32px 15px;
}
@media (min-width: 960px) {
  .player-list {
    padding: 50px 32px;
  }
}

.player-list__bypositions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 960px) {
  .player-list__bypositions {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1376px) {
  .player-list__bypositions {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}

.card-player {
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.card-player:hover {
  background: none;
}
@media (min-width: 960px) {
  .card-player:hover {
    background: rgb(204, 58, 0);
  }
}
.card-player.entrenador .card-player__name_wrapper, .card-player.entrenador-ayudante .card-player__name_wrapper, .card-player.preparador-fisico .card-player__name_wrapper, .card-player.delegado .card-player__name_wrapper, .card-player.medico .card-player__name_wrapper, .card-player.fisio .card-player__name_wrapper, .card-player.utillero .card-player__name_wrapper {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.49%, rgba(53, 53, 53, 0)), color-stop(66.79%, #353535));
  background: linear-gradient(180deg, rgba(53, 53, 53, 0) 2.49%, #353535 66.79%);
}
.card-player.entrenador .card-player__position, .card-player.entrenador-ayudante .card-player__position, .card-player.preparador-fisico .card-player__position, .card-player.delegado .card-player__position, .card-player.medico .card-player__position, .card-player.fisio .card-player__position, .card-player.utillero .card-player__position {
  color: var(--VBC-White-VBC-White-40);
}
.card-player.entrenador:hover, .card-player.entrenador-ayudante:hover, .card-player.preparador-fisico:hover, .card-player.delegado:hover, .card-player.medico:hover, .card-player.fisio:hover, .card-player.utillero:hover {
  background: #353535;
}
@media (min-width: 960px) {
  .card-player {
    margin: 8px;
  }
}

.card-player__inner {
  position: relative;
  padding: 10px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 960px) {
  .card-player__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card-player__photo {
  position: relative;
  width: 30%;
  z-index: 1;
}
@media (min-width: 960px) {
  .card-player__photo {
    width: auto;
    z-index: 0;
  }
}

.card-player__name_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  margin: 0;
  padding: 20px 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 0;
  background: rgba(204, 58, 0, 0.3);
  border-radius: 8px;
}
.card-player__name_wrapper div {
  width: 60%;
}
@media (min-width: 960px) {
  .card-player__name_wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 58, 0, 0)), to(rgb(204, 58, 0)));
    background: linear-gradient(180deg, rgba(204, 58, 0, 0) 0%, rgb(204, 58, 0) 100%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0;
    border-radius: 0;
  }
  .card-player__name_wrapper div {
    width: auto;
  }
}

.card-player__name {
  font-variation-settings: "wdth" 75, "wght" 400;
  color: var(--VBC-White-VBC-White, #FFF);
  text-align: center;
  display: block;
}
@media (min-width: 960px) {
  .card-player__name {
    font-size: 1.6666666667vw;
    display: inline-block;
  }
}

.card-player__surname {
  color: var(--VBC-White-VBC-White, #FFF);
  text-align: center;
}
@media (min-width: 960px) {
  .card-player__surname {
    font-size: 1.6666666667vw;
  }
}

.card-player__number {
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  text-align: center;
}
@media (min-width: 960px) {
  .card-player__number {
    font-size: 1.6666666667vw;
  }
}

.card-player__position {
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  text-transform: uppercase;
  margin: 0;
}

.card-player--block {
  margin: 30px 0;
  border-radius: 0;
}
.card-player--block .card-player__inner {
  line-height: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-player--block .card-player__photo {
  width: auto;
}
.card-player--block .card-player__name {
  display: inline-block;
}
.card-player--block .card-player__name_wrapper {
  background: var(--VBC-Orange-VBC-Orange-Dark, #CC3A00);
  padding: 0;
  height: 80%;
  border-radius: 0;
}
.card-player--block .card-player__name_wrapper > div {
  position: relative;
  z-index: 9;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 58, 0, 0)), to(rgb(204, 58, 0)));
  background: linear-gradient(180deg, rgba(204, 58, 0, 0) 0%, rgb(204, 58, 0) 100%);
  width: 100%;
  padding: 130px 0 30px 0;
}
.card-player--block:hover .card-player__name_wrapper {
  background: var(--VBC-Orange-VBC-Orange, #FF6C0E);
}
.card-player--block:hover .card-player__name_wrapper > div {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.49%, rgba(204, 58, 0, 0)), color-stop(66.79%, #FF6C0E));
  background: linear-gradient(180deg, rgba(204, 58, 0, 0) 2.49%, #FF6C0E 66.79%);
}
.card-player--block:hover .card-player__position, .card-player--block:hover .card-player__number {
  color: var(--VBC-Orange-VBC-Orange-Dark);
}
.card-player--block .card-player__photo {
  position: relative;
  z-index: 1;
}
.card-player--block:hover {
  background: transparent;
}
.card-player--block.entrenador .card-player__name_wrapper, .card-player--block.entrenador-ayudante .card-player__name_wrapper, .card-player--block.preparador-fisico .card-player__name_wrapper, .card-player--block.delegado .card-player__name_wrapper, .card-player--block.medico .card-player__name_wrapper, .card-player--block.fisio .card-player__name_wrapper, .card-player--block.utillero .card-player__name_wrapper {
  background: #353535;
  padding: 0;
  height: 80%;
  border-radius: 0;
}
.card-player--block.entrenador .card-player__name_wrapper > div, .card-player--block.entrenador-ayudante .card-player__name_wrapper > div, .card-player--block.preparador-fisico .card-player__name_wrapper > div, .card-player--block.delegado .card-player__name_wrapper > div, .card-player--block.medico .card-player__name_wrapper > div, .card-player--block.fisio .card-player__name_wrapper > div, .card-player--block.utillero .card-player__name_wrapper > div {
  position: relative;
  z-index: 9;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 58, 0, 0)), to(rgb(204, 58, 0)));
  background: linear-gradient(180deg, rgba(204, 58, 0, 0) 0%, rgb(204, 58, 0) 100%);
  width: 100%;
  padding: 130px 0 30px 0;
}
.card-player--block.entrenador:hover .card-player__name_wrapper, .card-player--block.entrenador-ayudante:hover .card-player__name_wrapper, .card-player--block.preparador-fisico:hover .card-player__name_wrapper, .card-player--block.delegado:hover .card-player__name_wrapper, .card-player--block.medico:hover .card-player__name_wrapper, .card-player--block.fisio:hover .card-player__name_wrapper, .card-player--block.utillero:hover .card-player__name_wrapper {
  background: #494949;
  padding: 0;
  height: 80%;
  border-radius: 0;
}
.card-player--block.entrenador:hover .card-player__name_wrapper > div, .card-player--block.entrenador-ayudante:hover .card-player__name_wrapper > div, .card-player--block.preparador-fisico:hover .card-player__name_wrapper > div, .card-player--block.delegado:hover .card-player__name_wrapper > div, .card-player--block.medico:hover .card-player__name_wrapper > div, .card-player--block.fisio:hover .card-player__name_wrapper > div, .card-player--block.utillero:hover .card-player__name_wrapper > div {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.49%, rgba(53, 53, 53, 0)), color-stop(66.79%, #353535));
  background: linear-gradient(180deg, rgba(53, 53, 53, 0) 2.49%, #353535 66.79%);
}
.card-player--block.entrenador:hover .card-player__position, .card-player--block.entrenador:hover .card-player__number, .card-player--block.entrenador-ayudante:hover .card-player__position, .card-player--block.entrenador-ayudante:hover .card-player__number, .card-player--block.preparador-fisico:hover .card-player__position, .card-player--block.preparador-fisico:hover .card-player__number, .card-player--block.delegado:hover .card-player__position, .card-player--block.delegado:hover .card-player__number, .card-player--block.medico:hover .card-player__position, .card-player--block.medico:hover .card-player__number, .card-player--block.fisio:hover .card-player__position, .card-player--block.fisio:hover .card-player__number, .card-player--block.utillero:hover .card-player__position, .card-player--block.utillero:hover .card-player__number {
  color: var(--VBC-Orange-VBC-Orange-Dark);
}
.card-player--block.entrenador .card-player__name_wrapper div, .card-player--block.entrenador-ayudante .card-player__name_wrapper div, .card-player--block.preparador-fisico .card-player__name_wrapper div, .card-player--block.delegado .card-player__name_wrapper div, .card-player--block.medico .card-player__name_wrapper div, .card-player--block.fisio .card-player__name_wrapper div, .card-player--block.utillero .card-player__name_wrapper div {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.49%, rgba(53, 53, 53, 0)), color-stop(66.79%, #353535));
  background: linear-gradient(180deg, rgba(53, 53, 53, 0) 2.49%, #353535 66.79%);
}
.card-player--block.entrenador .card-player__position, .card-player--block.entrenador-ayudante .card-player__position, .card-player--block.preparador-fisico .card-player__position, .card-player--block.delegado .card-player__position, .card-player--block.medico .card-player__position, .card-player--block.fisio .card-player__position, .card-player--block.utillero .card-player__position {
  color: var(--VBC-White-VBC-White-40);
}
.card-player--block.entrenador:hover, .card-player--block.entrenador-ayudante:hover, .card-player--block.preparador-fisico:hover, .card-player--block.delegado:hover, .card-player--block.medico:hover, .card-player--block.fisio:hover, .card-player--block.utillero:hover {
  background: transparent;
}

.player-header {
  position: relative;
}

.player-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding: 40px 0 0 0;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  min-height: none;
}
@media (min-width: 960px) {
  .player-header__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 40px 0 0 0;
    min-height: 89vh;
  }
}

.player-header__image {
  text-align: center;
  line-height: 0;
  padding: 0 20px;
}
@media (min-width: 960px) {
  .player-header__image {
    padding: 0;
  }
}

.player-header__personal {
  text-align: center;
  position: relative;
  height: auto;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
  padding: 135px 20px 30px 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.49%, rgba(31, 31, 31, 0)), color-stop(78.04%, rgba(31, 31, 31, 0.9)));
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 2.49%, rgba(31, 31, 31, 0.9) 78.04%);
}
@media (min-width: 960px) {
  .player-header__personal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60vh;
    width: auto;
    background: none;
    position: relative;
    width: auto;
    bottom: 0;
    top: -24vh;
    padding: 0;
  }
}

.player-header__name {
  color: var(--VBC-White-VBC-White, #FFF);
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 44px;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin: 15px;
  display: inline;
}
@media (min-width: 960px) {
  .player-header__name {
    font-size: 64px;
    font-size: 4rem;
    display: block;
  }
}

.player-header__surname {
  color: var(--VBC-White-VBC-White, #FFF);
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 44px;
  font-size: 2.75rem;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  font-variation-settings: "wdth" 75, "wght" 700;
}
@media (min-width: 960px) {
  .player-header__surname {
    font-size: 64px;
    font-size: 4rem;
  }
}

.player-header__position {
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.player-header__dorsal {
  color: var(--VBC-Orange-VBC-Orange);
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  font-variation-settings: "wdth" 75, "wght" 700;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: inline;
}
@media (min-width: 960px) {
  .player-header__dorsal {
    color: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
    top: 55%;
    font-size: 390px;
    font-size: 24.375rem;
    display: block;
    position: absolute;
    top: 57%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.player-header__data {
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 20px 10px 20px;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 960px) {
  .player-header__data {
    position: absolute;
    padding: 0 30px;
  }
}

.player-header__data__inner {
  display: block;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 960px) {
  .player-header__data__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    padding: 30px;
  }
}

.player-header__data__row {
  text-align: center;
  padding: 0 25px;
}
.player-header__data__row .button-s--grey {
  min-width: 60%;
  margin-bottom: 7px;
}
@media (min-width: 960px) {
  .player-header__data__row .button-s--grey {
    min-width: 120px;
  }
}

.player-header__data__title {
  color: var(--VBC-White-VBC-White-20, rgba(255, 255, 255, 0.2));
  text-align: left;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .player-header__data__title {
    text-align: center;
  }
}

.player-header__data__data {
  color: var(--VBC-White-VBC-White, #FFF);
  text-align: left;
  margin: 0;
}
@media (min-width: 960px) {
  .player-header__data__data {
    text-align: center;
  }
}

.player-body {
  max-width: none;
  padding: 20px 30px;
  margin: 0 auto;
  color: #FFF;
}
.player-body p {
  color: var(--VBC-White-VBC-White, #FFF);
  font-family: "Roboto", serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.16px;
}
@media (min-width: 960px) {
  .player-body {
    max-width: 830px;
    padding: 70px 0;
  }
}

.player-footer {
  padding: 0 0 40px 0;
}
@media (min-width: 960px) {
  .player-footer {
    padding: 0 0 150px 0;
  }
}

.card-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 10px;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
  margin-bottom: 10px;
}
@media (min-width: 960px) {
  .card-game {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 23px;
  }
}
.card-game.card-game--norival {
  background: var(--VBC-Black-VBC-Black-80);
  border: 2px solid var(--VBC-White-VBC-White-10);
}

.card-game__competition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 14px;
}
@media (min-width: 960px) {
  .card-game__competition {
    width: 20%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
  }
}

.card-game__competition__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
}
@media (min-width: 960px) {
  .card-game__competition__logo {
    display: block;
    width: auto;
  }
}

.card-game__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-variation-settings: "wdth" 75, "wght" 500;
  width: 100%;
}
.card-game__date div {
  margin-right: 10px;
}
@media (min-width: 960px) {
  .card-game__date {
    display: block;
  }
  .card-game__date div {
    margin-right: 0px;
  }
}

.card-game__parent {
  color: var(--VBC-Orange-VBC-Orange);
  text-transform: uppercase;
  text-align: left;
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0 !important;
}
.card-game__parent::before {
  content: " ";
  width: 6px;
  height: 6px;
  background: var(--VBC-Orange-VBC-Orange);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 960px) {
  .card-game__parent {
    margin-left: 10px;
    margin-top: 3px;
  }
}

.card-game__date__date {
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin: 2px 0;
}
.card-game__date__nodate {
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin: 2px 0;
}
.card-game__date__location {
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin: 2px 0;
}
.card-game__date__competicion__name {
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
  font-family: "Roboto", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (min-width: 960px) {
  .card-game__date__competicion__name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card-game__teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (min-width: 960px) {
  .card-game__teams {
    width: 60%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.card-game__teams__time-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 12%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-game__teams__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
}
@media (min-width: 960px) {
  .card-game__teams__team {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.card-game__teams__team--left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 960px) {
  .card-game__teams__team--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.card-game__teams__team--right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 960px) {
  .card-game__teams__team--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.card-game__teams__name {
  color: var(--VBC-White-VBC-White, #FFF);
  font-variation-settings: "wdth" 75, "wght" 400;
  text-align: right;
  font-family: "scale-variable", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  width: 85%;
}
.card-game__teams__name--left {
  text-align: center;
  margin-right: 6px;
}
@media (min-width: 960px) {
  .card-game__teams__name--left {
    text-align: right;
  }
}
.card-game__teams__name--right {
  text-align: center;
  margin-left: 6px;
}
@media (min-width: 960px) {
  .card-game__teams__name--right {
    text-align: left;
  }
}
.card-game__teams__name.bold {
  font-variation-settings: "wdth" 75, "wght" 700;
}
@media (min-width: 960px) {
  .card-game__teams__name {
    width: 100%;
  }
}

.card-game__teams__logo {
  margin: 0;
}
.card-game__teams__logo img {
  height: 35px;
  max-width: none;
}
@media (min-width: 960px) {
  .card-game__teams__logo {
    margin: 0 15px;
  }
  .card-game__teams__logo img {
    height: 48px;
    max-width: none;
  }
}

.card-game__teams__time {
  color: var(--VBC-Black-VBC-Black-40, #B9B9B9);
}
.card-game__teams__time span {
  color: var(--vcf-black-vcf-black-40);
  padding: 0;
}
@media (min-width: 960px) {
  .card-game__teams__time {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.card-game__teams__time--result {
  font-size: 28px;
  font-size: 1.75rem;
}
@media (min-width: 960px) {
  .card-game__teams__time--result {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.card-game__teams__day {
  text-transform: uppercase;
  color: var(--VBC-Orange-VBC-Orange);
}
@media (min-width: 960px) {
  .card-game__teams__day {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.card-game__links {
  text-align: center;
  width: 90%;
  margin-top: 10px;
}
.card-game__links p {
  margin: 0;
}
@media (min-width: 960px) {
  .card-game__links {
    text-align: right;
    width: 21%;
    margin-top: 0px;
  }
}

.card-game__links__playing {
  text-transform: uppercase;
  font-family: "scale-variable", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--vcf-black-vcf-black-40);
  margin-right: 15px;
}

.card-game__notes {
  color: var(--VBC-White-VBC-White-40);
  font-size: 12px;
  font-size: 0.75rem;
}

.card-box-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  position: relative;
  min-height: 205px !important;
  padding: 25px 15px 20px 16px;
  border-radius: 4px;
  background: var(--VBC-White-VBC-White-10, rgba(255, 255, 255, 0.1));
}

.card-box-game__circlel {
  display: none;
  position: absolute;
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
}

.card-box-game__circler {
  display: none;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
}

.card-box-game__inner {
  width: 100%;
}

.card-box-game__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.card-box-game__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 15px;
  text-align: center;
}

.card-box-game__local {
  width: 37%;
}

.card-box-game__date {
  width: 31%;
  padding-top: 25px;
}

.card-box-game__visitor {
  width: 37%;
}

.card-box-game__competition {
  color: var(--VBC-White-VBC-White, #FFF);
  text-transform: uppercase;
}

.card-box-game__stadium {
  color: var(--VBC-Black-VBC-Black-60, #7B7B7B);
  text-transform: uppercase;
}

.card-box-game__parent {
  color: var(--VBC-Orange-VBC-Orange);
  text-transform: uppercase;
  text-align: right;
  position: relative;
  float: right;
}
.card-box-game__parent::before {
  content: " ";
  width: 6px;
  height: 6px;
  background: var(--VBC-Orange-VBC-Orange);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.card-box-game__logo {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card-box-game__logo img {
  width: 36px;
}

.card-box-game__team {
  color: var(--VBC-White-VBC-White, #FFF);
  font-variation-settings: "wdth" 75, "wght" 400;
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: normal;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.card-box-game__team .card-game__notes {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  margin-top: 5px;
}
.card-box-game__team--local {
  color: var(--VBC-White-VBC-White, #FFF);
  font-variation-settings: "wdth" 75, "wght" 700;
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  line-height: 16px; /* 114.286% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.card-box-game__day {
  color: var(--VBC-Orange-VBC-Orange, #FF6C0E);
  font-variation-settings: "wdth" 75, "wght" 700;
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: normal;
  line-height: 110%; /* 19.8px */
  text-transform: uppercase;
}

.card-box-game__time {
  color: var(--VBC-Black-VBC-Black-60);
  font-variation-settings: "wdth" 75, "wght" 700;
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: normal;
  line-height: 110%; /* 19.8px */
}

.card-box-game__links {
  margin-top: 15px;
  text-align: center;
}

.card-box-game.card-box-game--norival {
  background: rgba(255, 108, 14, 0.1);
}
.card-box-game.card-box-game--norival .card-box-game__content {
  margin-top: 30px;
}
.card-box-game.card-box-game--norival .card-box-game__day.vs {
  font-size: 33px;
  font-size: 2.0625rem;
}

.card-game-html.square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  position: relative;
  min-height: 205px;
  background: #4d4a4a;
}
.card-game-html.square .card-game__date {
  margin-left: 0;
}
.card-game-html.square .card-game__competition {
  width: 100%;
}
.card-game-html.square .card-game__teams {
  width: 100%;
}

.card-game-3x3 {
  margin-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.card-game-3x3 .card-box-game__parent {
  margin-left: 8px;
  margin-top: 2px;
}
.card-game-3x3.square {
  min-height: 205px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.card-game-3x3.square .card-game__logo {
  display: none;
}
.card-game-3x3.square .card-game__left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-game-3x3.square .card-box-game__left__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.card-game-3x3.square .card-box-game__parent {
  margin: 0;
}
.card-game-3x3.square .card-game__center {
  margin: 0px auto;
  width: 80%;
  padding-left: 20px;
  text-align: left;
}
@media (min-width: 960px) {
  .card-game-3x3.square .card-game__center {
    margin: 20px auto;
  }
}
.card-game-3x3.square .card-game__left, .card-game-3x3.square .card-game__links {
  width: 100%;
  text-align: center;
}
.card-game-3x3.square .card-game__center__logo {
  display: block;
  float: left;
  margin-right: 15px;
  max-width: 65px;
}
.card-game-3x3.square .card-game-3x3__date, .card-game-3x3.square .card-game-3x3__location {
  text-align: left;
}
.card-game-3x3.square .card-game-3x3__date {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 10px;
}
.card-game-3x3 .card-game__left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30%;
}
@media (min-width: 960px) {
  .card-game-3x3 .card-game__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 20%;
  }
}
.card-game-3x3 .card-box-game__parent {
  text-align: left;
  margin-left: 16px;
}
@media (min-width: 960px) {
  .card-game-3x3 .card-box-game__parent {
    text-align: right;
    margin-left: 8px;
  }
}
.card-game-3x3 .card-box-game__competition {
  text-align: center;
}
@media (min-width: 960px) {
  .card-game-3x3 .card-box-game__competition {
    text-align: left;
  }
}
.card-game-3x3 .card-game__logo {
  padding-right: 0;
}
@media (min-width: 960px) {
  .card-game-3x3 .card-game__logo {
    padding-right: 15px;
  }
}
.card-game-3x3 .card-game__links {
  width: 35%;
}
.card-game-3x3 .card-game__links .button-s {
  padding: 10px 5px;
  font-size: 10px;
  font-size: 0.625rem;
}
@media (min-width: 960px) {
  .card-game-3x3 .card-game__links .button-s {
    padding: 11px 16px 8px 16px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 960px) {
  .card-game-3x3 .card-game__links {
    width: 21%;
  }
}
@media (min-width: 960px) {
  .card-game-3x3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.card-game__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
}

.card-game__logo {
  padding-right: 15px;
}

.card-game__center__logo {
  display: none;
}

.card-game-3x3__date {
  color: var(--VBC-Orange-VBC-Orange);
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 19.8px */
  font-variation-settings: "wdth" 75, "wght" 700;
  text-transform: uppercase;
}

.card-game-3x3__location {
  color: var(--VBC-White-VBC-White);
  text-align: center;
  font-family: "scale-variable", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 19.8px */
  font-variation-settings: "wdth" 75, "wght" 700;
  text-transform: uppercase;
}

.tabs--container .tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.tabs--container .tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  min-width: 40px; /* Sin esto no es clicable en la intranet */
}
.tabs--container .tabs li a {
  display: inline-block;
  padding: 10px 15px;
}
.tabs--container .tabs li .fr-box {
  padding: 10px 15px;
}
.tabs--container .tabs li.current {
  color: #222;
  background: #ccc;
}
.tabs--container .tabs li p {
  margin: 0;
}
.tabs--container .tab-content {
  display: none;
  padding: 15px;
  background: #ccc;
}
.tabs--container .tab-content.current {
  display: inherit;
}
.tabs--container .tabs-vertical li {
  display: block;
}

/*.orejeras0{
  width: 100%;
  max-width:$max-width;
  margin:0 auto;
}
*/
.orejeras1 {
  position: fixed;
  top: 80px;
  right: 50%;
  margin-right: 605px;
}

.orejeras2 {
  position: fixed;
  top: 80px;
  left: 50%;
  margin-left: 605px;
}

.banner {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 960px) {
  .banner {
    margin-bottom: 25px;
  }
}
.banner img {
  width: 100%;
}

.banner--interstitial {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 1;
  background-color: #ffffff;
  display: none;
}

.banner--interstitial .banner {
  margin: 30px auto;
  max-width: 960px;
}

.banner--interstitial__header {
  height: 80px;
  background: #407BB5 url(/images/logo.png) no-repeat 50px 18px;
  padding: 30px 50px;
  text-align: right;
  color: #ffffff;
  text-transform: uppercase;
  font: bold 12px Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.banner--megabanner {
  display: none;
  text-align: center;
  padding: 10px;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}

.banner--megabanner .banner {
  margin-bottom: 0;
}

.banner--megabanner .banner a {
  display: block;
  line-height: 0;
}

.banner--megabanner img {
  /*width:auto;*/
  line-height: 0;
}

@media only screen and (max-width: 480px) {
  .hideMobile {
    display: none;
  }
}
.museoList-content {
  padding: 32px 15px;
}
@media (min-width: 960px) {
  .museoList-content {
    padding: 32px 0;
  }
}
.museoList-content .grid-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
  * Page Museo
*/
.museo__image {
  margin: 0 auto;
  position: relative;
  margin-top: 46px;
}
@media (min-width: 960px) {
  .museo__image {
    margin-top: 26px;
  }
}
.museo__image {
  max-width: 1210px;
  padding: 0 20px;
}
.museo__image img {
  border-radius: 16px;
}

.museo-content {
  max-width: 856px;
  margin: 30px auto 60px auto;
}
@media (min-width: 960px) {
  .museo-content {
    margin: 80px auto 60px auto;
  }
}
.museo-content {
  padding: 0 25px;
  position: relative;
}

.museo-content__title {
  color: var(--VBC-White-VBC-White);
}

.museo-content__description {
  color: var(--VBC-White-VBC-White, #FFF);
}
.museo-content__description p {
  margin: 1em 0;
}

/*
  * Audio Player
*/
.audio-player {
  max-width: 100%;
  padding: 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1019607843);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin: 20px 0 30px 0;
}
@media (min-width: 960px) {
  .audio-player {
    margin: 40px 0;
  }
}
.audio-player .play-btn {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-size: 18px;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease, -webkit-transform 0.2s ease;
}
.audio-player .play-btn:hover {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  background: #f2f2f2;
}
.audio-player .progress-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.audio-player input[type=range] {
  width: 100%;
  accent-color: var(--VBC-Orange-VBC-Orange);
  cursor: pointer;
}
.audio-player .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 6px;
  font-size: 12px;
  color: #ffffff;
}
.audio-player {
  /*
    @media (max-width: 520px) {
        flex-direction: column;
        align-items: stretch;

      .play-btn {
        align-self: center;
      }

      .audio-info {
        text-align: center;
      }
    }
  */
}

.museo-content__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.museo-content__lang > a {
  padding: 19px 32px 16px 32px;
  border-radius: 16px;
  background: var(--VBC-White-VBC-White-20);
  color: var(--VBC-White-VBC-White-80);
}
.museo-content__lang > a:hover {
  background: var(--VBC-White-VBC-White-40);
}