/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

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

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__light.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__light.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__light.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__light.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__light.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__light.noty_type__error {
  background-color: #ED7000;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__light.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__light.noty_type__info .noty_buttons,
  .noty_theme__light.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__light.noty_type__success {
  background-color: #57C880;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__light.noty_type__success .noty_buttons {
    border-color: #50C24E; }

/*# sourceMappingURL=noty.css.map*//*********************/
/***   VIDEOS PAGE   ***/
/*********************/
div#academy-page {}
div#academy-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

div#academy-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#academy-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#academy-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

div#academy-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#academy-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	div#academy-page .page-content {
		padding: 0;
	}
	
	div#academy-page .page-content > div {
		padding: 10px;
	}
}


div#academy-page div.content {
	margin: 0 0 30px;
}

div#academy-page div.content div.logo img {
	display: block;
	width: 200px;	
}

div#academy-page div.events h2 {
	margin: 0 0 10px;
	color: var(--c3);
	font-size: 20px;	
}

div#academy-page div.events div.items div.date {
	font-weight: 600;
	font-size: 14px;
	margin: 0 0 10px;
}

div#academy-page div.events div.items .item {
	display: flex;
	margin: 0 0 40px;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 10px;
}

div#academy-page div.events div.items .item .image {
	flex-shrink: 0;
	display: bock;
	width: 200px;
}

div#academy-page div.events div.items .item .image img {
	display: block;
	max-width: 100%;
	border-radius: 10px;
}

div#academy-page div.events div.items .item .details {
	margin: 0 0 0 15px;
	padding: 10px 0;
}

div#academy-page div.events div.items .item .details .title {
	display: block;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 600
}

div#academy-page div.events div.items .item .details .time {
	margin: 0 0 5px 0;
}

div#academy-page div.events div.items .item .details .location {
	margin: 0 0 5px 0;
}

div#academy-page div.events div.items .item .details .description a {
	color: var(--c2);
}

div#academy-page div.events div.items .item .details .files a {
	display: block;
	margin: 0 0 5px 0;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media all and (max-width: 640px) {
	div#academy-page div.events div.items .item {
		display: block;		
	}
	
	div#academy-page div.events div.items .item .image {
		width: 100%;
	}
	
	div#academy-page div.events div.items .item .details {
		margin: 15px 0 0 0;
		padding: 0;
	}
}/*********************/
/***   ARTICLES PAGE   ***/
/*********************/
div#articles-page {}
div#articles-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

div#articles-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#articles-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#articles-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

div#articles-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#articles-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	div#articles-page .page-content {
		padding: 0;
	}
	
	div#articles-page .page-content > div {
		padding: 10px;
	}
}

/* Items Wrap */
div#articles-page div.items-wrap {
	display: block;
}

div#articles-page div.items-wrap div.item {
	display: block;
	margin: 0 0 20px;
}

div#articles-page div.items-wrap div.item a {
	position: relative;
	display: flex;	
	overflow: hidden;  
	box-sizing: border-box;  
    padding: 0;
    width: 100%;
    background: #fff;
    border: 1px solid var(--c5);
    border-radius: 10px;
    color: var(--c3);
}

div#articles-page div.items-wrap div.item a div.image {
	flex-shrink: 0;
	width: 40%;
	max-width: 300px;
}

div#articles-page div.items-wrap div.item a div.image > div {
	overflow: hidden;
}

div#articles-page div.items-wrap div.item a div.image img {
	transition: transform 3s;
	height: auto;
    display: block;
	width: 100%;
	height: auto;
}

div#articles-page div.items-wrap div.item a:hover div.image img {
	transform: scale(1.05);
}

div#articles-page div.items-wrap div.item a div.info {
	position: relative;
    padding: 20px 20px 24px 30px;
    width: 100%;
}

div#articles-page div.items-wrap div.item a div.info .title {
	margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--c3);
}

div#articles-page div.items-wrap div.item a div.info div.category {
	position: absolute;
    bottom: 0;
    left: 30px;
    padding: 0 0 5px;
    font-size: 12px;
    color: var(--c2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

div#articles-page div.items-wrap div.item a div.info div.date {
	position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 8px;
    background: var(--c1);
    font-size: 12px;
    color: #fff;
    border-radius: 10px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media all and (max-width: 900px) {
	div#articles-page div.items-wrap div.item a {
		padding: 10px;
	}
	
	div#articles-page div.items-wrap div.item a div.image > div {
		border-radius: 10px;
	}
	
	div#articles-page div.items-wrap div.item a div.info {
	    padding: 0 0 20px 20px;
	}
	
	div#articles-page div.items-wrap div.item a div.info div.category {
	    left: 20px;
	    padding: 0;
	}
	
	div#articles-page div.items-wrap div.item a div.info div.date {
	    padding: 0;
	    background: transparent;
	    color: var(--c1);
	}
}

@media all and (max-width: 600px) {
	div#articles-page div.items-wrap div.item a {
		display: block;
		padding: 10px 10px 20px;
	}
	
	div#articles-page div.items-wrap div.item a div.image {
		width: 100%;
		max-width: none;
	}
	
	div#articles-page div.items-wrap div.item a div.info {
		position: static;
	    padding: 20px 0 10px;
	}
	
	div#articles-page div.items-wrap div.item a div.info div.category {
	    left: 0;
	    padding: 0 10px 5px;
	}
	
	div#articles-page div.items-wrap div.item a div.info div.date {
	    padding: 0 10px 5px;
	}
}

/*** ARTICLE PAGE ***/
#article-page a {
	
}

#article-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

#article-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

#article-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

#article-page .page-header > div a {
	font-size: 16px;
	color: #fff;
}

#article-page .page-header > div a.back:before {
	content: '\2039';
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 130%;
    line-height: 1;
}

#article-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

#article-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 20px 15px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	#article-page .page-content {
		padding: 0;
	}
	
	#article-page .page-content > div {
		padding: 10px 5px;
	}
}

#article-page article {
	padding: 20px 0;
}

#article-page article h1 {
	margin: 0 0 20px;
	padding: 0 5px;
}

#article-page article h1 .category {
	padding: 5px 0 0;
    color: var(--c2);
    font-size: 14px;
    font-weight: 600;
}

#article-page article .image-wrap {
	margin: 0 0 20px;
	padding: 0 5px;
}

#article-page article .image-wrap img.img-md {
	display: none;
}

#article-page article .details-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 5px;
}

#article-page article .details-wrap .date {
	padding: 2px 8px;
    background: var(--c1);
    font-size: 14px;
    color: #fff;
    border-radius: 6px;
}

#article-page article .details-wrap .share {
	display: flex;
	align-items: center;
}

#article-page article .details-wrap .share .label {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--c1);
}

#article-page article .details-wrap .share a {
	margin: 0 0 0 10px;
	padding: 3px;
	width: 20px;
	height: 20px;
	background: var(--c2);
	border-radius: 6px;
}

#article-page article .details-wrap .share a span {
	display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: var(--filter-white);
}

#article-page article .details-wrap .share a.facebook span {
	background-image: url(../images/icons/social-networks/facebook.svg);
}

#article-page article .details-wrap .share a.whatsapp span {
	background-image: url(../images/icons/social-networks/whatsapp.svg);
}

#article-page article .details-wrap .share a.x span {
	background-image: url(../images/icons/social-networks/x.svg);
}

#article-page article .content {
	padding: 0 5px;
	font-size: 16px;
}

#article-page article .content a {
	color: var(--c2);
}

#article-page article .content a:hover {
	text-decoration: underline;
}

#article-page article .images-slider-wrap {
	margin: 20px 0 0 0;
	padding: 40px 0 0;
}

#article-page article .images-slider-wrap .slider > button.slick-arrow {
	position: absolute;
	top: -40px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

#article-page article .images-slider-wrap .slider > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
}

#article-page article .images-slider-wrap .slider > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

#article-page article .images-slider-wrap .slider > button.slick-prev {
	left: 20px;
}

#article-page article .images-slider-wrap .slider > button.slick-next {
	right: 20px;
}

#article-page article .images-slider-wrap .slider > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

#article-page article .images-slider-wrap .slider > button.slick-next:before {
	transform: rotateZ(90deg);
}

#article-page article .images-slider-wrap .slider .s-img {
	position: relative;
	display: block;
	margin: 0 5px;
	max-width: 565px;
	overflow: hidden;
}

#article-page article .images-slider-wrap .slider .s-img:before {
	content: '';
	display: block;
	padding-top: 100%;
}

#article-page article .images-slider-wrap .slider .s-img img {
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: block;
    width: 100%;
}

@media all and (max-width: 620px) {
	#article-page article .image-wrap img.img-md {
		display: block;
	}
	
	#article-page article .image-wrap img.img-lg {
		display: none;
	}
}/*********************/
/***   VIDEOS PAGE   ***/
/*********************/

div#diagnostic-page div.content .content-header {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
	min-height: 50vw;
	overflow: hidden;
}

div#diagnostic-page div.content .content-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
    z-index: 1;
}

div#diagnostic-page div.content .content-header .video-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

div#diagnostic-page div.content .content-header .video-wrap video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

div#diagnostic-page div.content .content-header .content-header-inner {
	position: relative;
	z-index: 1;
	padding: 20px;
    width: 100%;
}

div#diagnostic-page div.content .content-header .content-header-inner .logo-wrap {
	margin: 0 auto 10px;
    width: 60%;
    max-width: 500px;
}

div#diagnostic-page div.content .content-header .content-header-inner p {
	margin: 0 0 25px;
	font-size: 18px;	
	line-height: 1.2;
}

div#diagnostic-page div.content .content-header .header-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

div#diagnostic-page div.content .content-header .header-buttons a {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
	box-sizing: border-box;
    padding: 0.875rem 1.75rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    border: 2px solid transparent;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    min-width: 180px;
    justify-content: center;
}

div#diagnostic-page div.content .content-header .header-buttons a i {
    font-size: 1.15rem;
}

div#diagnostic-page div.content .content-header .header-buttons a.btn-primary {
    background: #e3114a;
    background: linear-gradient(135deg, #e3114a 0%, #c50d3f 100%);
}

div#diagnostic-page div.content .content-header .header-buttons a.btn-primary:hover {
    background: #ff1652;
    background: linear-gradient(135deg, #ff1652 0%, #e3114a 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(227, 17, 74, 0.6);
}

div#diagnostic-page div.content .content-header .header-buttons a.btn-secondary {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid #fff;
    backdrop-filter: blur(10px);
}

div#diagnostic-page div.content .content-header .header-buttons a.btn-secondary:hover {
    background: #fff;
    color: #e3114a;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);
}

div#diagnostic-page div.content .content-body {
	padding: 50px 10px;
	max-width: 1000px;
	margin: 0 auto;
	display: grid;
	gap: 1.25rem;
}

div#diagnostic-page div.content .content-body section {
	padding: 1.25rem 1.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

div#diagnostic-page div.content .content-body section:first-child {
	border-top: none;
}

div#diagnostic-page div.content .content-body h1,
div#diagnostic-page div.content .content-body h2,
div#diagnostic-page div.content .content-body h3 {
	margin: 0 0 0.75rem;
	line-height: 1.25;
	position: relative;
	padding-left: 0.75rem;
}

div#diagnostic-page div.content .content-body strong {
	color: var(--c1);
}

div#diagnostic-page div.content .content-body h1 { font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.2rem); }
div#diagnostic-page div.content .content-body h2 { font-size: clamp(1.25rem, 1rem + 1vw, 1.6rem); }
div#diagnostic-page div.content .content-body h3 { font-size: clamp(1.05rem, 0.96rem + 0.6vw, 1.25rem); }

div#diagnostic-page div.content .content-body h1::before,
div#diagnostic-page div.content .content-body h2::before,
div#diagnostic-page div.content .content-body h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	bottom: 0.2em;
	width: 4px;
	border-radius: 2px;
	background: linear-gradient(180deg, var(--c1), #e3114a);
}

div#diagnostic-page div.content .content-body p {
	margin: 0 0 0.75rem;
	color: #333;
}

div#diagnostic-page div.content .content-body ul {
	margin: 0.25rem 0 0;
	padding-left: 1.25rem;
}

div#diagnostic-page div.content .content-body ul li {
	margin: 0.35rem 0;
}

div#diagnostic-page div.content .content-body ul li::marker {
	color: #e3114a;
}

div#diagnostic-page div.content .content-body .contacts-section .contacts-list {
	list-style: none;
	padding: 0;
	margin: 0.5rem 0 0;
}

div#diagnostic-page div.content .content-body .contacts-section .contacts-list li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.4rem 0;
}

div#diagnostic-page div.content .content-body .contacts-section .contact-icon {
	font-size: 1rem;
	color: #e3114a;
	flex: 0 0 auto;
}

div#diagnostic-page div.content .content-body a {
	color: var(--c1);
	text-decoration: none;
}

div#diagnostic-page div.content .content-body a:hover {
	color: #e3114a;
}

div#diagnostic-page div.content .content-body .tests-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin: 1.75rem 0;
}

div#diagnostic-page div.content .content-body .test-card {
	background: #fff;
	border-radius: 12px;
	padding: 2rem 1.5rem;
	text-align: center;
	border: 2px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

div#diagnostic-page div.content .content-body .test-card .test-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--c1), #e3114a);
	border-radius: 50%;
	box-shadow: 0 4px 15px rgba(227, 17, 74, 0.3);
}

div#diagnostic-page div.content .content-body .test-card .test-icon i {
	font-size: 2.5rem;
	color: #fff;
}

div#diagnostic-page div.content .content-body .test-card h3 {
	margin: 0 0 1rem;
	font-size: clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);
	font-weight: 700;
	color: var(--c1);
	line-height: 1.3;
	padding-left: 0;
}

div#diagnostic-page div.content .content-body .test-card h3::before {
	display: none;
}

div#diagnostic-page div.content .content-body .test-card p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: #555;
}

@media all and (max-width: 768px) {
	div#diagnostic-page div.content .content-body .tests-grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
		margin: 1.5rem 0;
	}
	
	div#diagnostic-page div.content .content-body .test-card {
		padding: 1.5rem 1.25rem;
	}
	
	div#diagnostic-page div.content .content-body .test-card .test-icon {
		width: 70px;
		height: 70px;
		margin: 0 auto 1rem;
	}
	
	div#diagnostic-page div.content .content-body .test-card .test-icon i {
		font-size: 2.25rem;
	}
}

div#diagnostic-page div.content .content-body .video-section {
	padding: 1.25rem 0;
}

div#diagnostic-page div.content .content-body .video-section .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

div#diagnostic-page div.content .content-body .video-section .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

@media (min-width: 992px) {
	.contacts-section .contacts-list { columns: 2; }
}

div#diagnostic-page div.content .organizers {
    background: #16213e;
}

div#diagnostic-page div.content .organizers h3 {
	text-transform: uppercase;
	text-align: center;
}

div#diagnostic-page div.content .organizers .items {
	display: flex;
	justify-content: center;
	padding: 0 10px;
}

div#diagnostic-page div.content .organizers .items a {
	display: block;
	margin: 0 1%;
	width: 31.333%;
	max-width: 200px;
}

@media all and (max-width: 760px) {
	div#diagnostic-page div.content .content-header {
		min-height: 100vw;
	}
	
	div#diagnostic-page div.content .content-header .content-header-inner {
		padding: 10px;
	}
	
	div#diagnostic-page div.content .content-header .content-header-inner p {
		font-size: 13px;
		margin: 0 0 20px;
	}
	
	div#diagnostic-page div.content .content-header .header-buttons {
		flex-direction: column;
		gap: 0.875rem;
	}
	
	div#diagnostic-page div.content .content-header .header-buttons a {
		width: 100%;
		max-width: 280px;
		padding: 0.75rem 1.5rem;
		font-size: 0.95rem;
	}

    div#diagnostic-page div.content .content-body {
        padding: 30px 10px;
    }
}

div#diagnostic-page div.content .cta {
	position: relative;
    padding: 60px 0;
    background: repeating-linear-gradient(30deg, #000, #000 40px, #fff 0, #fff 80px);
    overflow: hidden;
}

div#diagnostic-page div.content .cta:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, #000 0%, var(--c1) 100%);
    opacity: 0.97;
}

div#diagnostic-page div.content .cta > div {
	position: relative;
    z-index: 1;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
    color: #fff; 
    max-width: 800px;
    text-align: center;
}

div#diagnostic-page div.content .cta > div h2 {
    font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
    margin: 0 0 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

div#diagnostic-page div.content .cta > div p {
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
    margin: 0 0 1rem;
    line-height: 1.6;
    opacity: 0.95;
}

div#diagnostic-page div.content .cta > div p:last-of-type {
    margin: 0 0 2.5rem;
}

div#diagnostic-page div.content .cta .cta-buttons {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

div#diagnostic-page div.content .cta .cta-buttons a {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
	box-sizing: border-box;
    padding: 1rem 2rem;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    border: 2px solid transparent;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    min-width: 200px;
    justify-content: center;
}

div#diagnostic-page div.content .cta .cta-buttons a i {
    font-size: 1.25rem;
}

div#diagnostic-page div.content .cta .cta-buttons a.btn-primary {
    background: #e3114a;
    background: linear-gradient(135deg, #e3114a 0%, #c50d3f 100%);
}

div#diagnostic-page div.content .cta .cta-buttons a.btn-primary:hover {
    background: #ff1652;
    background: linear-gradient(135deg, #ff1652 0%, #e3114a 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(227, 17, 74, 0.5);
}

div#diagnostic-page div.content .cta .cta-buttons a.btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #fff;
    backdrop-filter: blur(10px);
}

div#diagnostic-page div.content .cta .cta-buttons a.btn-secondary:hover {
    background: #fff;
    color: var(--c1);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

div#diagnostic-page div.content .cta .cta-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

div#diagnostic-page div.content .cta .cta-contact i {
    font-size: 1.15rem;
    color: #fff;
    opacity: 0.9;
}

div#diagnostic-page div.content .cta .cta-contact a {
    color: #fff;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

div#diagnostic-page div.content .cta .cta-contact a:hover {
    color: #e3114a;
    text-shadow: 0 0 10px rgba(227, 17, 74, 0.5);
}

@media all and (max-width: 760px) {
    div#diagnostic-page div.content .cta {
        padding: 40px 0;
    }
    
    div#diagnostic-page div.content .cta > div {
        padding: 0 15px;
    }
    
    div#diagnostic-page div.content .cta > div h2 {
        margin: 0 0 0.75rem;
    }
    
    div#diagnostic-page div.content .cta > div p {
        margin: 0 0 0.75rem;
    }
    
    div#diagnostic-page div.content .cta > div p:last-of-type {
        margin: 0 0 1.75rem;
    }
    
    div#diagnostic-page div.content .cta .cta-buttons {
        flex-direction: column;
        gap: 1rem;
    }
    
    div#diagnostic-page div.content .cta .cta-buttons a {
        width: 100%;
        max-width: 300px;
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }
    
    div#diagnostic-page div.content .cta .cta-contact {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
    }
    
    div#diagnostic-page div.content .cta .cta-contact a {
        font-size: 1.15rem;
    }
}






div#diagnostic-page .form-section {
	position: relative;
    padding: 40px 0 100px;
    background: repeating-linear-gradient(30deg, #000, #000 40px, #fff 0, #fff 80px)
}

div#diagnostic-page .form-section:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--c1);
    opacity: 0.975;
}

div#diagnostic-page .form-section > div {
	position: relative;
    z-index: 1;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
    color: #fff; 
    max-width: 700px;
}

/* OVERRIDES */
div#diagnostic-page form.uw-form fieldset {
	border-color: #e3114a;
}

#diagnostic-page form.uw-form fieldset > legend {
	color: #e3114a;
}

div#diagnostic-page form.uw-form fieldset .field-wrap > .field input[type=number],
div#diagnostic-page form.uw-form fieldset .field-wrap > .field input[type=date],
div#diagnostic-page form.uw-form fieldset .field-wrap > .field input[type=text],
div#diagnostic-page form.uw-form fieldset .field-wrap > .field select,
div#diagnostic-page form.uw-form fieldset .field-wrap > .field textarea {
    border-color: #e3114a;
}

div#diagnostic-page form.uw-form button {
	background: #e3114a;
}/**********************/
/***  EVENTS PAGE   ***/
/**********************/

#events-page {
	width: 100%;
	min-height: 100vh;
}

#events-page .page-header {
	position: relative;
    padding: 40px 0 160px;
}

#events-page .page-header > div {
	position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1200px;
}

#events-page .page-header > div h1 {
	margin: 0;
    font-size: 30px;
    color: #fff;
}

#events-page .page-content {
	position: relative;
    margin: -160px auto 0;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1200px;
}

#events-page .page-content > div {
	display: block;
    box-sizing: border-box;
    padding: 20px;
    background: var(--c4);
    overflow: hidden;
}

/* Month navigation */
.events-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px 0 0;
	padding: 10px 10px;
	background: rgba(0, 0, 0, 0.6);
    border-radius: 10px 10px 0 0;
}

.nav-arrow {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: transparent;
	border: none;
}

.nav-arrow::before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/icons/arrow-up.svg);
    background-size: contain;
    filter: var(--filter-white);
}

.nav-arrow.nav-prev {
	transform: rotate(-90deg);
}

.nav-arrow.nav-next {
	transform: rotate(90deg);
}

.nav-month-label {
	font-size: 20px;
	color: #fff;
	min-width: 150px;
	text-align: center;
}

@media all and (max-width: 700px) {
	#events-page .page-header > div {
		padding: 0;
	}

	#events-page .page-header > div h1 {
		margin: 0 10px;
	}

	#events-page .page-header .events-navigation {
		border-radius: 0;
	}

	#events-page .page-content {
		padding: 0;
	}
}

/* Events list wrap */
.events-list-wrap {
	transition: opacity 0.3s ease;
}

/* Day separator */
.events-day {
	margin: 20px 0 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.events-day:first-child {
	margin-top: 0;
}

/* Events list container */
.events-list {
	width: 100%;
}

/* Individual event item */
.event-item {
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px;
	transition: all 0.3s ease;
	overflow: hidden;
	border: 1px solid var(--c5);
	border-left: 5px solid var(--c2);
}

/* Event color accent */
.event-item[style*="--event-color"] {
	border-left-color: var(--event-color);
}

/* Event title */
.event-title {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 5px 0;
}

/* Event date */
.event-date {
	font-size: 12px;
	color: var(--c3);
}

/* No events message */
.no-events {
	text-align: center;
	padding: 80px 20px;
}

.no-events p {
	font-size: 18px;
	color: #999;
	margin: 0;
}
 form.uw-form fieldset {
	margin: 0 0 30px 0;
	padding: 20px 20px 0;
	border: 0;
	border-left: 3px solid #4cb19c;
}

 form.uw-form fieldset > legend {
	color: #4cb19c;
	font-weight: 600;
}

 form.uw-form fieldset > p {
	margin: 0 0 20px 0;
	line-height: 1.2;
}

 form.uw-form fieldset .field-wrap {
	margin: 0 0 20px;
}

 form.uw-form fieldset .field-wrap > label {
	display: block;
	margin: 0 0 5px 0;
	font-weight: 600;
}

 form.uw-form fieldset .field-wrap.invalid > label {
	color: #ff8c8c;
}

 form.uw-form fieldset .field-wrap > .field {}

 form.uw-form fieldset .field-wrap > .field input[type=number],
 form.uw-form fieldset .field-wrap > .field input[type=date],
 form.uw-form fieldset .field-wrap > .field input[type=text],
 form.uw-form fieldset .field-wrap > .field select,
 form.uw-form fieldset .field-wrap > .field textarea {
    box-sizing: border-box;
    padding: 0 14px;
    height: 30px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #4cb19c;
    background: #fff;
    outline: 0;
}

 form.uw-form fieldset .field-wrap.invalid > .field input[type=number],
 form.uw-form fieldset .field-wrap.invalid > .field input[type=date],
 form.uw-form fieldset .field-wrap.invalid > .field input[type=text],
 form.uw-form fieldset .field-wrap.invalid > .field select,
 form.uw-form fieldset .field-wrap.invalid > .field textarea {
    border-color: #ff8c8c;
}

 form.uw-form fieldset .field-wrap > .field input[type=number] {
    padding-right: 5px;
}

 form.uw-form fieldset .field-wrap > .field textarea {
	height: 100px;
	padding: 8px 14px;
    resize: vertical;
    min-height: 40px;
}

 form.uw-form fieldset .field-wrap > .field .option {
	margin: 10px 0;
}

 form.uw-form fieldset .field-wrap.checkbox {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

 form.uw-form fieldset .field-wrap.checkbox label {
	font-weight: 400;
	margin-left: 10px;
}

 form.uw-form button {
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #4cb19c;
	border-radius: 3px;
	border: none;
	outline: none;
	width: 100%;
	cursor: pointer;
}/*********************/
/***   MAIN PAGE   ***/
/*********************/

#main-page .wrap-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
	padding: 0 20px 16px;
	color: var(--c3);
	max-width: 1200px;
	margin: 0 auto;
}

#main-page .wrap-header h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: inherit;
}

#main-page .wrap-header a {
	font-size: 16px;
	color: inherit;
}

#main-page .wrap-header a:after{
	content: '\203A';
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 130%;
	line-height: 1;
}

#main-page .wrap-footer {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 10px 0 0;
	color: var(--c3);
}

#main-page .wrap-footer a {
	font-size: 16px;
	color: inherit;
}

#main-page .wrap-footer a:after{
	content: '\203A';
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 130%;
	line-height: 1;
}

@media all and (max-width: 600px) {
	#main-page .wrap-header {
		padding: 0 10px 16px;
	}
}

/* ARTICLES SLIDER WRAP */
#main-page .articles-slider-wrap {
	position: relative;
	margin: 0;
	padding: 0;
	background: var(--c1);
}

#main-page .articles-slider-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
}

#main-page .articles-slider-wrap .wrap-footer {
	padding: 8px 0;
    margin: 0;
    color: #fff;
}

#main-page .articles-slider-wrap .wrap-footer a {
	position: relative;
	z-index: 120;
	width: 100px;
    text-align: center;
}

/* ARTICLES SLIDER */
#main-page .articles-slider-wrap .articles-slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
}

#main-page .articles-slider-wrap .articles-slider:not(.slick-initialized) .article:not(:first-child) {
    display: none;
}

#main-page .articles-slider-wrap .articles-slider > ul.slick-dots {
	position: absolute;
	right: 80px;
	bottom: -26px;;
	left: 0;
	margin: 0;
	padding: 0 10px;
	text-align: left;
	z-index: 100;
}

#main-page .articles-slider-wrap .articles-slider > ul.slick-dots > li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
}

#main-page .articles-slider-wrap .articles-slider > ul.slick-dots > li > button {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0;
	color: transparent;
	background: transparent;
	overflow: hidden;
	width: 10px;
	height: 10px;
	line-height: 20px;
	cursor: pointer;
}

#main-page .articles-slider-wrap .articles-slider > ul.slick-dots > li > button:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 3px;
}

#main-page .articles-slider-wrap .articles-slider > ul.slick-dots > li.slick-active > button:before {
	background: rgba(255,255,255,0.5);
}

#main-page .articles-slider-wrap .articles-slider div.article {
	display: block;
	margin: 0;
	box-sizing: border-box;
	padding: 0;
}

#main-page .articles-slider-wrap .articles-slider div.article a {
	position: relative;
	display: block;
	overflow: hidden;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.image {
	overflow: hidden;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.image img {
	transition: transform 6s;
	height: auto;
    display: block;
	width: 100%;
	height: auto;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.image img.img-md {
	display: none;
}

#main-page .articles-slider-wrap .articles-slider:not(.slick-initialized) div.article a div.image img,
#main-page .articles-slider-wrap .articles-slider div.article.slick-active a div.image img {
	transform: scale(1.05);
}

#main-page .articles-slider-wrap .articles-slider div.article a div.sr-image {
	padding-top: 38.1%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	padding: 0 10px 140px;
	background: linear-gradient(transparent, var(--c6));
}

#main-page .articles-slider-wrap .articles-slider div.article a div.info .title {
	margin: 0 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #fff;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.info div.category {
	display: none;
}

#main-page .articles-slider-wrap .articles-slider div.article a div.info div.date {
	display: none;
}

@media all and (max-width: 1200px) {
	#main-page .articles-slider-wrap .articles-slider div.article a div.info {
		padding: 0 10px 30px;
	}
	
	#main-page .articles-slider-wrap .articles-slider div.article a div.info .title {
		font-size: 22px;
	}
	
	#main-page .articles-slider-wrap .articles-slider div.article a div.info div.category {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 5px 8px;
		font-size: 12px;
		line-height: 12px;
		background: var(--c2);
		color: #fff;
		border-radius: 0 6px 6px 0;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	#main-page .articles-slider-wrap .articles-slider div.article a div.info div.date {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 5px 8px;
		font-size: 12px;
		line-height: 12px;
		background: var(--c1);
		color: #fff;
		border-radius: 6px 0 0 6px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
}

@media all and (max-width: 600px) {
	#main-page .articles-slider-wrap .articles-slider div.article {
		padding: 0;
	}
	
	#main-page .articles-slider-wrap .articles-slider div.article a div.image img.img-lg {
		display: none;
	}
	
	#main-page .articles-slider-wrap .articles-slider div.article a div.image img.img-md {
		display: block;
	}
}

/* ARTICLES LIST */
#main-page .articles-slider-wrap .articles-list {
	position: relative;
	margin: -120px auto -100px;
	padding: 0 100px;
	box-sizing: border-box;
	width: 100%;
	z-index: 100;
	max-width: 1500px;
}

#main-page .articles-slider-wrap .articles-list {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

#main-page .articles-slider-wrap .articles-list div.article {
	display: block;
	margin: 0;
	box-sizing: border-box;
	padding: 5px;
	width: 25%;
}

#main-page .articles-slider-wrap .articles-list div.article a {
	position: relative;
	display: block;
	overflow: hidden;    
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}

#main-page .articles-slider-wrap .articles-list div.article a div.image {
	filter: grayscale(1);
	transition: filter 1s;
	border-radius: 10px;
	overflow: hidden;
}

#main-page .articles-slider-wrap .articles-list:not(:hover) div.article.colorized a div.image,
#main-page .articles-slider-wrap .articles-list div.article a:hover div.image {
	filter: grayscale(0);
}

#main-page .articles-slider-wrap .articles-list div.article a div.image img {
	transition: transform 6s;
	height: auto;
    display: block;
	width: 100%;
	height: auto;
}

#main-page .articles-slider-wrap .articles-list div.article a div.image img.img-md {
	display: none;
}

#main-page .articles-slider-wrap .articles-list:not(:hover) div.article.colorized a div.image img,
#main-page .articles-slider-wrap .articles-list div.article a:hover div.image img {
	transform: scale(1.05);
}

#main-page .articles-slider-wrap .articles-list:not(:hover) div.article.colorized a div.sr-image,
#main-page .articles-slider-wrap .articles-list div.article a:hover div.sr-image {
	filter: grayscale(0);
}

#main-page .articles-slider-wrap .articles-list div.article a div.sr-image {
	padding-top: 57%;
	filter: grayscale(1);
	transition: filter 1s;
	border-radius: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main-page .articles-slider-wrap .articles-list div.article a div.info {
	position: relative;
    padding: 20px 10px 14px;
    min-height: 70px;
}

#main-page .articles-slider-wrap .articles-list div.article a div.info .title {
	margin: 0 0 0 0;
    font-size: 14px;
    color: var(--c3);
}

#main-page .articles-slider-wrap .articles-list div.article a div.info div.category {
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 2px 5px;
    font-size: 12px;
    line-height: 12px;
    color: var(--c2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

#main-page .articles-slider-wrap .articles-list div.article a div.info div.date {
	position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px 2px 0;
    font-size: 12px;
    line-height: 12px;
    color: var(--c1);
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media all and (max-width: 1200px) {
	#main-page .articles-slider-wrap .articles-list {
		display: none;
	}
}

/* ARTICLES WRAP HELPER */
#main-page .articles-wrap-helper {
	position: relative;
	margin: 0;
	padding: 120px 0 0 0;
}

@media all and (max-width: 1200px) {
	#main-page .articles-wrap-helper {
		display: none;
	}
}

/* TIMELINE WRAP */
#main-page .timeline-wrap {
	position: relative;
	margin: 0;
	padding: 100px 0 0;
}

#main-page .timeline-wrap > .wrap-footer {
	padding: 10px 20px 20px;
	color: #fff;
}

@media all and (max-width: 1200px) {
	#main-page .timeline-wrap {
		padding: 40px 0 0 0;
	}
}

@media all and (max-width: 600px) {
	#main-page .timeline-wrap > .wrap-footer {
		padding: 10px 10px 20px;
	}
}

/* Competitions */
div#main-page .competitions-wrap  {
	padding: 20px 10px 40px;
}

div#main-page .competitions-wrap .content {
	display: flex;
}

div#main-page .competitions-wrap .content > div {
	width: 100%;
}

div#main-page .competitions-wrap .content > div:not(:first-child) {
	margin: 0 0 0 10px;
}

div#main-page .competitions-wrap .content > div .heading {
	padding: 0 10px 10px;
	text-transform: uppercase;
	color: var(--c2);
	font-size: 16px;
	font-weight: 700;
}

div#main-page .competitions-wrap .content > div ul {
	margin: 0;
	padding: 0;
	width: 100%;
	column-count: 3;
}

div#main-page .competitions-wrap .content > div ul > li {
	display: block;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 10px;
	overflow: hidden;
}

div#main-page .competitions-wrap .content > div ul > li > a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 10px;	
	font-size: 16px;	
	line-height: 18px;
	cursor: pointer;
	border-left: 5px solid var(--c1);
	border-radius: 10px;
}

@media all and (max-width: 1000px) {
	div#main-page .competitions-wrap .content > div ul {
		column-count: 2;
	}
}

@media all and (max-width: 700px) {
	div#main-page .competitions-wrap .content {
		display: block;
	}
	
	div#main-page .competitions-wrap .content > div:not(:first-child) {
		margin: 10px 0 0;
	}
}

/* MATCHES SLIDER */
#main-page .matches-slider-wrap {
	padding: 20px 0 20px;
}

#main-page .matches-slider-wrap .wrap-header {
	color: #fff;
}

#main-page .matches-slider-wrap .wrap-footer {
	padding: 10px 20px 0;
	color: #fff;
}

#main-page .matches-slider-wrap div.matches-slider {
	opacity: 0;
	height: 159px;
}

#main-page .matches-slider-wrap div.matches-slider.slick-initialized {
	opacity: 1;
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-arrow {
	position: absolute;
	top: -40px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
	filter: var(--filter-white);
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-prev {
	right: 60px;
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-next {
	right: 20px;
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

#main-page .matches-slider-wrap div.matches-slider > button.slick-next:before {
	transform: rotateZ(90deg);
}

#main-page .matches-slider-wrap div.matches-slider .match {
	margin: 0 5px;
}

#main-page .matches-slider-wrap div.matches-slider .match > a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 5px;
	width: 15.5vw;
	min-width: 200px;
	font-size: 12px;
	color: var(--c3);
	border-radius: 10px;	
	border: 1px solid var(--c5);
	background: #fff;
	overflow: hidden;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.info {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 5px 0;
	padding: 0 10px 5px;
	width: 100%;
	border-bottom: 1px solid var(--c5);
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.info span.date,
#main-page .matches-slider-wrap div.matches-slider .match > a div.info span.time {
	display: block;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: 600;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.info span.arena {
	display: block;
	font-size: 11px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.competitors-wrap {
	width: 82px;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.competitors-wrap div.competitor {
	display: flex;
	align-items: center;
	margin: 2px 0;
	box-sizing: border-box;
	padding: 0 5px;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.competitors-wrap div.competitor .logo {
	display: block;
	min-width: 30px;
	max-width: 30px;
}

#main-page .matches-slider-wrap div.matches-slider .match > a div.competitors-wrap div.competitor .team-name {
	display: block;
	padding: 10px;	
}

#main-page .matches-slider-wrap div.matches-slider .match > a > div.status {
	box-sizing: border-box;
	padding: 0 5px;
	width: 62px;
	text-align: right;
}

#main-page .matches-slider-wrap div.matches-slider .match > a > div.status .score {
	display: block;
	width: 100%;
	font-size: 18px;
}

#main-page .matches-slider-wrap div.matches-slider .match > a > div.status .score div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

#main-page .matches-slider-wrap div.matches-slider .match > a > div.status .score div.winner:before {
	content: '';
	display: block;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent var(--c2);
}

#main-page .matches-slider-wrap div.matches-slider .match > a > div.status .live-stream {
	font-size: 14px;
    padding: 2px 5px;
    background: var(--c2);
    color: #fff;
    border-radius: 6px;
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links {
	display: flex;
    padding: 0 10px;
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links > a {
	width: 50%;
    background: var(--c4);
    box-sizing: border-box;
    padding: 4px 10px;
    border-radius: 0 0 10px 10px;
    font-size: 0;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: var(--c5);
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links > a:before {
	content: '';
	display: block;
	width: 100%;
	height: 22px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links a.fiba-live-stats:before {
    background-image: url(../images/other/fiba-live-stats-logo.webp);
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links a.youtube {
    margin-left: auto;
    padding: 6px 10px;
}

#main-page .matches-slider-wrap div.matches-slider .match div.external-links a.youtube:before {
	height: 18px;
    background-image: url(../images/other/youtube-logo.svg);
}

@media all and (max-width: 1200px) {
	#main-page .matches-slider-wrap div.matches-slider .match > a {
		width: 23vw;
	}
}

@media all and (max-width: 850px) {
	#main-page .matches-slider-wrap div.matches-slider .match {
		margin: 0 1vw;
	}
	
	#main-page .matches-slider-wrap div.matches-slider .match > a {
		width: 27vw;
	}
}

@media all and (max-width: 700px) {
	#main-page .matches-slider-wrap div.matches-slider .match {
		margin: 0 2vw;
	}
	
	#main-page .matches-slider-wrap div.matches-slider .match > a {
		width: 48vw;
	}
}

@media all and (max-width: 600px) {	
	#main-page .matches-slider-wrap .wrap-footer {
		padding: 10px 10px 0;
	}
	
	#main-page .matches-slider-wrap div.matches-slider > button.slick-prev {
		right: 50px;
	}
	
	#main-page .matches-slider-wrap div.matches-slider > button.slick-next {
		right: 10px;
	}
}

@media all and (max-width: 560px) {
	#main-page .matches-slider-wrap div.matches-slider .match {
		margin: 0 2vw;
	}
	
	#main-page .matches-slider-wrap div.matches-slider .match > a {
		width: 55vw;
	}
}

/* Standings Table */
#main-page .standings-row.animated-bg {
    position: relative;
}
#main-page .standings-row.animated-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--c1);
    opacity: 0.975;
}

#main-page .standings-wrap {
	padding: 40px 0 40px;
}
#main-page .standings-wrap .wrap-header {
	padding-bottom: 0;
	color: #fff;
}

#main-page .standings-wrap div.slider {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px 0 20px;
	width: 100%;
	max-width: 1200px;
}

#main-page .standings-wrap div.slider > button.slick-arrow {
	position: absolute;
	top: -25px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

#main-page .standings-wrap div.slider > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
	filter: var(--filter-white);
}

#main-page .standings-wrap div.slider > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

#main-page .standings-wrap div.slider > button.slick-prev {
	right: 65px;
}

#main-page .standings-wrap div.slider > button.slick-next {
	right: 25px;
}

#main-page .standings-wrap div.slider > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

#main-page .standings-wrap div.slider > button.slick-next:before {
	transform: rotateZ(90deg);
}

#main-page .standings-wrap div.slider .slide {
	padding-right: 10px;
}

#main-page .standings-wrap .table-heading h3 {
	font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin: 0;
    padding: 4px 0 5px;
	color: #fff;
}

#main-page .standings-wrap .table-wrap  {
	position: relative;
	overflow: hidden;
	color: #fff;
}

#main-page .standings-wrap .table-wrap.collapsed-16  {
	max-height: 444px;
}

#main-page .standings-wrap .table-wrap table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

#main-page .standings-wrap .table-wrap table > thead > tr > th,
#main-page .standings-wrap .table-wrap table > tbody > tr:not(:last-child) > td {
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

#main-page .standings-wrap .table-wrap table > thead > tr > th:first-child,
#main-page .standings-wrap .table-wrap table > tbody > tr > td:nth-child(2) {
	width: 30px;
}

#main-page .standings-wrap .table-wrap table > tbody > tr > td > a {
	color: #fff;
}

#main-page .standings-wrap .table-wrap table > tbody > tr > td > a.logo {
	display: block;
	height: 20px;
	min-width: 20px;
}

#main-page .standings-wrap .table-wrap .show-more-btn  {
	position: absolute;
	right:0;
	bottom: 0;
	left:0;
	display: none;
	height: 26px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	text-shadow: 0 0 10px #000;
	background: radial-gradient(circle, #000 -200%, transparent 100%);
	cursor: pointer;
}

#main-page .standings-wrap .table-wrap .show-more-btn.collapsed-16  {
	display: block;
}

#main-page .standings-wrap .wrap-footer {
	margin: 0 auto;
	box-sizing: border-box;
	padding-right: 20px;
	max-width: 1200px;
	color: #fff;
}

@media all and (max-width: 600px) {
	#main-page .standings-wrap div.slider  {
		padding: 0 0 0 10px;
	}

	#main-page .standings-wrap div.slider > button.slick-prev {
		right: 45px;
	}

	#main-page .standings-wrap div.slider > button.slick-next {
		right: 5px;
	}
}

/* Brackets */
#main-page .bracket-wrap {
	padding: 40px 0 40px;
}

#main-page .bracket-wrap .wrap-header {
	padding-bottom: 0;
}

#main-page .bracket-wrap .bracket-item {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
	max-width: 1200px;
}

#main-page .bracket-wrap .bracket-heading {
	font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin: 0;
    padding: 4px 0 5px;
}

#main-page .bracket-wrap .bracket-heading h3 {
	font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin: 0;
    padding: 4px 0 5px;
}

#main-page .bracket-wrap .bracket-content {
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--c5);
	overflow: hidden;
}

#main-page .bracket-wrap .wrap-footer {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px 20px 0;
	max-width: 1200px;
}

@media all and (max-width: 600px) {
	#main-page .bracket-wrap .bracket-item  {
		padding: 0 10px;
	}
}

/* Statistical Leaders */
#main-page .statistical-leaders-wrap {
	padding: 40px 0 20px;
	width: 100%;
}

#main-page .statistical-leaders-wrap .leaders {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
	max-width: 1200px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap {
	margin: 0 0 10px 0;
	width: 24%;
	border-radius: 10px;
	background: var(--c5);
	overflow: hidden;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .heading {
	position: relative;
	padding: 5px;
	background: var(--c1);
	color: #fff;
	text-align: center;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap {
	position: relative;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leaders-placeholder {
	height: 180px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	background: #fff;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details {
	box-sizing: border-box;
	padding: 5px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team {
	margin: 0 0 10px 0;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team a {
	color: var(--c3);
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team a div.logo {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	transition: transform 0.2s;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team a div.code {
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: 3px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.name {
	height: 40px;
	font-size: 15px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.name a {
	color: var(--c3);
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.value {
	font-size: 25px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.image {
	max-width: 100px;
	min-width: 100px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table {
	width: 100%;
	border-collapse: collapse;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td {
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #fff;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td:first-child {
	width: 20px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td:last-child {
	text-align: right;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td a.name {
	color: var(--c3);
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td div.value {
	font-size: 18px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td a.team-logo {
	width: 20px;
}

#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td a.team-logo img {
	transition: transform 0.2s;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-arrow {
	position: absolute;
	top: -50px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-prev {
	right: 50px;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-next {
	right: 10px;
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

#main-page .statistical-leaders-wrap .leaders  > button.slick-next:before {
	transform: rotateZ(90deg);
}

/* DESKTOP ONLY */
@media all and (min-width: 1100px) {
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team a:hover {
		color: var(--c1);
	}
	
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.team a:hover div.logo {
		transform: scale(1.1);
	}

	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.details div.name a:hover {
		color: var(--c1);
	}

	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td a.name:hover {
		color: var(--c1);
	}

	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap table td a.team-logo:hover img {
		transform: scale(1.1);
	}
}

@media all and (max-width: 1200px) {		
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap {
		width: 49%;
	}
}

@media all and (max-width: 740px) {
	#main-page .statistical-leaders-wrap .leaders {
		flex-wrap: wrap;
	}
	
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap .leaders-wrap .leader-first div.image {
		max-width: 100px;
		min-width: 100px;
	}
	
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap {
		margin: 0 0 10px;
		width: 49%;
	}
}

@media all and (max-width: 600px) {	
	#main-page .statistical-leaders-wrap .leaders {
		display: block;
		padding: 0 0 0 10px;
	}
	
	#main-page .statistical-leaders-wrap .leaders .statistic-wrap {
		margin: 0 0 0 10px;
		width: 75vw;
	}
}

/* BANNER */
#main-page .banner-wrap img {
	height: auto;
}

#main-page .banner-wrap.mobile {
	display: none;
}

@media (max-width: 900px) {
	#main-page .banner-wrap.mobile {
		display: block;
	}

	#main-page  .banner-wrap.desktop {
		display: none;
	}
}

/* VIDEOS */
#main-page .videos-wrap {
	position: relative;
	margin: 0;
	padding: 40px 0;
}

#main-page .videos-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

#main-page .videos-wrap .wrap-header {
	color: #fff;
}

#main-page .videos-wrap .wrap-footer {
	margin: 0 20px;
	color: #fff;
}

#main-page .videos-wrap div.items {
	margin: 0;
	padding: 0;
}

#main-page .videos-wrap div.items div.item {
	display: block;
	box-sizing: border-box;
	padding: 0 0 0 10px;
	width: 22vw;
}

#main-page .videos-wrap div.items div.item a {
	position: relative;
	display: block;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
}

#main-page .videos-wrap div.items div.item a div.thumbnail {
	position:relative;
	display: block;
	padding-top: 56%;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 10px;
	overflow: hidden;
}

#main-page .videos-wrap div.items div.item a div.thumbnail:before {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: rgba(0,0,0,0.2);
}

#main-page .videos-wrap div.items div.item a:hover div.thumbnail:before {
    background-color: transparent;
}

#main-page .videos-wrap div.items div.item a div.thumbnail:after {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('/site/template/images/icons/social-networks/youtube.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 25%;
    filter: var(--filter-c5);
}

#main-page .videos-wrap div.items div.item a div.info {
	position: relative;
	padding: 20px 10px 14px;
	min-height: 70px;
}

#main-page .videos-wrap div.items div.item a div.info div.title {
	margin: 0 0 0 0;
	font-size: 14px;
	color: var(--c3);
}

#main-page .videos-wrap div.items div.item a div.info div.category {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 2px 5px;
	font-size: 12px;
	line-height: 12px;
	color: var(--c2);
	text-transform: uppercase;
	letter-spacing: 1px;
}

#main-page .videos-wrap div.items div.item a div.info div.date {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 5px 2px 0;
	font-size: 12px;
	line-height: 12px;
	color: var(--c1);
	text-transform: uppercase;
	letter-spacing: 1px;
}

#main-page .videos-wrap div.items > button.slick-arrow {
	position: absolute;
	top: -40px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

#main-page .videos-wrap div.items > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
	filter: var(--filter-white);
}

#main-page .videos-wrap div.items > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

#main-page .videos-wrap div.items > button.slick-prev {
	right: 60px;
}

#main-page .videos-wrap div.items > button.slick-next {
	right: 20px;
}

#main-page .videos-wrap div.items > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

#main-page .videos-wrap div.items > button.slick-next:before {
	transform: rotateZ(90deg);
}

@media all and (max-width:1300px) {
	#main-page .videos-wrap div.items div.item {
		width: 29vw;
	}
}

@media all and (max-width:920px) {
	#main-page .videos-wrap div.items div.item {
		width: 40vw;
	}
}

@media all and (max-width: 600px) {
	#main-page .videos-wrap .wrap-header {
		margin: 0 10px;
	}
	
	#main-page .videos-wrap .wrap-footer {
		margin: 0 10px;
	}
	
	#main-page .videos-wrap div.items > button.slick-prev {
		right: 50px;
	}
	
	#main-page .videos-wrap div.items > button.slick-next {
		right: 10px;
	}
}

@media all and (max-width:560px) {
	#main-page .videos-wrap div.items div.item {
		width: 75vw;
	}
}/************************/
/***   MATCHES PAGE   ***/
/************************/
#matches-page {
	
}

#matches-page .page-header {
	position: relative;
	padding: 40px 0 160px;
}

#matches-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

#matches-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

#matches-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

/* TAB_SET */
#matches-page .page-header > div .tab-set {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px 0 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px 10px 0 0;
}

#matches-page .page-header > div .tab-set > div {
	margin: 5px 5px 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

#matches-page .page-header > div .tab-set > div.active {
	text-shadow: 0 0 2px #fff;
	border-bottom: 2px solid var(--c2);
}

#matches-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 0 10px 10px;
	max-width: 1200px;
}

#matches-page .page-content > form {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background: var(--c4);
	overflow: hidden;
	min-height: 180px;
}

@media all and (max-width: 1100px) {
	#matches-page .page-header > div .tab-set > div {
		font-size: 12px;
	}
}

@media all and (max-width: 700px) {
	#matches-page .page-header > div {
		padding: 0;
	}

	#matches-page .page-header > div h1 {
		margin: 0 10px;
	}

	#matches-page .page-header > div .tab-set {
		justify-content: center;
		border-radius: 0;
	}
	#matches-page .page-header > div .tab-set > div {
		margin: 5px 5px 0 3px;
	}
	
	#matches-page .page-content {
		padding: 0;
	}
	
	#matches-page .page-content > form {
		padding: 20px 10px;
	}
}

@media all and (max-width: 430px) {
	#match-page .page-header > div {
		padding: 0 5px;
	}
	
	#match-page .page-header > div .tab-set > div {
		padding: 8px;
	}
}

/* Filters */
#matches-page .filters-wrap {
	display: flex;
	flex-wrap: wrap;
}

#matches-page .filters-wrap label {
	width: 240px;
	max-width: 100%;
	margin: 0 10px 10px 0;
}

#matches-page .filters-wrap label span {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
}

/* MATCHES */
#matches-page div.matches div.matches-day {
	margin: 20px 0 0;
    padding: 5px 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

#matches-page div.matches div.match {
	position: relative;
	display: flex;
	margin: 0 0 10px 0;
	width: 100%;
	border-radius: 10px;	
	border: 1px solid var(--c5);
	background: #fff;
	overflow: hidden;
}

#matches-page div.matches div.match > .m-general-info {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 5px 10px;
	width: 100%;
	font-size: 12px;
	color: var(--c3);
}

#matches-page div.matches div.match > .m-general-info div.info {
	box-sizing: border-box;
	padding: 0 10px;
	width: 240px;
}

#matches-page div.matches div.match > .m-general-info div.info span.time {
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
}

#matches-page div.matches div.match > .m-general-info div.info span.arena {
	display: block;
	font-size: 12px;
}

#matches-page div.matches div.match > .m-general-info div.competitors-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 300px;
	min-height: 50px;
}

#matches-page div.matches div.match > .m-general-info div.competitors-wrap div.match-name {
	margin: 2px 0;
	padding: 0 10px;
	color: var(--c1);
	font-weight: 700;
}

#matches-page div.matches div.match > .m-general-info div.competitors-wrap div.competitor {
	display: flex;
	align-items: center;
	margin: 2px 0;
	box-sizing: border-box;
	padding: 0 10px;
}

#matches-page div.matches div.match > .m-general-info div.competitors-wrap div.competitor .logo {
	display: block;
	min-width: 30px;
	max-width: 30px;
}

#matches-page div.matches div.match > .m-general-info div.competitors-wrap div.competitor .team-name {
	display: block;
	padding: 10px;	
}

#matches-page div.matches div.match > .m-general-info > div.status {
	box-sizing: border-box;
	padding: 0 10px;
	text-align: right;
}

#matches-page div.matches div.match > .m-general-info > div.status .score {
	display: block;
	width: 100%;
	font-size: 18px;
}

#matches-page div.matches div.match > .m-general-info > div.status .score div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

#matches-page div.matches div.match > .m-general-info > div.status .score div.winner:before {
	content: '';
	display: block;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent var(--c2);
}

#matches-page div.matches div.match > .m-general-info > div.status .live-stream {
	font-size: 14px;
    padding: 2px 5px;
    background: var(--c2);
    color: #fff;
    border-radius: 6px;
}

#matches-page div.matches div.match div.external-links {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
    width: 54px;
    
    border-left: 1px solid var(--c5);
}

#matches-page div.matches div.match div.external-links > a {
	width: 100%;
    box-sizing: border-box;
    padding: 4px;
    font-size: 0;
}

#matches-page div.matches div.match div.external-links > a:before {
	content: '';
	display: block;
	width: 100%;
	height: 26px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#matches-page div.matches div.match div.external-links a.fiba-live-stats:before {
    background-image: url(../images/other/fiba-live-stats-logo-v.webp);
}

#matches-page div.matches div.match div.external-links a.youtube:before {
    background-image: url(../images/other/youtube-logo-v.svg);
}

@media all and (max-width: 700px) {
	#matches-page div.matches div.match > .m-general-info {
		flex-wrap: wrap;
	}
	
	#matches-page div.matches div.match > .m-general-info div.info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 0 5px 0;
		padding: 0 10px 5px;
		width: 100%;
		border-bottom: 1px solid var(--c5);
	}
	
	#matches-page div.matches div.match > .m-general-info div.info span.time {
	    margin: 0 0 5px 0;
	}
	
	#matches-page div.matches div.match > .m-general-info div.info .phase-and-pool {
		width: 100%;
	}
	
	#matches-page div.matches div.match > .m-general-info div.competitors-wrap {
		width: 75%;
	}
	
	#matches-page div.matches div.match > .m-general-info > div.status {
		width: 25%;
	}
}

/************************/
/***   MATCH PAGE   ***/
/************************/
#match-page .page-header {
	position: relative;
	padding: 40px 0 200px;
}

#match-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

#match-page .page-header > div {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 10px 0;
	max-width: 1200px;
	width: 100%;
}

#match-page .page-header > div div.score-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#match-page .page-header > div div.score-wrap div.competitor {
	display: flex;
	align-items: center;
	width: 50%;
}

#match-page .page-header > div div.score-wrap div.competitor.home {
	flex-direction: row-reverse;
}

#match-page .page-header > div div.score-wrap div.competitor a.logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	padding: 5px;
	max-width: 130px;
	min-width: 130px;
	height: 130px;
	background: #fff;
    border-radius: 10px;
}

#match-page .page-header > div div.score-wrap div.competitor a.name {
	display: block;
	padding: 10px 0 10px 20px;
	color: #fff;
	font-size: 20px;
}

#match-page .page-header > div div.score-wrap div.competitor.home a.name {
	padding: 10px 20px 10px 0;
	text-align: right;
}

#match-page .page-header > div div.score-wrap div.vs {
	padding: 0 20px;
	font-size: 40px;
	color: #fff;
}

#match-page .page-header > div div.score-wrap div.match-score {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	width: 100%;
	color: #fff;
}

#match-page .page-header > div div.score-wrap div.match-score div {
	font-size: 60px;
}

#match-page .page-header > div div.score-wrap div.match-score span {
	display: block;
	padding: 0 20px;
	font-size: 50px;
}

#match-page .page-header > div div.score-wrap div.periods-scores {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#match-page .page-header > div div.score-wrap div.periods-scores span {
	display: block;
	margin: 0 5px;
	box-sizing: border-box;
	padding: 2px;
	background: var(--c2);
	color: #fff;
	min-width: 40px;
	text-align: center;
	white-space: nowrap;
	border-radius: 5px;
}

#match-page .page-header > div div.details {
	display: flex;
	justify-content: space-around;
	margin: 0 0 20px;
	width: 100%;
	font-size: 0;
}

#match-page .page-header > div div.details > div {
	padding: 5px 10px;
	width: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

/* TAB_SET */
#match-page .page-header > div .tab-set {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px 0 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px 10px 0 0;
}

#match-page .page-header > div .tab-set > div {
	margin: 5px 5px 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
}

#match-page .page-header > div .tab-set > div.active {
	text-shadow: 0 0 2px #fff;
	border-bottom: 2px solid var(--c2);
}

@media all and (max-width: 1100px) {
	#match-page .page-header > div div.score-wrap div.competitor a.logo {
		max-width: 100px;
		min-width: 100px;
		height: 100px;
	}
	
	#match-page .page-header > div div.score-wrap div.competitor a.name {
		padding: 10px 0 10px 10px;
		font-size: 16px;
	}

	#match-page .page-header > div div.score-wrap div.competitor.home a.name {
		padding: 10px 10px 10px 0;
	}
	
	#match-page .page-header > div div.score-wrap div.match-score div {
		font-size: 50px;
	}
	
	#match-page .page-header > div div.score-wrap div.match-score span {
		padding: 0 10px;
		font-size: 40px;
	}
	
	#match-page .page-header > div div.score-wrap div.periods-scores span {
		font-size: 12px;
	}
}

@media all and (max-width: 800px) {
	#match-page .page-header > div div.score-wrap div.competitor,
	#match-page .page-header > div div.score-wrap div.competitor.home	{
		flex-direction: column;
	}
	
	#match-page .page-header > div div.score-wrap div.competitor a.name,
	#match-page .page-header > div div.score-wrap div.competitor.home a.name	{
		padding: 10px;
		text-align: center;
	}
	
	#match-page .page-header > div div.details {
		flex-wrap: wrap;
	}
	
	#match-page .page-header > div div.details > div {
		width: auto;
		font-size: 11px;
	}
}

@media all and (max-width: 1100px) {
	#match-page .page-header > div .tab-set > div {
		font-size: 12px;
	}
}

@media all and (max-width: 700px) {
	#match-page .page-header > div {
		padding: 0;
	}

	#match-page .page-header > div .tab-set {
		justify-content: center;
		border-radius: 0;
	}

	#match-page .page-header > div .tab-set > div {
		margin: 5px 5px 0 3px;
	}
}

@media all and (max-width: 560px) {
	#match-page .page-header > div div.score-wrap {
		padding-bottom: 20px
	}
	
	#match-page .page-header > div div.score-wrap div.competitor a.logo {
		max-width: 50px;
		min-width: 50px;
		height: 50px;
	}
	
	#match-page .page-header > div div.score-wrap div.competitor a.name,
	#match-page .page-header > div div.score-wrap div.competitor.home a.name	{
		padding: 5px 0 0 0;
		font-size: 12px;
	}
	
	#match-page .page-header > div div.score-wrap div.match-score div {
		font-size: 25px;
	}
	
	#match-page .page-header > div div.score-wrap div.match-score span {
		padding: 0 5px;
		font-size: 20px;
	}
	
	#match-page .page-header > div div.score-wrap div.periods-scores {
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
	}
	
	#match-page .page-header > div div.score-wrap div.periods-scores span {
		margin: 2px;
		padding: 2px;
		min-width: auto;
		font-size: 10px;
		border-radius: 4px;
	}
	
	#match-page .page-header > div div.details > div {
		font-size: 10px;
	}
}

@media all and (max-width: 430px) {
	#match-page .page-header > div .tab-set > div {
		padding: 8px;
	}
}

/* PAGE CONTENT */
#match-page .page-content {
	position: relative;
	margin: -200px auto 0;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

#match-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 40px 20px;
	background: var(--c4);
	overflow: hidden;
}

#match-page .page-content > div .wrap-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 10px;
	color: var(--c3);
}

#match-page .page-content > div .wrap-header h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: inherit;
}

div#match-page div.tab {
	display: none;
	margin: 0 0 0 0;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
}

div#match-page div.tab.active {
	display: block;
}

@media all and (max-width: 700px) {
	#match-page .page-content {
		padding: 0;
	}
	
	#match-page .page-content > div {
		padding: 20px 10px;
	}
}

/* LIVE STREAM */
#match-page .live-wrap {
	display: flex;
}

#match-page .live-stats-wrap {
	margin: 0 4% 0 0;
	width: 32%;
	flex-shrink: 0;
}

#match-page .video-stream-wrap {
	width: 100%;
}

@media all and (max-width: 700px) {
	#match-page .live-wrap {
		display: block;
	}
	
	#match-page .live-stats-wrap {
		margin: 0;
		width: 100%;
	}
}

/* LIVE STATS */
#match-page .live-stats-wrap {

}

#match-page .live-stats-wrap .items {
	display: flex;	
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid var(--c5);
	background: #fff;
	border-radius: 10px;
	color: var(--c3);	
}

#match-page .live-stats-wrap .items > a {
	position:relative;
	display: block;
	box-sizing: border-box;
	padding-top: 56%;
	width: 100%;
	cursor: pointer;
	transition: transform 0.4s;
}

#match-page .live-wrap.items-count-1 .live-stats-wrap .items > a {
	padding-top: 20%;
}

#match-page .live-stats-wrap .items > a div.logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	width: 100%;
	height: 34px;
	background-image: url('/site/template/images/other/fiba-live-stats-logo.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}

#match-page .live-stats-wrap .items > a:hover {
    transform: scale(1.05);
}

@media all and (max-width: 700px) {
	#match-page .live-stats-wrap .items > a {
		padding-top: 20%;
	}
}

/* VIDEO STREAM */
#match-page .video-stream-wrap {

}

#match-page .video-stream-wrap .items {
	display: flex;	
	margin: 0 0 20px;
	border: 1px solid var(--c5);
	background: #fff;
	border-radius: 10px;
	color: var(--c3);	
}

#match-page .video-stream-wrap .items > a {
	box-sizing: border-box;
	padding: 10px;
	width: 50%;
	cursor: pointer;
}

#match-page .video-stream-wrap .items > a.youtube {
	display: flex;
	justify-content: center;
	align-items: center;
}

#match-page .video-stream-wrap .items > a.youtube div.youtube-logo {
	margin: 0 auto;
	width: 100%;
	height: 28px;
	background-image: url('/site/template/images/other/youtube-logo.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	transition: transform 0.4s;
}

#match-page .video-stream-wrap .items > a:hover div.youtube-logo {
    transform: scale(1.05);
}

#match-page .video-stream-wrap .items > a div.thumbnail {
	position:relative;
	display: block;
	padding-top: 56%;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 10px;
	overflow: hidden;
}

#match-page .video-stream-wrap .items > a div.thumbnail:before {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: rgba(0,0,0,0.2);
    transition: background-color 0.2s;
}

#match-page .video-stream-wrap .items > a:hover div.thumbnail:before {
    background-color: transparent;
}

#match-page .video-stream-wrap .items > a div.thumbnail:after {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('/site/template/images/icons/social-networks/youtube.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 70px;
    filter: var(--filter-c5);
}

/* COMPARISON */
#match-page div.comparison-wrap table {
	width: 100%;
	border-spacing: 0 5px;
	border-collapse: separate;
	padding: 10px;
    border: 1px solid var(--c5);
    background: #fff;
    border-radius: 10px;
}

#match-page div.comparison-wrap table thead th {
	font-weight: 400;
}

#match-page div.comparison-wrap table thead th,
#match-page div.comparison-wrap table tbody td {
	padding: 7px 12px 9px; 
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	cursor: default;
	white-space: nowrap;
}

#match-page div.comparison-wrap table thead th:nth-child(1),
#match-page div.comparison-wrap table tbody td:nth-child(1) {
	text-align: right;
	width: 50%;
}

#match-page div.comparison-wrap table thead th:nth-child(2),
#match-page div.comparison-wrap table tbody td:nth-child(2) {
	width: 1%;
}

#match-page div.comparison-wrap table thead th:nth-child(3),
#match-page div.comparison-wrap table tbody td:nth-child(3) {
	text-align: left;
	width: 50%;
}

#match-page div.comparison-wrap table tbody td {
	position: relative;
	font-size: 14px;
}

#match-page div.comparison-wrap table tbody td:nth-child(1) {
	border: 1px solid var(--c5);
	border-radius: 10px;
	background: var(--c4);
}

#match-page div.comparison-wrap table tbody td:nth-child(2) {
	padding: 0 10px;
	font-size: 11px;
	text-transform: uppercase;
}

#match-page div.comparison-wrap table tbody td:nth-child(3) {
	border: 1px solid var(--c5);
	border-radius: 10px;
	background: var(--c4);
}

#match-page div.comparison-wrap table thead th img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}

#match-page div.comparison-wrap table thead th span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}

#match-page div.comparison-wrap table tbody td div.bar {
	position: absolute;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-color: #c3c3c3;
}

#match-page div.comparison-wrap table tbody td:first-child div.bar {
	right: 0;
	border-width: 0 4px 4px 0;
	border-radius: 0 10px 10px 0;
}

#match-page div.comparison-wrap table tbody td:last-child div.bar {
	left: 0;
	border-width: 0 0 4px 4px;	
	border-radius: 10px 0 0 10px;
}

#match-page div.comparison-wrap table tbody td div.bar.won {
	border-color: #5da18a;
}

#match-page div.comparison-wrap table tbody td div.bar.lost {
	border-color: #cf6d7e;
}

#match-page div.comparison-wrap table tbody td div.bar.draw {
	border-color: #c7c2f6;
}

#match-page div.comparison-wrap table tbody td span {
	position: relative;
	z-index: 10;
}

#match-page div.comparison-wrap table tbody td:nth-child(2) span {
	display: inline-block;
    padding: 2px 5px;
    min-width: 50px;
    border-radius: 4px;
    background: var(--c1);
    color: #fff;
}

/* TAB: PRE_GAME OVERVIEW */
div#match-pregame-overview .season-record {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}

div#match-pregame-overview .season-record > div {
	display: flex;
	justify-content: space-between;
	width: 48%;
}

div#match-pregame-overview .season-record > div > div {
	width: 49%;
}

div#match-pregame-overview .season-record > div > div .label {
	padding: 5px;
    background: var(--c1);
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

div#match-pregame-overview .season-record > div > div .value {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    background: #fff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: var(--c5);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    font-size: 40px;
    text-align: center;
}

/* TAB: SUMMARY */
div#match-summary {
	column-count: 2;
}

div#match-summary div.comparison-wrap {
	break-inside: avoid;
}

/* Leaders */
div#match-summary div.statistical-leaders-wrap {
	break-inside: avoid;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap {
	position: relative;
	margin: 0 0 10px;
	width: 100%;
	background: #fff;
	border-radius: 10px;overflow: hidden;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .heading {
	position: relative;
	padding: 5px;
	background: var(--c1);
	color: #fff;
	text-align: center;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: stretch;
	box-sizing: border-box;
	width: 100%;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: var(--c5);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 0 5px;
	width: 100%;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap:nth-child(1) {
	border-right: 1px solid var(--c5);
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.details {
	box-sizing: border-box;
	padding: 10px 5px 0 5px;
	width: 100%;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap:nth-child(1) div.details {
	text-align: right;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.details div.name {
	height: 46px;
	font-size: 14px;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.details div.name a {
	color: var(--c3);
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.details div.value {
	font-size: 28px;
}

div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.image {
	flex-shrink: 0;
	width: 100px;
	overflow: hidden;
	background: #fff;
}

div#match-summary div.details-wrap {
	margin: 20px 0 0;
	padding: 0 5px;
	border: 1px solid var(--c5);
	border-radius: 10px;
	background: #fff;
}

div#match-summary div.details-wrap table {
	width: 100%;
}

div#match-summary div.details-wrap table tbody tr td {
	padding: 6px;
	border-top: 1px solid var(--c5);
}

div#match-summary div.details-wrap table tbody tr:nth-child(1) td {
	border: none;
}

div#match-summary div.details-wrap table tbody tr td:nth-child(1) {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

/* DESKTOP ONLY */
@media all and (min-width: 1100px) {
	div#match-summary div.statistical-leaders-wrap .statistic-wrap .leaders-wrap .leader-wrap div.details div.name a:hover {
		color: var(--c1);
	}
}

@media all and (max-width: 900px) {
	div#match-summary {
		column-count: 1;
	}
	
	div#match-summary div.comparison-wrap {
		margin: 0 0 40px;
		width: 100%;
	}
	
	div#match-summary div.statistical-leaders-wrap {
		margin-left: 0;
		width: 100%;
	}
}

@media all and (max-width: 560px) {

	div#match-summary div.comparison-wrap {
		margin: 0 0 40px;
		width: 100%;
	}
	
	div#match-summary div.statistical-leaders-wrap {
		margin-left: 0;
		width: 100%;
	}
}

/* TAB: BOXSCORE */
div#match-page div.tab div.boxscore:first-child {
	margin: 0 0 40px;
}

div#match-page div.tab div.boxscore div.table-wrap {
	overflow-x: auto;
	border-radius: 10px;
	border: 1px solid var(--c5);
	background: #fff;
}

/* table */
div#match-page div.tab div.boxscore div.table-wrap table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

div#match-page div.tab div.boxscore div.table-wrap table thead tr th{
	padding: 2px 0;
	border-width: 0 1px 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	text-align: center;
	overflow: hidden;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr td {
	padding: 2px 0;
	border-width: 0 0 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	background: #fff;
	text-align: center;
	font-size: 14px;
	height: 24px;
	overflow: hidden;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr.player-row-0 td {
	background: var(--c4);
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr.team td {
	border-width: 1px 0 1px 0;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr.total td {
	border-width: 0;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr td a {
	color: var(--c3);
}

/* table : thead first row */
div#match-page div.tab div.boxscore div.table-wrap table thead tr:first-child th {
	border-width: 1px 1px 1px 0; 
	width: 40px;
}

div#match-page div.tab div.boxscore div.table-wrap table thead tr:first-child th[colspan="2"] {
	width: 70px;
}

div#match-page div.tab div.boxscore div.table-wrap table thead tr:first-child th[colspan="3"] {
	width: 105px;
}

/* table : first col */
div#match-page div.tab div.boxscore div.table-wrap table thead tr th.first-col {
	position: sticky;
	left: 0;
	min-width: 42px;
	max-width: 42px;
	width: 42px;
	background: #fff;
	border-right: 1px solid var(--c5);
}

div#match-page div.tab div.boxscore div.table-wrap table thead tr th.first-col a {
	display: block;
	margin: 0 auto;
	width: 40px;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr td.first-col {
	position: sticky;
	left: 0;
	border-right: 1px solid var(--c5);
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr.total td.first-col, 
div#match-page div.tab div.boxscore div.table-wrap table tbody tr.team td.first-col {
	border-bottom: 0;
	border-left: 0;
	background: #fff;
}

/* table : second col */
div#match-page div.tab div.boxscore div.table-wrap table thead tr th.second-col {
	width: 160px;
}

div#match-page div.tab div.boxscore div.table-wrap table thead tr th.second-col a {
	color: var(--c3);
	font-weight: 400;
}

div#match-page div.tab div.boxscore div.table-wrap table tbody tr td.second-col {
	padding-left: 10px;
	text-align: left;
	white-space: nowrap;
}

div#match-page div.tab div.boxscore div.staff {
	margin: 10px 0 0 60px;
}

div#match-page div.tab div.boxscore div.staff div span.label {
	letter-spacing: 1px;
	font-size: 11px;
	text-transform: uppercase;
}

div#match-page div.tab div.boxscore div.staff div span.value {
	font-size: 12px;
	color: var(--c1);
}

@media all and (max-width: 560px) {
	div#match-page div.tab div.boxscore div.staff {
		margin: 10px 0 0 0;
	}
}/************************/
/***   PLAYERS PAGE   ***/
/************************/
div#players-page {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 5px 20px;
	max-width: 1349px;
}

div#players-page div.char-section-heading {
	padding: 5px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #434343;
}

div#players-page div.char-section-items {
	column-count: auto;
	column-width: 350px;
}

div#players-page div.char-section-items > div {
	padding: 5px 0;
	min-height: 40px;
}

div#players-page div.char-section-items > div a {
	color: #fff;
}

div#players-page div.char-section-items > div a div.image {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
}

/************************/
/***   PLAYER PAGE   ***/
/************************/

div#player-page {
	
}

div#player-page .page-header {
	position: relative;
	padding: 40px 0 160px;
}

div#player-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#player-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
 	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

/* TAB_SET */
#player-page .page-header > div .tab-set {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px 0 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px 10px 0 0;
}

#player-page .page-header > div .tab-set > div {
	margin: 5px 5px 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

#player-page .page-header > div .tab-set > div.active {
	text-shadow: 0 0 2px #fff;
	border-bottom: 2px solid var(--c2);
}

div#player-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#player-page .page-content > div {
	padding: 20px;
	background: var(--c4);
}

div#player-page .page-content > div .tab {
	display: none;
	margin: 0;
}

div#player-page .page-content > div .tab.active {
	display: block;
}

@media all and (max-width: 700px) {
	div#player-page .page-header > div {
		justify-content: center;
		padding: 0;
	}

	#player-page .page-header > div .tab-set {
		justify-content: center;
		border-radius: 0;
	}

	#player-page .page-header > div .tab-set > div {
		margin: 5px 5px 0 3px;
	}

	div#player-page .page-content {
		padding: 0;
	}
	
	div#player-page .page-content > div {
		padding: 20px 10px;
	}
}

@media all and (max-width: 430px) {	
	#team-page .page-header > div .tab-set > div {
		padding: 8px;
	}
}

#player-page .page-content > div .wrap-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 10px;
	color: var(--c3);
}

#player-page .page-content > div .wrap-header h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: inherit;
}

div#player-page .page-header > div div.general-info {
	display: flex;
	align-items: center;
	padding: 0 10px;
	color: #fff;
}

div#player-page .page-header > div div.general-info div.image {
	width: 200px;
	min-width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

div#player-page .page-header > div div.general-info div.details {
	padding: 5px 5px 5px 20px;
}

div#player-page .page-header > div div.general-info div.details div.top-details {
	font-size: 18px;
}

div#player-page .page-header > div div.general-info div.details div.name {
	margin: 10px 0 0 0;
	font-size: 30px;
}

div#player-page .page-header > div div.general-info div.details div.bottom-details {
	margin: 10px 0 0 0;
	font-size: 14px;
}

div#player-page .page-header > div div.general-info div.details div.team {
	margin: 20px 0 0 0;
}

div#player-page .page-header > div div.general-info div.details div.team a {
	color: #fff;
}

div#player-page .page-header > div div.general-info div.details div.team a div.logo {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	margin-right: 20px;
	background: #fff;
    padding: 4px;
    border-radius: 6px;
}

/* GENERAL STATS (header) */
div#player-page .page-header > div div.general-stats {
	margin: 20px 0 0 0;
	padding: 0 10px;
	display: flex;
	gap: 10px;
	color: #fff;
}

div#player-page .page-header > div div.general-stats > div {
	padding: 10px;
	text-align: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
}

div#player-page .page-header > div div.general-stats > div .value {
	font-size: 36px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}

div#player-page .page-header > div div.general-stats > div .label {
	margin-top: 4px;
	font-size: 12px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
}

@media all and (max-width: 500px) {
	div#player-page .page-header > div {
		justify-content: center;
	}

	div#player-page .page-header > div div.general-info {
		flex-wrap: wrap;
		justify-content: center;
	}

	div#player-page .page-header > div div.general-info div.details {
		padding: 5px;
		text-align: center;
	}
}

/* STATISTICS */
div#player-page div.statistics,
div#player-page div.career {
	margin: 0 0 20px 0;
	width: 100%;
}

div#player-page div.statistics div.table-wrap,
div#player-page div.career div.table-wrap {
	overflow-x: auto;
	border-radius: 10px;
	border: 1px solid var(--c5);
	background: #fff;
}

/* table */
div#player-page div.statistics div.table-wrap table,
div#player-page div.career div.table-wrap table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

div#player-page div.statistics div.table-wrap table thead tr th,
div#player-page div.career div.table-wrap table thead tr th {
	padding: 2px 0;
	border-width: 0 1px 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	text-align: center;
	overflow: hidden;
}

div#player-page div.statistics div.table-wrap table tbody tr td,
div#player-page div.career div.table-wrap table tbody tr td {
	padding: 2px 0;
	border-width: 0 0 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	background: #fff;
	text-align: center;
	font-size: 12px;
	height: 16px;
	overflow: hidden;
}

div#player-page div.statistics div.table-wrap table tbody tr.team td,
div#player-page div.career div.table-wrap table tbody tr.team td {
	border-width: 1px 0 1px 0;
}

div#player-page div.statistics div.table-wrap table tbody tr.total td,
div#player-page div.career div.table-wrap table tbody tr.total td {
	border-width: 0;
}

div#player-page div.statistics div.table-wrap table tbody tr td a,
div#player-page div.career div.table-wrap table tbody tr td a {
	color: var(--c3);
}

/* table : thead first row */
div#player-page div.statistics div.table-wrap table thead tr:first-child th,
div#player-page div.career div.table-wrap table thead tr:first-child th {
	border-width: 1px 1px 1px 0; 
	width: 35px;
}

div#player-page div.statistics div.table-wrap table thead tr:first-child th[colspan="2"],
div#player-page div.career div.table-wrap table thead tr:first-child th[colspan="2"] {
	width: 70px;
}

div#player-page div.statistics div.table-wrap table thead tr:first-child th[colspan="3"],
div#player-page div.career div.table-wrap table thead tr:first-child th[colspan="3"] {
	width: 105px;
}

/* table : first col */
div#player-page div.statistics div.table-wrap table thead tr th.first-col,
div#player-page div.career div.table-wrap table thead tr th.first-col {
	position: sticky;
	left: 0;
	min-width: 100px;
	max-width: 100px;
	width: 100px;
	background: #fff;
	border-right: 1px solid var(--c5);
}

div#player-page div.statistics div.table-wrap table tbody tr td.first-col,
div#player-page div.career div.table-wrap table tbody tr td.first-col {
	position: sticky;
	left: 0;
	border-right: 1px solid var(--c5);
}

div#player-page div.statistics div.table-wrap table tbody tr.total td.first-col, 
div#player-page div.statistics div.table-wrap table tbody tr.team td.first-col {
	border-bottom: 0;
	border-left: 0;
	background: #fff;
}

div#player-page div.career div.table-wrap table tbody tr td.first-col small {
	display: block;
	color: var(--c2);
}

/* first 2 rows */
div#player-page div.statistics div.table-wrap table tbody tr:nth-child(1) td,
div#player-page div.statistics div.table-wrap table tbody tr:nth-child(2) td {
	padding: 10px 0;
	background: var(--c4);
}

div#player-page div.career div.table-wrap table tbody tr.current td {
	background: var(--c4);
}.uw-playoff-bracket {
	margin: 0;
	padding: 0;
	overflow-x: auto;
}

.uw-playoff-bracket .bracket-rounds {
	display: flex;
	flex-direction: row;
	padding: 15px 15px;
	min-width: max-content;
	align-items: stretch;
	justify-content: center;
	overflow-x: auto;
}

.uw-playoff-bracket .bracket-round {
	position: relative;
	display: flex;
	flex-direction: column;
}

.uw-playoff-bracket .round-label {
	font-weight: 700;
	font-size: 13px;
	text-align: center;
	color: var(--c1);
	margin-bottom: 20px;
	padding: 8px 10px;
	background: var(--c4);
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	flex-shrink: 0;
}

.uw-playoff-bracket .round-matches {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	flex: 1;
}

.uw-playoff-bracket .bracket-match {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	color: inherit;
	flex: 1;
	padding: 10px 20px;
	min-height: 100px;
	width: 200px;
}

.uw-playoff-bracket.compact .bracket-match {
	padding: 5px 20px;
	min-height: 74px;
}

.uw-playoff-bracket .bracket-round:first-child .bracket-match {
	padding-left: 0;
}

.uw-playoff-bracket .bracket-round:last-child .bracket-match {
	padding-right: 0;
}

.uw-playoff-bracket .bracket-match:not(.empty):after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -1px;
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: var(--c2);
}

.uw-playoff-bracket .bracket-match:not(.empty):nth-child(odd):after {
	top: 50%;
	border-width: 1px 1px 0 0;
}

.uw-playoff-bracket .bracket-match:not(.empty):nth-child(even):after {
	bottom: 50%;
	border-width: 0 1px 1px 0;
}

.uw-playoff-bracket .bracket-round:last-child .bracket-match:after {
	display: none;
}

.uw-playoff-bracket .bracket-round:last-child .bracket-match:first-child:after {
	display: block;
	border-width: 1px 0 0 0;
}

.uw-playoff-bracket .match-content {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100px;
	width: 100%;
	background: #fff;
	border: 2px solid var(--c5);
	border-radius: 8px;
	padding: 4px 10px;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	z-index: 10;
	text-decoration: none;
	color: inherit;
}

.uw-playoff-bracket.compact .match-content {
	height: 74px;
}

.uw-playoff-bracket .bracket-match.final {
	padding-bottom: 140px;
    padding-top: 140px;
}

.uw-playoff-bracket.compact .bracket-match.final {
	padding-bottom: 114px;
    padding-top: 114px;
}

.uw-playoff-bracket .bracket-match.bronze {
	position: absolute;
	top: 50%;
	transform: translateY(70px);
}

.uw-playoff-bracket.compact .bracket-match.bronze {
	transform: translateY(57px);
}

.uw-playoff-bracket .bracket-match.final .match-content {
	color: #5c4600;
	font-weight: 700;
	overflow: hidden;
  
	background: linear-gradient(
	  120deg,
	  #fff3b0 0%,
	  #f6e27f 20%,
	  #d4af37 45%,
	  #b8962e 70%,
	  #fff1a8 100%
	);
	background-size: 300% 300%;
	animation: goldFlow 6s infinite ease-in-out,
    glowPulse 2.5s infinite ease-in-out;
  
	border: 2px solid #d4af37;
  
	box-shadow:
	  0 12px 28px rgba(212, 175, 55, 0.55),
	  inset 0 0 14px rgba(255, 255, 255, 0.45);
}

@keyframes goldFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
  }
  @keyframes glowPulse {
	0%, 100% { box-shadow: 0 0 18px rgba(255, 215, 0, 0.6); }
	50% { box-shadow: 0 0 36px rgba(255, 215, 0, 1); }
  }

  .uw-playoff-bracket .bracket-match.final .match-content::after {
	content: "";
	position: absolute;
	inset: -60%;
	background: linear-gradient(
	  120deg,
	  transparent 30%,
	  rgba(255, 255, 255, 0.45) 50%,
	  transparent 70%
	);
	animation: shimmer 4s infinite;
	pointer-events: none;
  }
@keyframes shimmer {
	0%   { transform: translateX(-100%) rotate(25deg); }
	100% { transform: translateX(100%) rotate(25deg); }
  }

.uw-playoff-bracket .bracket-match .bracket-match-name {
	margin: 0 0 3px;
    color: var(--c1);
    font-weight: 700;
	font-size: 12px;
}

.uw-playoff-bracket.compact .bracket-match .bracket-match-name {
	font-size: 10px;
}

.uw-playoff-bracket .bracket-match .bracket-match-teams {
	display: flex;
    flex-direction: column;
	height: 72px;
}

.uw-playoff-bracket.compact .bracket-match .bracket-match-teams {
	height: 48px;
}

.uw-playoff-bracket .bracket-team {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0;
	transition: all 0.2s ease;
}

.uw-playoff-bracket.compact .bracket-team {
	padding: 3px 0;
}

.uw-playoff-bracket .bracket-team.away {
	margin: auto 0 0 0;
}

.uw-playoff-bracket .bracket-team.winner {
	font-weight: 700;
}

.uw-playoff-bracket .bracket-team.winner .bracket-team-score {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.uw-playoff-bracket .bracket-team.winner .bracket-team-score:before {
    content: '';
    display: block;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent var(--c2);
}

.uw-playoff-bracket .bracket-team-info {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.uw-playoff-bracket .bracket-team-logo {
	width: 24px;
	height: 24px;
	object-fit: contain;
	flex-shrink: 0;
}

.uw-playoff-bracket.compact .bracket-team-logo {
	width: 18px;
	height: 18px;
}

.uw-playoff-bracket .bracket-team-code {
	font-size: 13px;
	font-weight: 500;
	color: var(--c3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uw-playoff-bracket.compact .bracket-team-code {
	font-size: 12px;
}

.uw-playoff-bracket .bracket-team-score {
	font-size: 16px;
	font-weight: 600;
	color: var(--c3);
	min-width: 30px;
	text-align: right;
	flex-shrink: 0;
}

.uw-playoff-bracket.compact .bracket-team-score {
	font-size: 14px;
}


.sm-posts-wrap {
	background: #fff;
}

#sm-posts  {
	opacity: 0;
	transition: opacity 1s;
}

#sm-posts.slick-initialized  {
	opacity: 1;
}

#sm-posts .item {
	display: none;
	margin: 10px;
	border: 1px solid var(--c5);
	border-radius: 8px;
    overflow: hidden;
	max-width: 450px;
	background: #fff;
}

#sm-posts .item:first-child {
	display: block;
}

#sm-posts.slick-initialized .item {
	display: block;
}

#sm-posts .item .media {
	display: block;
	position: relative;
}

#sm-posts .item .media:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}

#sm-posts .item .media.video:after {
	background-image: url('/site/template/images/icons/media-type-video.webp');
}

#sm-posts .item .media.carousel:after {
	background-image: url('/site/template/images/icons/media-type-carousel.webp');
}

#sm-posts .item .details {
	padding: 10px;
}

#sm-posts .item .details .caption {
	font-size: 14px;
	color: var(--c3);
}

#sm-posts .item .details .caption .hashtag {
	color: #3578e5;
}

#sm-posts .item .details .user {
	position: relative;
	display: flex;
	align-items: center;	
    margin: 10px 0 0 0;
	padding: 10px 50px 0 0;
	color: var(--c3);
	border-top: 1px solid var(--c5);
}

#sm-posts .item .details .user:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
}

#sm-posts .item .details .user.facebook:after {
	background-image: url('/site/template/images/icons/social-networks/facebook-c.webp');
}

#sm-posts .item .details .user.instagram:after {
	background-image: url('/site/template/images/icons/social-networks/instagram-c.webp');
}

#sm-posts .item .details .user.tiktok:after {
	background-image: url('/site/template/images/icons/social-networks/tiktok-c.webp');
}

#sm-posts .item .details .user .image {	
	flex-shrink: 0;
	position: relative;
	margin: 0 10px 0 0;
	padding-top: 15%;
	color: #3578e5;
	width: 15%;
	border-radius: 50%;
	overflow: hidden;
}

#sm-posts .item .details .user .image span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%;
}

#sm-posts .item .details .user .image span.blured {
	filter: blur(3px);
}

#sm-posts .item .details .user .data {
	width: 85%;
}

#sm-posts .item .details .user .data .name {
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

#sm-posts .item .details .data .time {
	font-size: 12px;
	font-weight: 300;
}

#sm-posts  .slick-track {
  display: flex;
  align-items: center;
}
div#standings-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

div#standings-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#standings-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#standings-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

div#standings-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#standings-page .page-content > form {
	padding: 20px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	div#standings-page .page-content {
		padding: 0;
	}
	
	div#standings-page .page-content > form {
		padding: 10px;
	}
}

/* Filters */
#standings-page .filters-wrap {
	display: flex;
	flex-wrap: wrap;
}

#standings-page .filters-wrap label {
	width: 240px;
	max-width: 100%;
	margin: 0 10px 10px 0;
}

#standings-page .filters-wrap label span {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
}

div#standings-page .page-content > form .standings-header {
    padding: 5px 10px 10px;
}

div#standings-page .page-content > form .standings-header h2 {
	margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}

div#standings-page .page-content > form .standings {
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 10px;
	overflow: hidden;
}

div#standings-page .page-content > form .standings .table-wrap {
	overflow-x: auto;
}

div#standings-page .page-content > form .standings .table-wrap table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th,
div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td {
	padding: 7px;
	font-size: 14px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: var(--c5);
}

div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th:last-child,
div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td {
	border-width: 0 0 1px 0;
}

div#standings-page .page-content > form .standings .table-wrap table > tbody > tr:last-child > td {
	border-width: 0;
}

div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th.stats-col {
	width: 40px;
}

div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th:first-child {
	width: 30px;
}

div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td:nth-child(2) {
	width: 30px;
}

div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td > a span.team-code {
	display: none;
}

div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td > a.logo {
	display: block;
	min-width: 40px;
	max-width: 40px;
}

@media all and (max-width: 900px) {
	div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th,
	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td {
		padding: 5px;
		font-size: 12px;
	}
}

@media all and (max-width: 600px) {
	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td > a span.team-code {
		display: block;
	}
	
	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td > a span.team-name {
		display: none;
	}
	
	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td > a.logo {
		min-width: 30px;
		max-width: 30px;
	}
	
	/* Sticky */
	div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th:first-child {
		position: sticky;
		left: 0;
		background: #fff;
		z-index: 1;
	}
	
	div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th:first-child div {
		min-width: 25px;
	}
	
	div#standings-page .page-content > form .standings .table-wrap table > thead > tr > th:nth-child(2) {
		position: sticky;
		left: 36px;
		background: #fff;
		z-index: 1;
	}

	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td:first-child {
		position: sticky;
		left: 0;
		background: #fff;
	}

	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td:nth-child(2) {
		position: sticky;
		left: 36px;
		background: #fff;
		z-index: 1;
	}

	div#standings-page .page-content > form .standings .table-wrap table > tbody > tr > td:nth-child(3) {
		position: sticky;
		left: 76px;
		background: #fff;
		border-right: 1px solid var(--c5);
		z-index: 1;
	}
}
div#statistics-page .page-header {
	position: relative;
	padding: 40px 0 160px;
	background-color: var(--c1);
}

div#statistics-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#statistics-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#statistics-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

/* TAB_SET */
#statistics-page .page-header > div .tab-set {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px 0 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px 10px 0 0;
}

#statistics-page .page-header > div .tab-set > div {
	margin: 5px 5px 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

#statistics-page .page-header > div .tab-set > div.active {
	text-shadow: 0 0 2px #fff;
	border-bottom: 2px solid var(--c2);
}

div#statistics-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#statistics-page .page-content > form {
	padding: 20px;
	background: var(--c4);
}

@media all and (max-width: 700px) {
	div#statistics-page .page-header > div {
		padding: 0;
	}

	div#statistics-page .page-header > div h1 {
		margin: 0 10px;
	}

	#statistics-page .page-header > div .tab-set {
		justify-content: center;
		border-radius: 0;
	}

	div#statistics-page .page-content {
		padding: 0;
	}
	
	div#statistics-page .page-content > form {
		box-sizing: border-box;
		padding: 10px;
	}
}

/* Filters */
#statistics-page .filters-wrap {

}

#statistics-page .filters-wrap > div.filters {
	display: flex;
	flex-wrap: wrap;
}

#statistics-page .filters-wrap label {
	width: 240px;
	max-width: 100%;
	margin: 0 10px 10px 0;
}

#statistics-page .filters-wrap label span,
#statistics-page .filters-wrap div span {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
}

/* Players */
#statistics-page .tab {
	
}

#statistics-page .tab .table-wrap {
	overflow-x: auto;
}

#statistics-page .tab .table-wrap table {
	width: 100%;
}

#statistics-page .tab .table-wrap table th,
#statistics-page .tab .table-wrap table td {
	padding: 5px;
	border-bottom: 1px solid var(--c5);
	text-align: left;
}

#statistics-page .tab .table-wrap table th.acenter,
#statistics-page .tab .table-wrap table td.acenter {
	text-align: center;
}

#statistics-page .tab .table-wrap table td .player {
	display: flex;
	align-items: center;
}

#statistics-page .tab .table-wrap table td .player .image {
	flex-shrink: 0;
	margin: 0 10px 0 0;
	width: 70px;
	height: 70px;
}

#statistics-page .tab .table-wrap table td .player .image img {
	display: block;
	width: 100%;
	height: 100%;
}

#statistics-page .tab .table-wrap table td .team {
	display: flex;
	align-items: center;
}

#statistics-page .tab .table-wrap table td .team .image {
	flex-shrink: 0;
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
}

#statistics-page .tab .table-wrap table td .team .image img {
	display: block;
	width: 100%;
	height: 100%;
}


/*********************/
/***   VIDEOS PAGE   ***/
/*********************/
div#summercamp-page {}

div#summercamp-page div.content .content-header {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	text-align: center;
	background-image: url('/site/images/summer-camp/background.webp');
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
	min-height: 500px;
	overflow: hidden;
}

div#summercamp-page div.content .content-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
}

div#summercamp-page div.content .content-header > div {
	position: relative;
	z-index: 1;
	padding: 20px;
}

div#summercamp-page div.content .content-header > div p {
	margin: 0 0 20px;
	font-size: 18px;	
	line-height: 1.2;
}

div#summercamp-page div.content .content-header > div h2 {
	margin: 0;
	padding: 0 0 30px;
	font-size: 40px;
	line-height: 1.2;
}

div#summercamp-page div.content .content-header > div a {
	box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #4cb19c;
    border-radius: 3px;
    border: none;
    outline: none;
    cursor: pointer;
}

div#summercamp-page div.content .content-body-1 {
	position: relative;
    background: repeating-linear-gradient(30deg, #000, #000 40px, #fff 0, #fff 80px)
}

div#summercamp-page div.content .content-body-1:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #323c3a;
    opacity: 0.975;
}

div#summercamp-page div.content .content-body-1 > div {
	position: relative;
	z-index: 1;
	margin: 0 auto 0;
	box-sizing: border-box;
	padding: 30px 10px;
	max-width: 1200px;
	color: #fff;
}

div#summercamp-page div.content .content-body-1 > div b {
	color: #4cb19c;
}

div#summercamp-page div.content .content-body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 10px;
	position: relative;
	margin: 0 auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#summercamp-page div.content .content-body .text {
	grid-column: 1 / span 2;
	grid-row: 1 / span 3;
	padding: 0 20px 20px 0;
}

div#summercamp-page div.content .content-body .text h3 {
	margin: 1.5em 0 0.5em;
	padding: 10px 0 0 0;
	color: #4cb19c;
	border-top: 1px solid #ededed;
}

div#summercamp-page div.content .content-body .text p {
	margin: 0.5em 0;
}

div#summercamp-page div.content .content-body .text ul {
	margin: 0.5em 0;
	padding: 0 0 0 24px;
}

div#summercamp-page div.content .content-body .text ul li {
	position: relative;
	list-style: none;
	margin: 0 0 10px 0;
}

div#summercamp-page div.content .content-body .text ul li i {
	position: absolute;
	top: 0;
	left: -20px;
}

div#summercamp-page div.content .content-body .text p {
	text-align: justify;
}

div#summercamp-page div.content .content-body .text .images {
	display: none;
}

div#summercamp-page div.content .content-body img {
	border-radius: 10px;
}

@media all and (max-width: 1100px) {
	div#summercamp-page div.content .content-body {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(6, 1fr);
		gap: 10px;
	}
	
	div#summercamp-page div.content .content-body .text {
		grid-column: 1 / span 4;
		grid-row: 1 / span 4;
	}
	
	div#summercamp-page div.content .content-body .img-1,
	div#summercamp-page div.content .content-body .img-2,
	div#summercamp-page div.content .content-body .img-3,
	div#summercamp-page div.content .content-body .img-4 {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	div#summercamp-page div.content .content-body .img-1 {
		grid-column: 5 / span 2;
		grid-row: 1;
	}
	
	div#summercamp-page div.content .content-body .img-2 {
		grid-column: 5 / span 2;
		grid-row: 2;
	}
	div#summercamp-page div.content .content-body .img-3 {
		grid-column: 5 / span 2;
		grid-row: 3;
	}
	
	div#summercamp-page div.content .content-body .img-4 {
		grid-column: 5 / span 2;
		grid-row: 4;
	}
	
	div#summercamp-page div.content .content-body .img-5 {
		grid-column: 1 / span 3;
		grid-row: 5 / span 2;
	}
	
	div#summercamp-page div.content .content-body .img-6 {
		grid-column: 4 / span 3;
		grid-row: 5 / span 2;
	}
}

@media all and (max-width: 760px) {
	div#summercamp-page div.content .content-header {
		border-radius: 0;
	}
	
	div#summercamp-page div.content .content-header > div {
		padding: 10px;
	}
	
	div#summercamp-page div.content .content-header > div p {
		font-size: 15px;
	}
	
	div#summercamp-page div.content .content-header > div h2 {
		font-size: 30px;
	}

	div#summercamp-page div.content .content-body {
		display: block;
		padding: 0 10px;
	}
	
	div#summercamp-page div.content .content-body .text {
		padding: 0;
	}
	
	div#summercamp-page div.content .content-body .text .images {
		display: flex;
		justify-content: space-between;
		margin: 30px -10px;
	}
	
	div#summercamp-page div.content .content-body .text .images a {
		display: block;
		width: 50%;
	}
	
	div#summercamp-page div.content .content-body img {
		border-radius: 0;
	}
	
	div#summercamp-page div.content .content-body > .img-1,
	div#summercamp-page div.content .content-body >	.img-2,
	div#summercamp-page div.content .content-body > .img-3,
	div#summercamp-page div.content .content-body > .img-4,
	div#summercamp-page div.content .content-body > .img-5,
	div#summercamp-page div.content .content-body > .img-6 {
		display: none;
	}
}

div#summercamp-page div.content .organizers {
	padding: 30px 0;
}

div#summercamp-page div.content .organizers h3 {
	text-transform: uppercase;
	text-align: center;
}

div#summercamp-page div.content .organizers .items {
	display: flex;
	justify-content: center;
	padding: 0 10px;
}

div#summercamp-page div.content .organizers .items a {
	display: block;
	margin: 0 1%;
	width: 31.333%;
	max-width: 200px;
}

div#summercamp-page div.content .organizers .items a .title {
	padding: 10px;
	color: var(--c3);
	text-align: center;
	border-top: 1px solid #ededed;
	font-size: 14px;
}

@media all and (max-width: 760px) {
	div#summercamp-page div.content .organizers .items a .title {
		font-size: 12px;
	}
}

div#summercamp-page .form-section {
	position: relative;
    padding: 40px 0 100px;
    background: repeating-linear-gradient(30deg, #000, #000 40px, #fff 0, #fff 80px)
}

div#summercamp-page .form-section:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #323c3a;
    opacity: 0.975;
}

div#summercamp-page .form-section > div {
	position: relative;
    z-index: 1;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
    color: #fff; 
    max-width: 700px;
    
}

/* OVERRIDES */
div#summercamp-page form.uw-form fieldset {
	border-color: #4cb19c;
}

#summercamp-page form.uw-form fieldset > legend {
	color: #4cb19c;
}

div#summercamp-page form.uw-form fieldset .field-wrap > .field input[type=number],
div#summercamp-page form.uw-form fieldset .field-wrap > .field input[type=date],
div#summercamp-page form.uw-form fieldset .field-wrap > .field input[type=text],
div#summercamp-page form.uw-form fieldset .field-wrap > .field select,
div#summercamp-page form.uw-form fieldset .field-wrap > .field textarea {
    border-color: #4cb19c;
}

div#summercamp-page form.uw-form button {
	background: #4cb19c;
}/**********************/
/***   TEAMS PAGE   ***/
/**********************/

div#teams-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

div#teams-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#teams-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#teams-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

div#teams-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#teams-page .page-content > div {
	padding: 20px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	div#teams-page .page-content {
		padding: 0;
	}
	
	div#teams-page .page-content > div {
		padding: 10px;
	}
}

/* Items Wrap */
div#teams-page div.items-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

div#teams-page div.items-wrap div.item {
	display: block;
	margin: 0;
	box-sizing: border-box;
	padding: 10px;
	width: 25%;
}

div#teams-page div.items-wrap div.item a {
	position: relative;
	display: block;
	padding: 20px 10px 20px;
	border: 1px solid #ededed;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

div#teams-page div.items-wrap div.item a div.image {
	margin: 0 auto;
	max-width: 130px;;
}

div#teams-page div.items-wrap div.item a div.image img {
	width: 100%;
}

div#teams-page div.items-wrap div.item a div.info {
	margin: 10px 0 0;
}

div#teams-page div.items-wrap div.item a div.info div.title {
	margin: 0 0 0 0;
	text-align: center;
	font-size: 14px;
}

div#teams-page div.items-wrap div.item a div.info div.code {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 8px;
	background: var(--c1);
	font-size: 12px;
	color: #fff;
	border-radius: 10px 0 10px 0;
}

@media all and (max-width: 900px) {
	div#teams-page div.items-wrap div.item {	
		width: 33.33333%;
	}
}

@media all and (max-width: 600px) {
	div#teams-page div.items-wrap div.item {	
		width: 50%;
	}
}

/**********************/
/***   TEAM PAGE   ***/
/**********************/

#team-page .page-header {
	position: relative;
	padding: 40px 0 200px;
}

#team-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

#team-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

#team-page .page-header > div div.team-wrap {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
}

#team-page .page-header > div div.team-wrap div.general-info {
	display: flex;
	align-items: center;
	width: 60%;
}

#team-page .page-header > div div.team-wrap div.general-info div.logo {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 120px;
	min-width: 120px;
	height: 120px;
	background: #fff;
    border-radius: 10px;
    padding: 5px;
}

#team-page .page-header > div div.team-wrap div.general-info div.details {
	padding: 5px 5px 5px 20px;
}

#team-page .page-header > div div.team-wrap div.general-info div.details div.title {
	font-size: 30px;
	color: #fff;
}

#team-page .page-header > div div.team-wrap div.general-info div.details div.website {
	margin: 10px 0 0 0;
}

#team-page .page-header > div div.team-wrap div.general-info div.details div.website a {
	font-size: 12px;
	color: #fff;
}

#team-page .page-header > div div.team-wrap div.general-info div.details div.social-networks {
	margin: 10px 0 0 0;
}

#team-page .page-header > div div.team-wrap div.general-info div.details div.social-networks a {
	display:inline-block;
	margin: 0 10px 0 0;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:50% 50%;
	cursor: pointer;
	vertical-align: middle;
}

#team-page .page-header > div div.team-wrap div.stats {
	width: 40%;
	text-align: right;
	white-space: nowrap;
}

#team-page .page-header > div div.team-wrap div.stats > div {
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	min-width: 100px;
	overflow: hidden;
}

#team-page .page-header > div div.team-wrap div.stats > div div.label {
	padding: 5px;
    text-transform: uppercase;
    background: var(--c2);
    text-align: center;
    color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
}

#team-page .page-header > div div.team-wrap div.stats > div div.value {
	padding: 10px 20px;
	font-size: 40px;
	text-align: center;
}

/* TAB_SET */
#team-page .page-header > div .tab-set {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px 0 0;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px 10px 0 0;
}

#team-page .page-header > div .tab-set > div {
	margin: 5px 5px 0 0;
	padding: 10px 16px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

#team-page .page-header > div .tab-set > div.active {
	text-shadow: 0 0 2px #fff;
	border-bottom: 2px solid var(--c2);
}

@media all and (max-width: 1100px) {
	#team-page .page-header > div div.team-wrap div.general-info div.logo {
		max-width: 100px;
		min-width: 100px;
		height: 100px
	}
	
	#team-page .page-header > div div.team-wrap div.general-info div.details div.title {
		font-size: 24px;
	}
	
	#team-page .page-header > div div.team-wrap div.general-info div.details div.website a {
		font-size: 11px;
	}
	
	#team-page .page-header > div div.team-wrap div.stats > div {
		margin: 5px;
		min-width: 80px;
	}

	#team-page .page-header > div div.team-wrap div.stats > div div.label {
		font-size: 12px;
	}

	#team-page .page-header > div div.team-wrap div.stats > div div.value {
		padding: 5px 10px;
		font-size: 30px;
	}
}

@media all and (max-width: 800px) {
	#team-page .page-header > div div.team-wrap {
		display: block;
		padding: 10px;
	}
	
	#team-page .page-header > div div.team-wrap div.general-info {
		width: 100%;
		justify-content: center;
	}
	
	#team-page .page-header > div div.team-wrap div.stats {
		margin: 20px 0 0 ;
		width: 100%;
		text-align: center;
	}
}

@media all and (max-width: 700px) {
	#team-page .page-header > div {
		padding: 0;
	}

	#team-page .page-header > div .tab-set {
		justify-content: center;
		border-radius: 0;
	}

	#team-page .page-header > div .tab-set > div {
		margin: 5px 5px 0 3px;
	}
}

@media all and (max-width: 500px) {
	#team-page .page-header > div div.team-wrap div.general-info {
		display: block;
		text-align: center;
	}

	#team-page .page-header > div div.team-wrap div.general-info div.logo {
		margin: 0 auto 10px;
	}
	
	#team-page .page-header > div div.team-wrap div.general-info div.details {
		display: inline-block;
		padding: 10px 5px 5px;
	}
	
	#team-page .page-header > div div.team-wrap div.general-info div.details div.title {
		font-size: 20px;
	}
}

@media all and (max-width: 430px) {	
	#team-page .page-header > div .tab-set > div {
		padding: 8px;
	}
}

#team-page .page-content {
	position: relative;
	margin: -210px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

#team-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 40px 20px;
	background: var(--c4);
}

@media all and (max-width: 700px) {
	#team-page .page-content {
		padding: 10px 0;
	}
	
	#team-page .page-content > div {
		padding: 30px 10px;
	}
}

#team-page .page-content > div .wrap-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 10px;
	color: var(--c3);
}

#team-page .page-content > div .wrap-header h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: inherit;
}

/* MATCHES AND LEADERS */
div#team-page div.matches-and-leaders-wrap {
	display: flex;
	margin: 0 0 20px 0;
}

/* Matches */
div#team-page div.matches-wrap {
	width: 40%;
}

div#team-page div.matches-wrap .items .match {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	padding: 2px 10px;
	width: 100%;
	font-size: 14px;
	color: var(--c3);
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: var(--c5);
	border-radius: 10px;
	overflow: hidden;
}

div#team-page div.matches-wrap .items div.heading {
	padding: 0 10px 2px;
	font-size: 12px;
}

div#team-page div.matches-wrap .items .match div.info {
	font-size: 11px;
	font-weight: 600;
}

div#team-page div.matches-wrap .items .match .competitors-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 150px;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.competitor {
	text-align: center;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.competitor .logo {
	display: block;
	max-width: 34px;
}

div#team-page div.matches-wrap .items .match  .competitors-wrap div.competitor .team-code {
	padding: 2px 0 0 0;
	font-size: 9px;
	letter-spacing: 3px;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.status {
	padding:  10px 10px 10px;
	white-space: nowrap;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.status span {
	position: relative;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.status .live-stream{
	font-size: 14px;
    padding: 2px 5px;
    background: var(--c2);
    color: #fff;
    border-radius: 6px;
}

div#team-page div.matches-wrap .items .match .competitors-wrap div.status span.winner:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent var(--c2) transparent;
}

/* Leaders */
div#team-page div.statistical-leaders-wrap {
	margin-left: 20px;
	width: 60%;
}

div#team-page div.statistical-leaders-wrap .items {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap {
	margin: 0 0 10px;
	width: 49%;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .heading {
	position: relative;
	padding: 5px;
	background: var(--c1);
	color: #fff;
	text-align: center;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	background: #fff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: var(--c5);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details {
	box-sizing: border-box;
	padding: 10px 5px 5px 5px;
	width: 50%;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.name {
	height: 59px;
	font-size: 16px;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.name a {
	color: var(--c3);
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.value {
	font-size: 28px;
}

div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.image {
	width: 50%;
	max-width: 100px;
}

/* DESKTOP ONLY */
@media all and (min-width: 1100px) {
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.name a:hover {
		color: var(--c1);
	}
}

@media all and (max-width: 1100px) {
	div#team-page div.matches-wrap .items .match div.heading {
		font-size: 12px;
	}
	
	div#team-page div.matches-wrap .items .match div.competitors-wrap div.competitor div.logo {
		height: 30px;
	}
	
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap .heading {
		font-size: 12px;
	}
	
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.name {
		height: 39px;
		font-size: 14px;
	}
}

@media all and (max-width: 900px) {
	div#team-page div.matches-and-leaders-wrap {
		display: block;
		margin: 0 0 20px 0;
	}
	
	div#team-page div.matches-wrap {
		margin: 0 0 20px 0;
		width: 100%;
	}
	
	div#team-page div.statistical-leaders-wrap {
		margin: 0;
		width: 100%;
	}
	
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.details div.name {
		height: 39px;
		font-size: 16px;
	}
}

@media all and (max-width: 560px) {
	div#team-page div.statistical-leaders-wrap {
		display: block;
	}
	
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap:not(:first-child),
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap {
		margin: 0 0 10px 0;
	}
	
	div#team-page div.statistical-leaders-wrap .items .statistic-wrap .leader-wrap div.image {
		max-width: 90px;
	}
}

/* IMAGE */
div#team-page div.team-image {
	margin: 0 0 20px 0;
	width: 100%;
}

div#team-page div.team-image img.img-responsive {
	width: 100%;
}

/* STATISTICS */
div#team-page div.team-statistics {
	margin: 0 0 20px 0;
	width: 100%;
}

div#team-page div.team-statistics div.table-wrap {
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 10px;
	overflow: hidden;
	overflow-x: auto;
}

div#team-page div.team-statistics div.table-wrap table {
	width: 100%;
	border-collapse: collapse;
}

div#team-page div.team-statistics div.table-wrap table thead tr th {
	padding: 2px 5px;
	text-align: center;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: var(--c5);
}

div#team-page div.team-statistics div.table-wrap table thead tr:first-child th:last-child {
	border-width: 0 0 1px 0;
}

div#team-page div.team-statistics div.table-wrap table tbody tr td {
	padding: 10px 5px;
	text-align: center;
}

@media all and (max-width: 1100px) {
	div#team-page div.team-statistics div.heading {
		font-size: 12px;
	}
}

div#team-page div.tab {
	display: none;
	margin: 0;
}

div#team-page div.tab.active {
	display: block;
}

@media all and (max-width: 1100px) {
	div#team-page div.tab-set > div {
		font-size: 12px;
	}
}

#team-page .page-content > div div.tab[data-tab="roster"] .wrap-header {
	padding: 0 10px 10px;
}

/* TAB Roster */
div#team-page div.tab div.roster {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	width: 100%;
}

div#team-page div.tab div.roster div.person {
	box-sizing: border-box;
	padding: 10px;
	width: 20%;
}

div#team-page div.tab div.roster div.person > * {
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 100%;
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
}

div#team-page div.tab div.roster div.person > * div.image {
	display: block;
	background: #fff;
}

div#team-page div.tab div.roster div.person > * div.info {
	width: 100%;
	padding: 20px 5px;
}

div#team-page div.tab div.roster div.person > * div.info div.name {
	font-size: 16px;
}

div#team-page div.tab div.roster div.person > * div.info div.details {
	margin: 5px 0 0 0;
	font-size: 12px;
}

div#team-page div.tab div.roster div.person > * div.info div.birth-date {
	margin: 5px 0 0 0;
	font-size: 12px;
}

div#team-page div.tab div.roster div.person > * div.info div.shirt-number {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 8px;
	background: var(--c1);
	color: #fff;
	border-radius: 10px 0 10px 0;
}

@media all and (max-width: 1100px) {
	div#team-page div.tab div.roster div.person {
		width: 25%;
	}
	
	div#team-page div.tab div.roster div.person > * div.info div.name {
		font-size: 14px;
	}

	div#team-page div.tab div.roster div.person > * div.info div.details {
		font-size: 11px;
	}

	div#team-page div.tab div.roster div.person > * div.info div.birth-date {
		font-size: 11px;
	}
}

@media all and (max-width: 800px) {
	div#team-page div.tab div.roster div.person {
		width: 33.3%;
	}
}

@media all and (max-width: 640px) {
	div#team-page div.tab div.roster div.person {
		width: 50%;
	}
	
	div#team-page div.tab div.roster div.person > * div.info div.name {
		font-size: 13px;
	}
}

/* TAB Matches */
div#team-page div.matches div.matches-day {
	margin: 20px 0 0;
    padding: 5px 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

div#team-page div.matches div.match {
	position: relative;
	display: flex;
	margin: 0 0 10px 0;
	width: 100%;
	border-radius: 10px;	
	border: 1px solid var(--c5);
	background: #fff;
	overflow: hidden;
}

div#team-page div.matches div.match > a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 5px 10px;
	width: 100%;
	font-size: 12px;
	color: var(--c3);
}

div#team-page div.matches div.match > a div.info {
	box-sizing: border-box;
	padding: 0 10px;
	width: 240px;
}

div#team-page div.matches div.match > a div.info span.time {
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
}

div#team-page div.matches div.match > a div.info span.arena {
	display: block;
	font-size: 12px;
}

div#team-page div.matches div.match > a div.competitors-wrap {
	width: 300px;
}

div#team-page div.matches div.match > a div.competitors-wrap div.competitor {
	display: flex;
	align-items: center;
	margin: 2px 0;
	box-sizing: border-box;
	padding: 0 10px;
}

div#team-page div.matches div.match > a div.competitors-wrap div.competitor .logo {
	display: block;
	min-width: 30px;
	max-width: 30px;
}

div#team-page div.matches div.match > a div.competitors-wrap div.competitor .team-name {
	display: block;
	padding: 10px;	
}

div#team-page div.matches div.match > a > div.status {
	box-sizing: border-box;
	padding: 0 10px;
	width: 100px;
	text-align: right;
}

div#team-page div.matches div.match > a > div.status .score {
	display: block;
	width: 100%;
	font-size: 18px;
}

div#team-page div.matches div.match > a > div.status .score div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

div#team-page div.matches div.match > a > div.status .score div.winner:before {
	content: '';
	display: block;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent var(--c2);
}

div#team-page div.matches div.match > a > div.status .live-stream {
	font-size: 14px;
    padding: 2px 5px;
    background: var(--c2);
    color: #fff;
    border-radius: 6px;
}

div#team-page div.matches div.match div.external-links {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
    width: 54px;
    border-left: 1px solid var(--c5);
}

div#team-page div.matches div.match div.external-links > a {
	width: 100%;
    box-sizing: border-box;
    padding: 4px;
    font-size: 0;
}

div#team-page div.matches div.match div.external-links > a:before {
	content: '';
	display: block;
	width: 100%;
	height: 26px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

div#team-page div.matches div.match div.external-links a.fiba-live-stats:before {
    background-image: url(../images/other/fiba-live-stats-logo-v.webp);
}

div#team-page div.matches div.match div.external-links a.youtube:before {
    background-image: url(../images/other/youtube-logo-v.svg);
}

@media all and (max-width: 700px) {
	div#team-page div.matches div.match > a {
		flex-wrap: wrap;
	}
	
	div#team-page div.matches div.match > a div.info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 0 5px 0;
		padding: 0 10px 5px;
		width: 100%;
		border-bottom: 1px solid var(--c5);
	}
	
	div#team-page div.matches div.match > a div.info span.time {
	    margin: 0 0 5px 0;
	}
	
	div#team-page div.matches div.match > a div.info .phase-and-pool {
		width: 100%;
	}
	
	div#team-page div.matches div.match > a div.competitors-wrap {
		width: 75%;
	}
	
	div#team-page div.matches div.match > a > div.status {
		width: 25%;
	}
}

/* TAB: STATISTICS */
div#team-page div.tab div.statistics {
	border: 1px solid var(--c5);
	border-radius: 10px;
	overflow: hidden;
}

div#team-page div.tab div.statistics div.table-wrap {
	overflow-x: auto;
}

div#team-page div.tab div.statistics div.table-wrap {
	overflow-x: auto;
}

div#team-page div.tab div.statistics div.table-wrap table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th {
	border-width: 0 1px 1px 0; 
}

div#team-page div.tab div.statistics div.table-wrap table thead tr:first-child th:last-child { 
	border-width: 0 0 1px 0;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr:first-child th { 
	width: 35px;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr:first-child th[colspan="2"] {
	width: 70px;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr:first-child th[colspan="3"] {
	width: 105px;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th {
	padding: 2px 0;
	border-width: 0 1px 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	background: #fff;
	text-align: center;
	overflow: hidden;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td {
	padding: 2px 0;
	border-width: 0 0 1px 0; 
	border-style: solid;
	border-color: var(--c5);
	background: #fff;
	text-align: center;
	font-size: 12px;
	height: 40px;
	overflow: hidden;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr.player-row-0 td {
	background: var(--c4);
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th.shirt-number {
	position: sticky;
	left: 0;
	width: 44px;
	max-width: 44px;
	min-width: 44px;
	border-top: none;
	border-right: none;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th.shirt-number,
div#team-page div.tab div.statistics div.table-wrap table thead tr th.image {
	position: sticky;
	left: 0;
	width: 44px;
	max-width: 44px;
	min-width: 44px;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th.image {
	left: 44px;
	border-right: 1px solid var(--c5);
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td.shirt-number,
div#team-page div.tab div.statistics div.table-wrap table tbody tr td.image,
div#team-page div.tab div.statistics div.table-wrap table tbody tr.team td:first-child,
div#team-page div.tab div.statistics div.table-wrap table tbody tr.total td:first-child {
	position: sticky;
	left: 0;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td.image {
	left: 44px !important;
	border-right: 1px solid var(--c5);
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td.image a {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 40px;
	min-width: 40px;
	border: 1px solid var(--c5);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

div#team-page div.tab div.statistics div.table-wrap table thead tr th.info {
	border-top: none;
	width: 140px;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td.info {
	padding-left: 10px;
	text-align: left;
	white-space: nowrap;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr td.info span {
	font-size: 90%;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr.team td,
div#team-page div.tab div.statistics div.table-wrap table tbody tr.total td {
	height: 30px;
}

div#team-page div.tab div.statistics div.table-wrap table tbody tr.team td:first-child,
div#team-page div.tab div.statistics div.table-wrap table tbody tr.total td:first-child {
	border-right: 1px solid var(--c5);
	text-align: center;
	font-weight: 700;
}/*******************/
/***   GENERAL   ***/
/*******************/
:root {
	--c1: #661166;
	--c2: #EE7330;
	--c3: #2A2A2A;
	--c4: #f9f9f9;
	--c5: #ededed;
	--c6: #290729;
	
	--filter-c1: invert(16%) sepia(24%) saturate(5436%) hue-rotate(277deg) brightness(99%) contrast(109%);
	--filter-c2: invert(55%) sepia(18%) saturate(6060%) hue-rotate(344deg) brightness(101%) contrast(87%);
	--filter-c3: invert(12%) sepia(22%) saturate(4%) hue-rotate(28deg) brightness(98%) contrast(88%);
	--filter-c4: brightness(0) saturate(100%) invert(100%) sepia(53%) saturate(1645%) hue-rotate(183deg) brightness(126%) contrast(95%);
	--filter-c5: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(480%) hue-rotate(200deg) brightness(117%) contrast(86%);
	--filter-c6: brightness(0) saturate(100%) invert(6%) sepia(25%) saturate(7468%) hue-rotate(284deg) brightness(84%) contrast(101%);
	--filter-white: invert(100%) sepia(0%) saturate(7494%) hue-rotate(337deg) brightness(107%) contrast(99%);
	
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: var(--c3);
	min-width: 380px;
}

.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.clearfix {
	margin: 0px;
	padding: 0px;
	clear: both;
}

p {
	margin: 12px 0;
	line-height: 1.7;
}

a {
	text-decoration: none;
	color: #6c1167;
}

select, input[type="text"], input[type="number"], input[type="password"] {
	box-sizing: border-box;
	padding: 0 14px;
	height: 32px;
	width: 100%;
	border-radius: 3px;
	border: 1px solid var(--c2);
	background: #fff;
	outline: none;
}

.aright {
	text-align: right;
}

.aleft {
	text-align: left;
}

.acenter {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

img.img-responsive {
	display:block;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
}

.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video-responsive iframe {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}

.container {
	margin: 0 auto;
	max-width: 1920px;
}

.animated-bg {
	position: relative;
	background-color: var(--c1);
	background: repeating-linear-gradient( 30deg, #000, #000 40px, #fff 0, #fff 80px );
	background-size: 320px auto;
	animation: uw-stripes-scroll 9s linear infinite;
}

.animated-bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.975;
	background-color: var(--c1);
	background: linear-gradient(135deg, #000 0%, var(--c1) 100%);
}

@keyframes uw-stripes-scroll {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -320px 0;
	}
}

/******************/
/***   HEADER   ***/
/******************/

#uw-header {
	position: relative;
	background-color: #fff;
	position: relative;
}

/* LOGO */
#uw-header  div.logo-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	box-sizing: border-box;
	padding: 10px 82px 10px 20px;
	height: 69px;
	width: 232px;
	background: #fff;
	clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
	z-index: 1100;
}

#uw-header  div.logo-wrap a.logo {
	display: block;
	box-sizing: border-box;
	padding: 5px;
}

/* SOCIAL NETWORKS WRAP */
#uw-header div.social-networks-wrap {
	border-bottom: 1px solid var(--c2);
}

#uw-header div.social-networks-wrap div.social-networks {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4px 80px 4px 0;
	max-width: 1920px;
	height: 28px;
	text-align: right;
}

#uw-header div.social-networks-wrap div.social-networks a {
	display:inline-block;
	margin: 0 10px 0 10px;
	box-sizing: border-box;
	padding: 3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
	background-color: var(--c3);
	border-radius: 4px;
}

#uw-header div.social-networks-wrap div.social-networks a > span {
	display:block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:50% 50%;
	filter: var(--filter-white);
}

/* MENU WRAP */
#uw-header div.menu-wrap {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1920px;
	z-index: 1000;
	background-image: url('/site/template/images/backgrounds/menu.jpg');
	background-repeat: repeat;
	background-position: 0 0;
}

#uw-header div.menu-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--c1);
	background: linear-gradient(135deg, #000 0%, var(--c1) 100%);
	opacity: 0.9;
}

/* MAIN MENU */
#uw-header div.menu-wrap div.main-menu {
	position: relative;
	display: flex;
	justify-content: flex-end;	
}

#uw-header div.menu-wrap div.main-menu div.season {
	position: absolute;
	left: 200px;
	top: 0;
	height: 40px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}

#uw-header div.menu-wrap div.main-menu div.season button.swich-to-current-season {
	display: block;
    font-size: 10px;
    padding: 2px;
    line-height: 1;
    background: var(--c2);
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

#uw-header div.menu-wrap div.main-menu div.season label {
	display: flex;
	align-items: flex-end;
	padding: 0 0 5px;
}

#uw-header div.menu-wrap div.main-menu div.season label span {
	margin: 0;
	color: var(--c2);
	font-size: 10px;
	line-height: 16px;
}

#uw-header div.menu-wrap div.main-menu div.season label select {
	background: none;
	color: #fff;
	border: none;
	padding: 2px 0 2px 5px;
	height: auto;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}

#uw-header div.menu-wrap div.main-menu div.season label select option {
	color: var(--c3);
}

#uw-header div.menu-wrap div.main-menu .menu-toggle-btn {
	display: none;
}

#uw-header div.menu-wrap div.main-menu nav {
	margin: 0;
	padding: 0 40px 0 40px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu {
	display: flex;
	margin: 0;
	padding: 0;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li {
	display: block;
	margin: 0 5px;
	padding: 0;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > a,
#uw-header div.menu-wrap div.main-menu nav ul.menu > li > span {
	display: block;
	margin: 5px 0;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 18px;	
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > a {
	border-radius: 6px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > span {
	position: relative;
	cursor: default;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.active > a {
	background: var(--c2);
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.active > span:after {
	display: block;
}

/* grouped */
#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu {
	position: absolute;
	top: 40px;
	left: 0;
	right:0;
	display: none;
	justify-content: right;
	margin: 0;
	padding: 5px 0;
	background: rgba(0,0,0,0.9);
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--c2);
	z-index: 1000;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu {
	position: absolute;
	top: 40px;
	left: 0;
	right:0;
	display: none;
	justify-content: right;
	margin: 0;
	padding: 5px 0;
	background: rgba(0,0,0,0.9);
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--c2);
	z-index: 1000;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group {
	padding: 0 5px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > span.g-title {
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
	color: var(--c2);
	font-size: 16px;
	font-weight: 700;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu {
	display: flex;	
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li {
	display: block;
	width: 25%;
	text-align: left;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > a,
#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > span {
	display: inline-block;
	margin: 5px 0;
	box-sizing: border-box;
	padding: 5px 10px;
	min-width: 80px;
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;	
	line-height: 18px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > a {
	border-radius: 6px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > span {
	cursor: default;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li.active > a {
	background: var(--c2);
}

/* second level */
#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu {
	position: absolute;
	top: 40px;
	left: 0;
	right:0;
	display: none;
	justify-content: right;
	flex-wrap: wrap;
	margin: 0;
	padding: 5px 0;
	background: rgba(0,0,0,0.9);
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--c2);
	z-index: 1000;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li {
	display: block;
	width: 20%;
	text-align: center;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > a,
#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > span {
	display: inline-block;
	margin: 5px 0;
	box-sizing: border-box;
	padding: 5px 10px;
	min-width: 80px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;	
	line-height: 18px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > a {
	border-radius: 6px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > span {
	cursor: default;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li.active > a {
	background: var(--c2);
}

/* COMPETITION MENU */
#uw-header div.menu-wrap div.competition-menu {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3px 0;
	background: rgba(0, 0, 0, 0.6);
	min-height: 10px;
}

#uw-header div.menu-wrap div.competition-menu.active {
	border-top: 1px solid var(--c2);
}

#uw-header div.menu-wrap div.competition-menu a.competition-name {
	font-size: 22px;
	box-sizing: border-box;
	padding: 0 50px 0 20px;
	max-width: 100%;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#uw-header div.menu-wrap div.competition-menu nav {
	padding: 0 40px;
}

#uw-header div.menu-wrap div.competition-menu nav ul.menu {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;	
}

#uw-header div.menu-wrap div.competition-menu nav ul.menu > li {
	display: block;
	margin: 0 5px;
}

#uw-header div.menu-wrap div.competition-menu nav ul.menu > li > a {
	position: relative;
	display: block;
	margin: 4px 0;
	padding: 4px 5px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	color: #fff;
	cursor: pointer;	
   	border-radius: 6px;
}

#uw-header div.menu-wrap div.competition-menu nav ul.menu > li.active > a {
	background: var(--c2);
}

/* DESKTOP ONLY */
@media all and (min-width: 1170px) {
	/* MAIN MENU */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > a:hover {
		background: var(--c2);
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > span:after {
		display: none;
		content: '';
		position: absolute;
		bottom: -6px;
		left: 50%;
		transform: translateX(-50%);
		border-width: 0 10px 8px 10px;
		border-color: transparent;
		border-style: solid;
		border-color: transparent transparent var(--c2) transparent;
		z-index: 1100;
	}
	 
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li:hover > span:after {
		display: block;
	}
	
	/* grouped */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li:hover > div.grouped-menu {
		display: flex;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > a:hover {
		background: var(--c2);		
	}
	
	/* second level */
	#uw-header div.menu-wrap div.main-menu nav ul.menu li:hover > ul.submenu {
		display: flex;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > a:hover {
		background: var(--c2);		
	}
	
	/* COMPETITION MENU */
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li > a:hover {
		background: var(--c2);
	}
}

@media all and (min-width: 1170px) and (max-width: 1348px) {	

	/* LOGO */
	#uw-header div.logo-wrap {
		width: 246px;
		height: 69px;
	}
	
	/* SOCIAL NETWORKS WRAP */
	#uw-header div.social-networks-wrap div.social-networks {
		padding: 5px 40px 5px 0;
	}	

	/* MAIN MENU */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > a,
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > span {
		font-size: 15px;
	}
	
	/* LEAGUE MENU */
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li a {
		font-size: 14px;
		line-height: 16px;
	}
}

@media all and (max-width: 1169px) {
	#uw-header div.logo-wrap {
		height: 91px;
	}
	
	#uw-header div.social-networks-wrap div.social-networks {
		padding: 10px;
		height: 42px;
	}

	#uw-header div.social-networks-wrap div.social-networks a {
		margin: 0 20px;
		width: 22px;
		height: 22px;
	}
	
	/* MAIN MENU */	
	#uw-header div.menu-wrap div.main-menu {
		display: block;
	}
	
	#uw-header div.menu-wrap div.main-menu div.season {
		height: 48px;
	}
	
	#uw-header div.menu-wrap div.main-menu .menu-toggle-btn {
		display: block;
		padding: 5px 0;
		margin: 0 20px 0 auto;
		width: 30px;
		cursor: pointer;
		transition: all 0.5s;
	}
	
	#uw-header div.menu-wrap div.main-menu.open .menu-toggle-btn {
		transform: scale(-1);
	}

	#uw-header div.menu-wrap div.main-menu .menu-toggle-btn div[class^="bar"] {
		margin: 8px 0;
		height: 2px;
		width: 100%;
		background-color: #fff;
		transition: all 0.5s;
	}
	
	#uw-header div.menu-wrap div.main-menu.open .menu-toggle-btn div[class^="bar"] {
		background-color: var(--c2);
	}

	#uw-header div.menu-wrap div.main-menu.open .menu-toggle-btn div.bar1 {
		transform: translate(0, 11px) rotate(-405deg);
	}

	#uw-header div.menu-wrap div.main-menu.open .menu-toggle-btn div.bar2 {
		opacity: 0;
	}

	#uw-header div.menu-wrap div.main-menu.open .menu-toggle-btn div.bar3 {
		transform: translate(0, -9px) rotate(405deg);
	}
	
	/* menu */
	#uw-header div.menu-wrap div.main-menu nav {
		margin: 0;
		padding: 0;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.1);
		background-color: var(--c3);
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li {
		display: block;
		margin: 0 auto;
		padding: 0;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > a,
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > span {
		margin: 0;
		padding: 20px;
		text-align: center;
		font-weight: 300;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li.active > span {
		background: transparent;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li.parent > span {
		position: relative;		
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li.parent > span:after {
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotateZ(90deg);
		right: 10px;
		width: 24px;
		height: 24px;
		background-image: url(../images/icons/arrow-up.svg);
		background-repeat: no-repeat;
		background-size: contain;
		filter: var(--filter-white);
		transition: transform 0.5s;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li.parent.open > span:after {
		transform: translateY(-50%) rotateZ(0deg);
	}
	
	/* grouped */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu {
		position: static;
		border-width: 0;
		font-size: 0;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group {
		display: inline-block;
		box-sizing: border-box;
		padding: 0 5px;
		width: 50%;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu {
		position: static;
		border-width: 0;
		font-size: 0;
		text-align: center;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li {
		display: inline-block;
		width: 33.333%;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > a,
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li > span {
		padding: 8px 10px;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li.active > a {
		background: var(--c2);
	}
	
	/* second level */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu {
		position: static;
		border-width: 0;
		font-size: 0;
		text-align: center;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li {
		display: inline-block;
		width: 33.333%;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > a,
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li > span {
		padding: 8px 10px;
		min-width: auto;
		width: 100%;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li.active > a {
		background: var(--c2);
	}
	
	/* COMPETITION MENU */
	#uw-header div.menu-wrap div.competition-menu {
		display: block;
	}
	
	#uw-header div.menu-wrap div.competition-menu .competition-name  {
		position: absolute;
		top: 14px;
		left: 0;
	}
	
	#uw-header div.menu-wrap div.competition-menu .menu-toggle-btn {
		position: relative;
		display: block;
		padding: 5px 0;
		margin: 0 20px 0 auto;
		width: 30px;
		cursor: pointer;
		transition: all 0.5s;
		z-index: 1;
	}
	
	#uw-header div.menu-wrap div.competition-menu.open .menu-toggle-btn {
		transform: scale(-1);
	}

	#uw-header div.menu-wrap div.competition-menu .menu-toggle-btn div[class^="bar"] {
		margin: 8px 0;
		height: 2px;
		width: 100%;
		background-color: #fff;
		transition: all 0.5s;
	}

	#uw-header div.menu-wrap div.competition-menu.open .menu-toggle-btn div.bar1 {
		transform: translate(0, 11px) rotate(-405deg);
	}

	#uw-header div.menu-wrap div.competition-menu.open .menu-toggle-btn div.bar2 {
		opacity: 0;
	}

	#uw-header div.menu-wrap div.competition-menu.open .menu-toggle-btn div.bar3 {
		transform: translate(0, -9px) rotate(405deg);
	}
	
	/* menu */
	#uw-header div.menu-wrap div.competition-menu nav {
		margin: 0;
		padding: 0;
	}
	
	#uw-header div.menu-wrap div.competition-menu nav ul.menu {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.1);
		background-color: var(--c3);
	}
	
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li {
		display: block;
		margin: 0 auto;
		padding: 0;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li a,
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li span {
		padding: 20px;
		text-align: center;
		font-weight: 300;
	}
	
	#uw-header div.menu-wrap div.competition-menu nav ul.menu > li.active > span {
		background: transparent;
	}
}

@media all and (max-width: 900px) {
	/* grouped */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li {
		width: 50%;
	}
}

@media all and (max-width: 520px) {
	#uw-header div.logo-wrap {
		justify-content: flex-start;
		padding: 0 0 0 10px;
		top: 42px;
		height: 49px;	
		width: 200px;
	}
	
	#uw-header div.logo-wrap a {
		height: 100%;
	}
	
	#uw-header div.social-networks-wrap div.social-networks {
		text-align: center;
	}
	
	#uw-header div.menu-wrap div.main-menu div.season {
		left: 180px;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li a,
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li span {
		padding: 15px 20px;
	}
	
	/* grouped */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group {
		text-align: center;
	}
	
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > div.grouped-menu > div.group > ul.submenu > li {
		width: 100%;
		text-align: center;
	}
	
	/* Second level menu */
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li > ul.submenu > li {
		width: 50%;
	}
}

/*******************/
/***   CONTENT   ***/
/*******************/
#uw-content {
	background-color: var(--c4);
	min-height: calc(100vh - 244px); /*  - 108px -136px */
}

@media all and (max-width: 1099px) {
	#uw-content {
		min-height: calc(100vh - 282px); /*  - 146px -136px */
	}
}

@media all and (max-width: 500px) {
	#uw-content {
		min-height: calc(100vh - 324px); /*  - 146px - -178px */
	}
}

/* Pagination */
#uw-content .pagination-wrap ul {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
	box-sizing: border-box;
	padding: 0 10px;
	width: 100%;
	justify-content: center;
	list-style: none;
}

#uw-content .pagination-wrap ul li {
	margin: 0 5px;
}

#uw-content .pagination-wrap ul li a,
#uw-content .pagination-wrap ul li span {
	display: block;
	padding: 3px;	
	background: #fff;
	border: 1px solid var(--c5);
	border-radius: 4px;
	font-size: 12px;
	line-height: 14px;
	width: 14px;
	text-align: center;
	cursor: pointer;
}

#uw-content .pagination-wrap ul li a.active,
#uw-content .pagination-wrap ul li span.active {
	background: var(--c2);
	color: #fff;
}

/* Banner */
.banner-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	padding: 20px;
	justify-content: center;
	align-items: center;
	background: rgba(0 0 0 / 0.5);
	z-index: 10000;
}

.banner-overlay .banner {
	position: relative; 
}

.banner-overlay .banner .close{
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: 30px;
	font-size: 40px;
	color: #fff;
	border: 1px solid #fff;
	line-height: 0;
	border-radius: 10px;
	cursor: pointer;
}

.banner-overlay .banner .close:hover {
	background: rgba(0 0 0 / 0.5);
}

.banner-overlay .banner img {
	display: block;
	max-height: 70vh;
}

.banner-overlay .banner .b-button {
	display: block;
	margin: 20px 0 0 0;
	box-sizing: border-box;
	padding: 10px 20px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: var(--c1);
	outline: 0;
	cursor: pointer;
	font-weight: 600;
	border-radius: 3px;
	border: none;
}

@media all and (max-width: 1099px) {
	.banner-overlay {
		padding: 8px;
	}
}

/******************/
/***   FOOTER   ***/
/******************/

#uw-footer {
	position: relative;
	background: #1e051e;
	overflow: hidden;
}

#uw-footer div.content {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-evenly;
	gap: 40px;
	margin: 0 auto;
	padding: 40px 40px;
	max-width: 1200px;
}

/* Footer Sections */
#uw-footer .footer-section {
	position: relative;
	flex: 1 1 0;
	max-width: 300px;
	min-width: 200px;
}

#uw-footer .footer-section.logo-section {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#uw-footer .footer-section.logo-section .logo {
	display: block;
	width: 100%;
	max-width: 200px;
}

#uw-footer .section-heading {
	margin-bottom: 15px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Contact Section */
#uw-footer .contact-section .contact-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#uw-footer .contact-section .contact-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	color: #fff;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	transition: all 0.3s ease;
	font-size: 14px;
	width: fit-content;
	white-space: nowrap;
}

#uw-footer .contact-section .contact-item:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: var(--c2);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#uw-footer .contact-section .contact-item svg {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	color: var(--c2);
}

#uw-footer .contact-section .contact-item span {
	word-break: break-word;
}

/* Social Section */
#uw-footer .social-section .social-items {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

#uw-footer .social-section .social-items a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 8px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: var(--c2);
	border-radius: 8px;
	transition: all 0.3s ease;
}

#uw-footer .social-section .social-items a:hover {
	background-color: var(--c1);
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#uw-footer .social-section .social-items a > span {
	display: block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	filter: var(--filter-white);
}

/* Copyright */
#uw-footer div.copyright {
	position: relative;
	padding: 15px 10px;
	text-align: center;
	font-size: 13px;
	background-color: rgba(0, 0, 0, 0.7);
	color: var(--c5);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	z-index: 1;
}

/* Responsive Design */
@media all and (max-width: 768px) {
	#uw-footer div.content {
		flex-direction: column;
		align-items: center;
		gap: 30px;
		padding: 30px 20px;
	}
	
	#uw-footer .footer-section {
		text-align: center;
		width: 100%;
		max-width: 400px;
	}
	
	#uw-footer .footer-section.logo-section {
		max-width: 180px;
	}
	
	#uw-footer .contact-section .contact-items {
		align-items: center;
	}
	
	#uw-footer .social-section .social-items {
		justify-content: center;
	}
}

@media all and (max-width: 500px) {
	#uw-footer div.content {
		padding: 20px 15px;
		gap: 20px;
	}
	
	#uw-footer .footer-section.logo-section {
		max-width: 150px;
	}
	
	#uw-footer .section-heading {
		font-size: 16px;
	}
	
	#uw-footer .contact-section .contact-item {
		font-size: 13px;
		padding: 6px 10px;
	}
}

.user-consent-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	padding:20px;
	background: #3a3838ed;
	justify-content: center;
	align-items: flex-start;
	z-index: 2000;
	animation: user-consent-wrap-slide-down 5s ease-in-out;
}

.user-consent-wrap .cn-text {
	max-width: 600px;
	color: #fff;
}

.user-consent-wrap .cn-button {
	display: block;
	margin: 0 0 0 20px;
	padding: 10px 20px;
	background-color: var(--c1);
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

@keyframes user-consent-wrap-slide-down {
  0% {
  	top: -400px;
  }
  95%{
  	top: -400px;
  }
  100% {
   top: 0;
  }
}
	
/* summer camp */
#uw-header div.menu-wrap div.main-menu nav ul.menu > li.summer-camp > a {
	position: relative;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.summer-camp.active > a {
	background: #4cb19c;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.summer-camp:not(.active) > a:after {
	content: 'Don\'t miss';
	position: absolute;
	top: 0;
	right: -14px;
	display: block;
	padding: 2px 3px;
	background: #4cb19c;
	color: white;
	font-size: 8px;
	line-height: 1;
	border-radius: 3px;
	transform: rotateZ(15deg);
}

/* diagnostics */
#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics > a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e3114a;
	font-weight: 700;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics > a:hover,
#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics.active > a {
	background: #e3114a;
	color: white;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics > a:after {
	content: '';
	display: inline-block;
	margin-left: 5px;

	background-image: url('/site/images/diagnostics/vantis-mini.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 19px;
	height: 19px;
}

#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics > a:hover:after,
#uw-header div.menu-wrap div.main-menu nav ul.menu > li.diagnostics.active > a:after {
	filter: grayscale(100%) brightness(0) invert(1);
}

@media (max-width: 1099px) {
	#uw-header div.menu-wrap div.main-menu nav ul.menu > li.summer-camp:not(.active) > a:after {
		top: 0;
		right: 0;
		font-size: 10px;
		border-radius: 0 0 0 3px;
		transform: none;
	}
}/***********************/
/***  TIMELINE WIDGET ***/
/***********************/
.uw-timeline-horizontal {
	position: relative;
	display: flex;
	padding: 5px 0 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--c1) rgba(0,0,0,0.3);
}

.timeline-inner {
	position: relative;
	min-width: 100%;
	flex: 0 0 auto;
}

/* The horizontal axis line */
.timeline-track-line {
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	min-width: 100%;
	height: 3px;
	background: #fff;
	z-index: 1;
	border-radius: 3px;
}

/* Flex container for all items */
.timeline-items {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 10px;
}

.timeline-marker {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 40px; /* Spacing between markers */
	position: relative;
	flex-shrink: 0;
	height: 100%; /* To allow aligning content? */
}

.timeline-marker.month-marker .marker-node {
	width: 11px;
	height: 11px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-top: 20px;
	z-index: 3;
}

.timeline-marker.month-marker .marker-label {
	position: absolute;
	top: 0;
	font-size: 14px;
	color: #fff;
	white-space: nowrap;
}

/* Day Group (Events) */
.timeline-day-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* Stack events aligned left of the node */
	margin-right: 30px; /* Spacing between event groups */
	flex-shrink: 0;
	position: relative;
	min-width: 150px; /* Ensure space for cards */
}

.day-node-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%; /* Center node in the group width */
	position: relative;
	height: 50px; /* Match top offset to center the node */
	justify-content: flex-end; /* Align node to bottom of this container which is the line */
}

.timeline-node {
	width: 11px;
	height: 11px;
	background: var(--c1);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	z-index: 3;
	position: absolute;
	top: 20px;
}

.node-date-label {
	position: absolute;
	top: 3px;
	font-size: 12px;
	color: #fff;
}

/* Events Stack */
.timeline-events-stack {
	display: flex;
	flex-direction: column;
	gap: 3px;
	width: 100%;
	position: relative;
}

/* Vertical line connecting node to stack */
.timeline-day-group::before {
	content: '';
	position: absolute;
	top: 26px; /* Line position */
	left: 50%;
	width: 2px;
	height: calc(100% - 30px); /* Go down to bottom */
	background: linear-gradient(to bottom, #fff 0%, transparent 100%);
	transform: translateX(-50%);
	z-index: 0;
	opacity: 0.3;
}

/* Event Card */
.timeline-card {
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 3px 5px;
	border-left: 3px solid var(--c2);
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	transition: all 0.2s ease;
	width: 100%;
	position: relative;
	z-index: 2;
}

.timeline-card[style*="--event-color"] {
	border-left-color: var(--c2);
}

.card-title {
	font-size: 10px;
	font-weight: 600;
	color: var(--c3);
	line-height: 1.2;
}

.card-date {
	font-size: 10px;
	color: #888;
}

/* Active Status */
.timeline-card.active {
	background: #fdfdfd;
	border-color: var(--c1);
}

/* Scrollbar Styling */
.timeline-scroll-container::-webkit-scrollbar {
	height: 8px;
}
.timeline-scroll-container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}
.timeline-scroll-container::-webkit-scrollbar-thumb {
	background: var(--c2);
	border-radius: 4px;
}
.timeline-scroll-container::-webkit-scrollbar-thumb:hover {
	background: var(--c1);
}

/* Responsive */
@media (max-width: 768px) {
	.timeline-day-group {
		min-width: 120px;
		margin-right: 20px;
	}
	
	.timeline-marker {
		margin-right: 20px;
	}
	
	.card-title {
		font-size: 13px;
	}
}
form.uw-form fieldset {
	margin: 0 0 30px 0;
	padding: 20px 20px 0;
	border: 0;
	border-left: 3px solid var(--c2);
}

form.uw-form fieldset > legend {
	color: var(--c2);
	font-weight: 600;
}

form.uw-form fieldset > p {
	margin: 0 0 20px 0;
	line-height: 1.2;
}

form.uw-form fieldset .field-wrap {
	margin: 0 0 20px;
}

form.uw-form fieldset .field-wrap > label {
	display: block;
	margin: 0 0 5px 0;
	font-weight: 600;
}

form.uw-form fieldset .field-wrap.invalid > label {
	color: #ff8c8c;
}

form.uw-form fieldset .field-wrap > .field {}

form.uw-form fieldset .field-wrap > .field input[type=number],
form.uw-form fieldset .field-wrap > .field input[type=date],
form.uw-form fieldset .field-wrap > .field input[type=text],
form.uw-form fieldset .field-wrap > .field select,
form.uw-form fieldset .field-wrap > .field textarea {
    box-sizing: border-box;
    padding: 0 14px;
    height: 30px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--c2);
    background: #fff;
    outline: 0;
}

form.uw-form fieldset .field-wrap.invalid > .field input[type=number],
form.uw-form fieldset .field-wrap.invalid > .field input[type=date],
form.uw-form fieldset .field-wrap.invalid > .field input[type=text],
form.uw-form fieldset .field-wrap.invalid > .field select,
form.uw-form fieldset .field-wrap.invalid > .field textarea {
    border-color: #ff8c8c;
}

form.uw-form fieldset .field-wrap > .field input[type=number] {
    padding-right: 5px;
}

form.uw-form fieldset .field-wrap > .field textarea {
	height: 100px;
	padding: 8px 14px;
    resize: vertical;
    min-height: 40px;
}

form.uw-form fieldset .field-wrap > .field .option {
	margin: 10px 0;
}

form.uw-form fieldset .field-wrap.checkbox {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

form.uw-form fieldset .field-wrap.checkbox label {
	font-weight: 400;
	margin-left: 10px;
}

form.uw-form button {
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: var(--c2);
	border-radius: 3px;
	border: none;
	outline: none;
	width: 100%;
	cursor: pointer;
}/*********************/
/***   VIDEOS PAGE   ***/
/*********************/
div#videos-page {}
div#videos-page .page-header {
	position: relative;
	padding: 40px 5px 200px;
}

div#videos-page .page-header:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--c1);
	opacity: 0.975;
}

div#videos-page .page-header > div {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	max-width: 1200px;
}

div#videos-page .page-header > div h1 {
	margin: 0;
	font-size: 30px;
	color: #fff;
}

div#videos-page .page-content {
	position: relative;
	margin: -160px auto 0;
	box-sizing: border-box;
	padding: 10px;
	max-width: 1200px;
}

div#videos-page .page-content > div {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	background: var(--c4);
	border-radius: 10px;
	overflow: hidden;
}

@media all and (max-width: 700px) {
	div#videos-page .page-content {
		padding: 0;
	}
	
	div#videos-page .page-content > div {
		padding: 10px;
	}
}

/* VIDEOS */
div#videos-page .items-wrap {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

div#videos-page .items-wrap a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 10px 10px 24px;
	margin: 0 0.5% 1%;
	width: 24%;
	background: #fff;
	border-radius: 10px;
	border: 1px solid var(--c5);
}

div#videos-page .items-wrap a div.thumbnail {
	position:relative;
	display: block;
	padding-top: 56%;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 10px;
	overflow: hidden;
}

div#videos-page .items-wrap a div.thumbnail:before {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: rgba(0,0,0,0.2);
}

div#videos-page .items-wrap a:hover div.thumbnail:before {
    background-color: transparent;
}

div#videos-page .items-wrap a div.thumbnail:after {
	content: '';
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('/site/template/images/icons/social-networks/youtube.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 25%;
    filter: var(--filter-c5);
}

div#videos-page .items-wrap a div.info {
	padding: 20px 0 5px;
}

div#videos-page .items-wrap a div.info div.title {
	margin: 0 0 0 0;
	font-size: 14px;
	color: var(--c3);
}

div#videos-page .items-wrap a div.info div.category {
	position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 10px;
    font-size: 12px;
    color: var(--c2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

div#videos-page .items-wrap a div.info div.date {
	position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    font-size: 12px;
    color: var(--c1);
    text-transform: uppercase;
    letter-spacing: 1px;
}

div#videos-page .items-wrap > button.slick-arrow {
	position: absolute;
	top: -40px;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent;
	font-size: 0;
	color: transparent;
	z-index: 100;
}

div#videos-page .items-wrap > button.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../images/icons/arrow-up.svg');
	background-size: contain;
	filter: var(--filter-white);
}

div#videos-page .items-wrap > button.slick-arrow.slick-disabled:before {
	opacity: 0.5;
}

div#videos-page .items-wrap > button.slick-prev {
	right: 45px;
}

div#videos-page .items-wrap > button.slick-next {
	right: 5px;
}

div#videos-page .items-wrap > button.slick-prev:before {
	transform: rotateZ(-90deg);
}

div#videos-page .items-wrap > button.slick-next:before {
	transform: rotateZ(90deg);
}

@media all and (max-width: 1100px) {
	div#videos-page .items-wrap a {
		width: 32%;
	}
}

@media all and (max-width: 680px) {
	div#videos-page .items-wrap a {
		margin: 0 1% 2%;
		width: 48%;
	}
}

@media all and (max-width: 500px) {
	div#videos-page .items-wrap a {
		padding: 5px 5px 22px;
	}
	
	div#videos-page .items-wrap a div.info {
		padding: 10px 0 2px;
	}
	
	div#videos-page .items-wrap a div.info div.category {
	    padding: 5px;
	}
	
	div#videos-page .items-wrap a div.info div.date {
	    padding: 5px;
	}
}

@media all and (max-width: 400px) {
	div#videos-page .items-wrap a div.info div.title {
		font-size: 13px;
	}
	
	div#videos-page .items-wrap a div.info div.category {
	    font-size: 11px;
	}
	
	div#videos-page .items-wrap a div.info div.date {
	    font-size: 11px;
	}
}