@charset "UTF-8";
/*
   Site: America's Cup

   Qiu Template System
   Base style sheet
   Version: 2.0
   Author: Albano Manganelli
   Mueva el Volante!
   	
   Table of Contents
   
   * Google Web Fonts and Icons
   * Normalization
   * Variables
   * Base styles: opinionated defaults
   * Site Styles
     * Type, Colors, Backgrounds
     * General Styles & Common Elements
     * Section: Home
     * Section: News 
     * Single: Article
     * Section: Landing
     * Single: Generic
     * Section: Gallery
     * Section: Contact, Login, Register
     * Error Page
   * Widgets
   * Plugins 
   * Helpers
   * Media Queries
   * Print
   
*/
/* ==========================================================
   GOOGLE WEB FONTS
   ========================================================== */
@import url(fonts/ionicons.css);
@import url(fonts/remixicon.css);
@import url(fonts/UIFont.css);
@import url(fonts/fontawesome.css);

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


:root {
  --row1-height: 50px;
  --row2-height: 50px;
  --body-h-padding: 20px;
  --header-extra: 1px;
  --header-height: calc(var(--row1-height) + var(--row2-height) + var(--header-extra));
  --max-width-column: 1440px;
  --max-width-column-normal: 1440px;
  --max-width-column-small: 1050px;
  --related-content-width: 350px;
  --red: #E02020;
  --red-bg: #de1f26;
  --darkblue: #021323;
  --lighterblue: #031a2f;
  --lightblue: #0087c3;
  --lightgreen: #00dc9c;
  --lightgrey: rgb(236 236 236);
  --lightgrey-2: #dedddd;
  --darkgrey: #7d7d7d;
  --cyan: #239fd6;
  --cyan-hover: #147EAC;
  --dark: #061c32;
  --light-dark: #0d2d4c;
  --black: #000000;
  --yellow: #ffe200;
  --white: #fff;
  --gap: 30px;
  --border-radius: 3px;
  --border-radius-sm: 5px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  --border-radius-full: 1000px;
  --font-family: "Figtree", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  --easing: cubic-bezier(0.77, 0, 0.18, 1);
  --top-bottom-gap-list: 30px;
  --line-h-0: 0.7;
  --new-blue: rgb(0, 0, 66);
  --bg-grey: #F5F5F5;
  --women-primary: #87867A;
  --women-secondary: #EDECE9;


  --main-color: black;
  --main-background: #ffffff;
  --secondary-background: white;
  --dark-grey-color: #818892;
  --grey-color: #a0a6af;
  --light-grey-color: #e0e4e8;
  --extra-light-grey-color: #eff1f3;
  --related-content-color: #d6d9dd;
  --selected-items-color: #009eff;
  --img-max-w: 250px;

  --padding-sm: 6px;
  --padding: 16px;
  --padding-md: 24px;
  --padding-lg: 42px;
  --wrapper-padding: var(--padding);
  --img-padding: 0px;
}

.primary-content {
  --max-width-column-small: 100%;
}


/* ==========================================================
   NORMALIZATION - http://necolas.github.com/normalize.css/
   ========================================================== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
  overflow: visible;
}

progress,
sub,
sup {
  vertical-align: baseline;
}

[type=checkbox],
[type=radio],
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

light {
  font-weight: 100;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border-radius: var(--border-radius);
}

button,
select {
  text-transform: none;
}

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

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

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

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

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

textarea {
  overflow: auto;
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

/* ==========================================================
   VARIABLES
   ========================================================== */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

.icon-close:before {
  content: "\eb98";
  font-family: 'remixicon';
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {

  background-color: var(--extra-light-grey-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
select,
textarea {
  font-family: var(--font-family);
  font-size: inherit;
  line-height: inherit;
}

body,
input,
textarea {
  font-family: var(--font-family);
  color: var(--black);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: none;
}

a {
  color: var(--cyan);
  text-decoration: none;
  -o-transition: all var(--easing) 0.1s;
  transition: all var(--easing) 0.1s;
  -webkit-transition: all var(--easing) 0.1s;
  -moz-transition: all var(--easing) 0.1s;
  cursor: pointer;
}

article p a:hover {
  color: var(--cyan);
  border-bottom: 2px solid var(--cyan);
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

[role="button"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-style: normal;
  text-rendering: optimizeLegibility;
  line-height: 1.3;
  margin-bottom: 16px;
  margin-top: 16px;
  clear: both;
  color: var(--dark);
  word-wrap: break-word;
  letter-spacing: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;

}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {}

h1 {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 700;
  text-transform: none;
  position: relative;
}

h2 {
  text-transform: none;
  font-size: 22px;
  line-height: 1.1;
}

h3 {
  font-size: 18px;
  text-transform: none;
  line-height: 1.1;
}

h4 {
  font-size: 16px;
  letter-spacing: 0px;
}

h5 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
}

h6 {
  font-size: 12px;
  text-transform: none;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 70%;
  display: inline-block;
  font-weight: normal;
}

.subheader {
  line-height: 1.3;
  color: #838d8f;
  font-weight: 300;
  margin-bottom: 24px;
}

p {
  margin-bottom: 30px;
  margin-top: 0;
  text-rendering: optimizelegibility;
  font-weight: 300;
}

#content p:empty {
  padding: 0;
  margin: 0;
  display: none !important;
}

aside,
aside p {
  font-size: 14px;

}

ul,
ol {
  margin: 1.825em 0 1.825em 2.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.825em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.625em;
}

strong {
  font-weight: 700;
}

cite,
em,
i {
  font-style: italic;
}

blockquote {
  font-weight: 400;
  padding: 24px 0;
  margin: 44px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-style: normal;
  font-size: 32px;
  text-transform: none;
  color: #3b3d40;
}

blockquote p {
  margin-bottom: 0;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote cite {
  font-size: 18px;
}

pre {
  background: #f0f0f0;
  background-size: 38px 38px;
  font: 12px Consolas, "Liberation Mono", Courier, monospace;
  line-height: 19px;
  margin: 0 0 1.825em;
  overflow: auto;
  padding: 0 0 0 4px;
}

code,
kbd {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
  border-bottom: 1px dotted #838d8f;
  cursor: help;
}

address {
  display: block;
  margin: 0 0 16px;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea,
select {
  background: #fff;
  border: 1px solid var(--light-grey-color);
  color: #3b3d40;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%;
  margin: 0;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: var(--border-radius-sm);
}

input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  color: #3b3d40;
  border-color: transparent;
  background: #F1F1F1;
}

select {
  padding: 3px 7px;
  height: 45px;
  font-size: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  -webkit-transition: border-color var(--easing) 0.1s;
  -o-transition: border-color var(--easing) 0.1s;
  transition: border-color var(--easing) 0.1s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:focus {
  color: #3b3d40;
  border-color: #3b3d40;
}

textarea {
  padding: 14px 11px;
  width: 100%;
  line-height: 18px;
  resize: none;
}

input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select {
  padding: 6px 15px;
  height: 50px;
  line-height: 18px;
}

input.form-control,
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea,
select {
  -webkit-transition: border-color var(--easing) 0.1s, background-color var(--easing) 0.1s;
  -o-transition: border-color var(--easing) 0.1s, background-color var(--easing) 0.1s;
  transition: border-color var(--easing) 0.1s, background-color var(--easing) 0.1s;
}

input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  overflow: auto;
}

input {
  -webkit-transition: background-color var(--easing) 0.1s;
  -o-transition: background-color var(--easing) 0.1s;
  transition: background-color var(--easing) 0.1s;
}

input.form-control[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  opacity: 0.5;
}


input[type=submit] {
  -webkit-appearance: none;
  border-radius: 30px;
}

::-webkit-input-placeholder {
  color: var(--dark);
}

:-moz-placeholder {
  color: var(--dark);
}

::-moz-placeholder {
  color: var(--dark);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--dark);
}

:input-placeholder {
  color: var(--dark);
}

.no-click .all-box-link {
  cursor: default;
}

.white-bg input,
.md-content input {
  background-color: #cfd2de;
}

.control-group,
.formly-field {
  margin: 0 auto 25px auto;
}

.control-group label,
.form-group label {
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  margin-top: 5px;
}

.control-group label>*,
.form-group label>* {
  display: inline-block;
}

.control-group .checkbox label>input,
.form-group .checkbox label>input,
.control-group .radio label>input,
.form-group .radio label>input {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  -webkit-appearance: none;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -1px;
  border: 3px solid #cfd2de;
  float: left;
  margin-bottom: 14px;
}

.dark .separator small,
.dark .separator span {
  color: #ffffff;
}

.dark.simple-text span {
  color: #fff !important;
}

.dark .control-group .checkbox label>input,
.dark .form-group .checkbox label>input,
.dark .control-group .radio label>input,
.dark .form-group .radio label>input {
  border: 3px solid #fff;
  background: #fff;
}

.checkbox label>input.ng-not-empty,
.radio label>input.ng-not-empty {
  background: var(--cyan) !important;
}

.control-group .controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.control-group .controls label {
  margin-bottom: 10px;
  text-transform: none;
}

.control-group .controls a,
.md-content .col2 .control-group,
.md-content .col3 .control-group {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(4, 4, 4, 0.7);
  margin: 5px 0;
}

.control-group .controls a:hover {
  color: #000000;
}

.formly-field .form-group .checkbox {
  text-transform: uppercase;
  font-weight: normal;
}

.formly>*>*:not(.form-buttons) {
  margin-left: auto;
  margin-right: auto;
}

.formly>*:not(.formly-field) {
  display: inline-block;
}

.formly-field .separator {
  border-bottom: none;
  font-size: 18px;
}

.formly-field .separator ul {
  margin: 20px 0 30px;
  padding: 0 0 0 15px;
}

.formly> :not(.formly-field) .form-buttons>span {
  display: block;
}

.formly>*:last-child {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.formly-field-select .controls {

  position: relative;
}

.formly-field-select .controls::after {
  content: "\ea4e";
  position: absolute;
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 19px;
  color: var(--dark);
  line-height: 50px;
  height: 50px;
  font-size: 24px;
  bottom: 0;
}

.dark .formly-field-select .controls::after {
  color: #fff;
}

.dark .no-results-container {
  color: white;
}

.separator {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}

.form-group .checkbox label>span,
.form-group .checkbox label>span>div {
  display: inline;
}

.formly-field-multiCheckbox .form-group label,
.formly-field-checkbox .form-group label {
  margin-bottom: 15px;
  display: block;
  cursor: pointer;
  text-transform: none;
  font-weight: normal;
}

#supplier-registration-wrapper:has(.ng-submitted) #suppliers-register {
  display: none;
}

#supplier-registration-wrapper:has(.ng-submitted) #sign-up {
  max-width: 600px;
}

.formly-field-checkbox .form-group label a:hover {
  text-decoration: underline;
}

.formly-field-multiCheckbox .form-group>.controls>label {
  margin-bottom: 20px;
}

.formly-field .input-group {
  margin: 0;
}

.formly-field-datepicker .input-group-btn button {
  display: none;
}

.validation {
  font-size: 13px;
  color: red;
  margin-top: 5px;
}

.form-group.has-error .form-control {
  border: 1px solid red;
}

.form-group.has-error label {
  color: red;
}

.formly-error {
  display: none;
}

.form-messages {
  text-align: center;
  font-size: 22px;
}

.formly:not(.ng-submitted) .form-messages:not(.message-success) {
  position: absolute;
  top: auto;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  justify-content: center;
  color: #fff;
  border-radius: var(--border-radius-sm);
  background: var(--cyan);
  padding: 10px 20px;
  bottom: 0;
}

.dark .form-messages {
  color: white;
}

.pagination-page,
.pagination.more .pagination-more,
.pagination.showmore-inline .pagination-page,
.load-more-bt,
.widget-link>a,
.btn,
.link-button a,
.btn-group a,
.more-items-action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #000000;
  white-space: normal;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: var(--border-radius-full);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .3s var(--easing);
  color: var(--dark);
  text-transform: uppercase;
  width: 200px;
}

.pagination-page,
.pagination.more .pagination-more,
.pagination.showmore-inline .pagination-page,
.load-more-bt,
.widget-link>a {
  background: none !important;
  color: var(--dark) !important;
  border: 1px solid #000000 !important;
  margin: 20px auto;
  display: block;
  width: 200px;
}

.wrapper>.link-button,
.wrapper>.btn-group,
.more-items-action {
  margin: auto 0 0 auto !important;
}

.wrapper>.link-button.link-button-b {
  margin-top: 10px !important;
}

.wrapper>.link-button.link-button-b a {
  background-color: var(--dark);
}

.wrapper>.link-button.link-button-b a:hover {
  background-color: var(--light-dark);
}

.title-buttons .btn,
.arrow-button .wrapper>.link-button a,
.link-button.arrow-button a,
.arrow-button .wrapper .teams-link .link-button a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: normal;
  text-align: left;
}

.title-buttons .btn:after,
.arrow-button .wrapper>.link-button a:after,
.link-button.arrow-button a:after,
.arrow-button .wrapper .teams-link .link-button a:after {
  content: "\ea6c";
  font-family: "Remixicon";
  flex: none;
  margin-left: 10px;
  display: flex;
  transition: all .3s var(--easing);
}

.title-buttons .btn:hover:after,
.arrow-button .wrapper>.link-button a:hover:after,
.link-button.arrow-button a:hover:after,
.arrow-button .wrapper .teams-link .link-button a:hover:after {
  transform: translate(10px, 0px);
  transition: all .3s var(--easing);
}

.dark-text-button .wrapper>.link-button a {
  color: var(--dark)
}

.dark-text-button .wrapper>.link-button a:hover {
  background-color: #fff;
}

.yellow-button .link-button a,
.yellow-button .btn-group a,
.yellow-button .more-items-action {
  background-color: var(--yellow);
}

.white-button .link-button a,
.white-button .btn-group a,
.white-button .more-items-action {
  background-color: var(--white);
}

.dark-button .link-button a:hover,
.dark-button .btn-group a:hover,
.dark-button .more-items-action:hover,
.white-button .link-button a:hover,
.white-button .btn-group a:hover,
.white-button .more-items-action:hover {
  background-color: var(--cyan) !important;
  color: #fff !important;
}

.green-button.btn,
.green-button .link-button a,
.green-button .btn-group a,
.green-button .more-items-action {
  background-color: var(--lightgreen);
}

.dark-button .link-button a,
.dark-button .btn-group a,
.dark-button .more-items-action {
  background-color: var(--dark);
  color: #fff;
}

.womens-button .link-button a,
.womens-button .btn-group a,
.womens-button .more-items-action {
  background-color: var(--women-primary);
  color: #fff;
}


.more-items-action,
.landing-news .more-items-item .wrapper .link-button a {
  margin-left: auto;
  font-size: 13px;
  padding: 8px 13px;
}

.more-items-action,
.landing-news .more-items-item .wrapper .link-button {
  opacity: 0;
}

.more-items-item .wrapper .more-items-action,
.landing-news .more-items-item .wrapper .link-button {
  z-index: 3;
  margin-right: -100%;
  transition: opacity 0.3s var(--easing), margin 0.3s var(--easing);
}

.btn-visible .more-items-item .wrapper .more-items-action,
.btn-visible.landing-news .more-items-item .wrapper .link-button,
.touch .more-items-item .wrapper .more-items-action,
.touch .landing-news .more-items-item .wrapper .link-button {
  margin-right: 0;
  opacity: 1;
}

.more-items-item:hover .more-items-action,
.landing-news .more-items-item:hover .wrapper .link-button {
  opacity: 1;
  margin-right: 0;
  transition: opacity 0.3s var(--easing), margin 0.3s var(--easing);
}

.landing-news:not(.dark) .more-items-item .wrapper .link-button a:hover {
  color: white;
  background-color: var(--dark);
}

.btn-normal.link-button,
.btn-normal .wrapper>.link-button,
.btn-normal .wrapper>.btn-group,
.btn-normal .more-items-action {
  position: relative;
  bottom: 0;
  margin-top: 10px !important;
  margin-left: 0 !important;
}

.btn-normal.link-button:last-child:first-child,
.btn-normal .wrapper>.link-button:last-child:first-child {
  margin: 0;
}

.btn-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.btn-group a {
  width: 100%;
  margin-bottom: 10px;
}

.small-btn .btn,
.small-btn .link-button a,
.small-btn .btn-group a,
.small-btn .more-items-action {
  padding: 4px 15px;
  font-size: 14px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: var(--dark);
  border-color: var(--dark);

}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}

.btn-primary {
  color: #ffffff;
  background-color: var(--cyan);
  border-color: var(--cyan-hover);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: var(--dark);
  border-color: var(--dark);
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}

.btn-success {
  color: #ffffff;
  background-color: var(--cyan);
  border-color: transparent;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: var(--cyan);
  border-color: transparent;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: var(--cyan);
  border-color: transparent;
}

.btn-success .badge {
  color: var(--lightblue);
  background-color: #ffffff;
}

.btn-empty {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #ffffff;
}

.pagination-page:hover,
.pagination.more .pagination-more:hover,
.pagination.showmore-inline .pagination-page:hover,
.load-more-bt:hover,
.widget-link>a:hover,
.btn-empty:hover,
.btn-empty:focus,
.btn-empty.focus,
.btn-empty:active,
.btn-empty.active,
.open>.dropdown-toggle.btn-empty,
.link-button a:hover,
.btn-group a:hover,
.more-items-action:hover {
  color: #ffffff !important;
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
  transition: all .3s var(--easing) !important;
}

.btn-empty:active,
.btn-empty.active,
.open>.dropdown-toggle.btn-empty {
  background-image: none;
}

.btn-empty.disabled,
.btn-empty[disabled],
fieldset[disabled] .btn-empty,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-empty:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-empty:focus,
.btn-empty.disabled.focus,
.btn-empty[disabled].focus,
fieldset[disabled] .btn-empty.focus,
.btn-empty.disabled:active,
.btn-empty[disabled]:active,
fieldset[disabled] .btn-empty:active,
.btn-empty.disabled.active,
.btn-empty[disabled].active,
fieldset[disabled] .btn-empty.active {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}

.btn-empty .badge {
  color: #ffffff;
  background-color: transparent;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

.is-mobile {
  display: none !important;
}

.slide-content p,
.article-view-body table {
  font-family: var(--font-family);
}

.more-items-text,
.more-items-short-text,
.more-items-long-text,
.slide-content p,
.wrapper>p,
.more-items-item .wrapper {
  font-family: var(--font-family);
}

.more-items-item .wrapper>ul {
  margin-left: 0;
}

.wrapper>ul,
.wrapper>p,
.more-items-short-text {
  color: var(--dark);
  font-weight: 400;
}

time {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.date-time {
  display: none;
}

table {
  text-align: left;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-spacing: 0;
}

table td,
table th {
  padding: 5px 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

table tr:nth-child(even) td {
  background-color: #faf9f9;
}

.tabs-content>.widget>.loading-container {
  height: 30svh;
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-loading {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-loading:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--dark);
  border-color: var(--dark) transparent var(--dark) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.form-inline .formly {
  display: flex;
  flex-wrap: wrap;
}

.form-inline .formly .formly-field {
  padding: 10px 0px;
  position: relative;
  margin-bottom: 10px;

}

.form-inline .formly .formly-field.agree {
  width: calc(100% - var(--gap));
}

.formly>* {
  width: calc(100% - var(--gap));
}

.form-inline .formly .formly-field.formly-field-separator {
  width: calc(100% - var(--gap));
}

#sign-up-overlay.form-inline .formly .formly-field.email {
  width: calc(100% - var(--gap));
}

.form-inline .formly>*:last-child {
  margin: 10px 5px;
  position: relative;
  text-align: right;
  width: calc(100% - var(--gap));
}

.form-inline .formly>*:last-child .tooltip {
  display: none !important;
}

.form-inline .formly .formly-field .validation {}

/* DARK */
body.dark {
  color: rgba(255, 255, 255, 0.56);
  background-color: var(--dark);
}

.dark #header {
  background: var(--dark);
}

.dark .row-fluid,
.dark.widget,
.dark .md-content {
  background-color: var(--dark);
}


.dark .related-content {
  background-color: transparent;
}

.dark .md-content a {
  color: #ffffff;
}

.dark .img-aside .more-items-item,
.dark.img-aside>.more-items-list .more-items-item,
.dark .widget:not(.text-over):not(.home-items):not(.dark-blue-items) .more-items-item .wrapper,
.dark.widget:not(.text-over):not(.dark-blue-items):not(.transparent-items)>.more-items-list .more-items-item .wrapper,
.dark .video-view header,
.dark .primary-content .widget.article-view,
.primary-content .widget.article-view.dark,
.dark .primary-content .widget.article-view .article,
.primary-content .widget.article-view.dark .article {
  background-color: var(--light-dark);
  color: #ffffff;
}


.dark.widget.article-view .article {
  background-color: var(--light-dark);
}

.dark .widget.text-over .more-items-item .wrapper {
  background: rgba(0, 0, 0, 0.4);
}

.dark .more-items-list .more-items-item time {
  color: #fff9;
}

.dark .more-items-list .more-items-item .wrapper h2,
.dark .more-items-list .more-items-item .wrapper h3,
.dark .more-items-list .more-items-item .wrapper>ul,
.dark .more-items-text,
.dark .more-items-short-text,
.dark .more-items-long-text {
  color: rgba(255, 255, 255, 1);
}

.dark.white-text .more-items-item .wrapper>ul,
.dark.white-text .more-items-text,
.dark.white-text .more-items-short-text,
.dark.white-text .more-items-long-text {
  color: #fff
}

.dark header .widget {
  background-color: inherit;
}

.dark .video-view header,
.dark.video-view header {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark .section-title a,
.dark .widget-title a {
  color: #ffffff;
}

.dark.boxed .slide-content,
.dark .boxed .slide-content {
  background-color: var(--dark) !important;
}

.dark.boxed .slide-content *,
.dark .boxed .slide-content * {
  color: #ffffff !important;
}

.dark .scoreboard ul li * {
  color: rgba(255, 255, 255, 0.56);
}

.dark .tabs li a {
  color: #ffffff;
  border-color: #ffffff;
  opacity: .4;
}

.dark .tabs li a.active {
  color: #ffffff;
  border-color: #ffffff;
  opacity: 1;
}

.dark h1,
.dark>h1,
.dark>h2,
.dark>h3,
.dark>h4,
.dark>h5,
.dark>h6,
.dark>h1 *,
.dark>h2 *,
.dark>h3 *,
.dark>h4 *,
.dark>h5 *,
.dark>h6 *,
.dark .more-items-list .more-items-item .wrapper>h2,
.dark .more-items-list .more-items-item .wrapper>h2 a,
.dark .socialstream-item-username,
.dark .more-items-category,
.dark .more-items-subsection,
.dark .article-view-time {
  color: #fff;
}

.dark h1 a:hover,
.dark>h1 a:hover,
.dark>h2 a:hover,
.dark>h3 a:hover,
.dark>h4 a:hover,
.dark>h5 a:hover,
.dark>h6 a:hover {
  color: #fff;
}

.dark input.form-control,
.dark input[type=text],
.dark input[type=password],
.dark input[type=email],
.dark input[type=tel],
.dark textarea,
.dark select {
  background: rgba(217, 217, 217, 0.3);
  border-color: rgba(217, 217, 217, 0.3);
  color: #fff;
}

.dark input.form-control:focus,
.dark input[type=text]:focus,
.dark input[type=password]:focus,
.dark input[type=email]:focus,
.dark input[type=number]:focus,
.dark input[type=tel]:focus,
.dark textarea:focus {
  color: #fff;
  background: rgba(217, 217, 217, 0.2);
  border-color: rgba(217, 217, 217, 0.2);
}

.dark ::-webkit-input-placeholder {
  color: #fff;
}

.dark :-moz-placeholder {
  color: #fff;
}

.dark ::-moz-placeholder {
  color: #fff;
}

.dark :-ms-input-placeholder {
  color: #fff;
}

.dark :input-placeholder {
  color: #fff;
}

.dark .control-group label,
.dark .form-group label {
  color: #ffffff;
}

.dark p,
.dark .socialstream-item-message {
  color: var(--white);
}

.dark table tr:nth-child(even) td {
  background-color: rgba(222, 222, 222, 0.13);
}

.dark table,
.dark table td,
.dark table th {
  border-color: rgba(221, 221, 221, 0.36);
}

.dark .dropdown-menu {
  background-color: var(--dark);
}

.dark>ul li .wrapper .link-button a:hover,
.dark>ul li .wrapper .more-items-action:hover {
  color: var(--dark);
  background-color: #ffffff;
  border-color: #ffffff;
}

.text-over.dark-text .wrapper>p,
.dark-text .wrapper>p,
.dark-text .more-items-short-text {
  color: var(--dark);

}

.dark-wrapper-title.text-over .wrapper h2,
.dark-wrapper-title.text-over .wrapper h2 a,
.dark-wrapper-title.text-over .wrapper h2 a *,
.dark-wrapper-title .wrapper h2,
.dark-wrapper-title .wrapper h2 a,
.dark-wrapper-title .wrapper h2 a * {
  color: var(--dark);

}

.dark .more-items-action:hover {
  background-color: #fff;
  color: var(--dark);
}

.dark .pagination.more .pagination-more:hover,
.dark .pagination.showmore-inline .pagination-page:hover,
.dark .load-more-bt:hover,
.dark .widget-link>a:hover {
  background-color: var(--lightblue);
  color: white;
}

.dark .load-more-bt:hover,
.red .more-items-list .more-items-item,
.red-blue .more-items-list .more-items-item:nth-child(odd),
.blue-red .more-items-list .more-items-item:nth-child(even) {
  background-color: var(--cyan);
}

.dark .widget.white-bg,
.dark .white-bg {
  background-color: var(--light-dark);
}

.dark .owl-theme.owl-carousel .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

.dark .owl-theme.owl-carousel .owl-dots .owl-dot.active span,
.dark .owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
  background-color: #ffffff;
}

.red.text-over .more-items-list .more-items-item .wrapper:after,
.red-blue.text-over .more-items-list .more-items-item:nth-child(odd) .wrapper:after,
.blue-red.text-over .more-items-list .more-items-item:nth-child(even) .wrapper:after {
  background-color: rgb(44 0 3);
  mix-blend-mode: hard-light;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: background-color 0.5s var(--easing);
  -o-transition: background-color 0.5s var(--easing);
  transition: background-color 0.5s var(--easing);
  top: 0;
}

.red.text-over .more-items-list .more-items-item:hover .wrapper,
.red-blue.text-over .more-items-list .more-items-item:nth-child(odd):hover .wrapper,
.blue-red.text-over .more-items-list .more-items-item:nth-child(even):hover .wrapper,
.red.text-over .more-items-list .more-items-item .wrapper,
.red-blue.text-over .more-items-list .more-items-item:nth-child(odd) .wrapper,
.blue-red.text-over .more-items-list .more-items-item:nth-child(even) .wrapper {
  background-color: transparent;
  z-index: auto;
}

.red.text-over .more-items-list .more-items-item:hover .wrapper:after,
.red-blue.text-over .more-items-list .more-items-item:nth-child(odd):hover .wrapper:after,
.blue-red.text-over .more-items-list .more-items-item:nth-child(even):hover .wrapper:after {
  background-color: rgb(44 0 3);
}

.red:not(.text-over) .more-items-list .more-items-item .wrapper,
.blue:not(.text-over) .more-items-list .more-items-item .wrapper {
  background-color: transparent;
}

.blue .more-items-list .more-items-item,
.red-blue .more-items-list .more-items-item:nth-child(even),
.blue-red .more-items-list .more-items-item:nth-child(odd) {
  background-color: #14518A;
}

.womens.text-over>.more-items-list>.more-items-item>.wrapper:after,
.blue.text-over .more-items-list .more-items-item .wrapper:after,
.red-blue.text-over .more-items-list .more-items-item:nth-child(even) .wrapper:after,
.blue-red.text-over .more-items-list .more-items-item:nth-child(odd) .wrapper:after {
  background-color: rgb(15 19 53);
  mix-blend-mode: hard-light;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: background-color 0.5s var(--easing);
  -o-transition: background-color 0.5s var(--easing);
  transition: background-color 0.5s var(--easing);
  top: 0;
  opacity: .9;
}

.blue.text-over .more-items-list .more-items-item:hover .wrapper,
.red-blue.text-over .more-items-list .more-items-item:nth-child(even):hover .wrapper,
.blue-red.text-over .more-items-list .more-items-item:nth-child(odd):hover .wrapper,
.blue.text-over .more-items-list .more-items-item .wrapper,
.red-blue.text-over .more-items-list .more-items-item:nth-child(even) .wrapper,
.blue-red.text-over .more-items-list .more-items-item:nth-child(odd) .wrapper {
  background-color: transparent;
  z-index: auto;
}

.blue.text-over .more-items-list .more-items-item:hover .wrapper:after,
.red-blue.text-over .more-items-list .more-items-item:nth-child(even):hover .wrapper:after,
.blue-red.text-over .more-items-list .more-items-item:nth-child(odd):hover .wrapper:after {
  background-color: rgb(15 19 53);
}

.blue .more-items-item>a:not(.all-box-link),
.blue .more-items-item .more-items-img-container,
.red .more-items-item>a:not(.all-box-link),
.red .more-items-item .more-items-img-container,
.blue-red .more-items-item>a:not(.all-box-link),
.blue-red .more-items-item .more-items-img-container,
.red-blue .more-items-item>a:not(.all-box-link),
.red-blue .more-items-item .more-items-img-container {
  background: transparent !important;
}

.yellow.text-over .more-items-list .more-items-item .wrapper:after {
  background-color: var(--yellow);
  mix-blend-mode: hard-light;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: background-color 0.5s var(--easing);
  -o-transition: background-color 0.5s var(--easing);
  transition: background-color 0.5s var(--easing);
}

.yellow.text-over .more-items-list .more-items-item .wrapper h2 a,
.yellow.text-over .more-items-list .more-items-item .wrapper p {
  color: var(--dark)
}

.yellow.text-over .more-items-list .more-items-item .wrapper {
  z-index: auto;
}

.yellow.text-over .more-items-list .more-items-item:hover .wrapper {
  background-color: transparent;

}

.yellow.text-over .more-items-list .more-items-item:hover .wrapper:after {
  background-color: var(--yellow);
}

.blue.text-over.solid-bg .more-items-list .more-items-item .wrapper:after,
.yellow.text-over.solid-bg .more-items-list .more-items-item .wrapper:after {
  mix-blend-mode: normal;
}

.womens.text-over>.more-items-list>.more-items-item>.wrapper:after {
  background-color: rgb(118 118 107);
  mix-blend-mode: normal;
}

.dark-blue-items>.more-items-list>.more-items-item .wrapper,
.dark-blue-items>.more-items-list>.more-items-item,
.dark-blue-items>.tabs-content .more-items-list>.more-items-item .wrapper,
.dark-blue-items>.tabs-content .more-items-list>.more-items-item {
  background-color: var(--dark);
}

.radial-bg .more-items-list {
  background: radial-gradient(circle, rgba(0, 153, 255, 1) 0%, rgba(0, 52, 125, 1) 100%);
}

.linear-bg .more-items-list {
  background: linear-gradient(157deg, #0075FF 0%, #00FFC2 100%);
}

.linear-sunset-bg .more-items-list {
  background: linear-gradient(180deg, #9086A9 0%, #D1B3B9 49.48%, #F2A76A 100%);
}

.no-wrapper .wrapper {
  display: none;
}

.no-img:not(.photos) .more-items-img-container {
  display: none;
}

.no-img.photos.more-items-item .more-items-img-container img {
  display: none !important;
}

.no-img.photos.more-items-item .more-items-img-container img:first-child {
  display: block !important;
}

.p-0 {
  padding: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.p-sm {
  padding: 5px;
}

.p-md {
  padding: 10px;
}

.p-lg {
  padding: 20px;
}

.p-xl {
  padding: 30px;
}



.m-0 {
  margin: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}


.m-sm {
  margin: 5px;
}

.m-md {
  margin: 10px;
}

.m-lg {
  margin: 15px;
}

.m-xl {
  margin: 30px;
}


.overflow-hidden {
  overflow: hidden;
}

.block {
  display: block;
}

.lightblue,
.dark .lightblue,
.red,
.dark .red {
  color: var(--cyan) !important;
}

.darkblue,
.dark .darkblue {
  color: var(--dark) !important;
}

.white-wrapper .more-items-list .more-items-item .wrapper,
.white-items .more-items-list .more-items-item {
  background-color: #fff;
}



.aspect-3-2 {
  aspect-ratio: 3/2;
}

.aspect-4-3 {
  aspect-ratio: 4/3;
}

.aspect-1,
.aspect-1-img img {
  aspect-ratio: 1/1;
}

.aspect-1-img img {
  object-fit: contain;
}

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

/* Border Radius */

.border-radius-wrapper .more-items-item .wrapper,
.border-radius-item .more-items-item,
.border-radius,
.border-radius-img img {
  border-radius: var(--border-radius);
  overflow: clip;
}

.border-radius-sm-wrapper .more-items-item .wrapper,
.border-radius-sm-item .more-items-item,
.border-radius-sm,
.border-radius-sm-img img {
  border-radius: var(--border-radius-sm);
  overflow: clip;
}

.border-radius-md-wrapper .more-items-item .wrapper,
.border-radius-md-item .more-items-item,
.border-radius-md,
.border-radius-md-img img {
  border-radius: var(--border-radius-md);
  overflow: clip;
}

.border-radius-lg-wrapper .more-items-item .wrapper,
.border-radius-lg-item .more-items-item,
.border-radius-lg,
.border-radius-lg-img img {
  border-radius: var(--border-radius-lg);
  overflow: clip;
}

.border-radius-0,
.border-radius-0 .more-items-item,
.border-radius-0-img img {
  border-radius: 0;
}

.border-radius-max-img img {
  border-radius: 9999px;
  overflow: clip;
}


.border-lightgrey,
.border-item-lightgrey .more-items-item {
  border: 1px solid var(--grey-color);
}

.border-right-item-lightgrey .more-items-item {
  border-right: 1px solid var(--light-grey-color);
}

.border-left-item-lightgrey .more-items-item {
  border-left: 1px solid var(--light-grey-color);
}

.border-top-item-lightgrey .more-items-item {
  border-top: 1px solid var(--light-grey-color);
}

.border-bottom-item-lightgrey .more-items-item {
  border-bottom: 1px solid var(--light-grey-color);
}



/* ==========================================================
   QIU GRID
   ========================================================== */


.row-fluid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.column,
.widget {
  vertical-align: top;
  margin: 0 auto;

}

.one-of-one {
  width: 100%;
}

.one-one .more-items-item,
.one-one .more-video-item,
.one-one .galleries-item,
.one-one .socialstream-item,
.one-one .control-group,
.one-one .formly>*,
.one-one.img-aside .more-items-item,
.one-one.landing li {
  width: calc(100% - var(--gap));
}

.one-one .more-items-item:last-child,
.one-one .more-video-item:last-child,
.one-one .galleries-item:last-child,
.one-one .socialstream-item:last-child,
.one-one .control-group:last-child,
.one-one .formly>*:last-child,
.one-one.img-aside .more-items-item:last-child,
.one-one.landing li:last-child {
  margin-bottom: 0
}

.one-one.full-width:not(.slider-items):not(.slider-items-desktop) .more-items-item,
.one-one.full-width:not(.slider-items):not(.slider-items-desktop) .more-video-item,
.one-one.full-width:not(.slider-items):not(.slider-items-desktop) .galleries-item,
.one-one.full-width:not(.slider-items):not(.slider-items-desktop) .socialstream-item,
.one-one.full-width.img-aside:not(.slider-items):not(.slider-items-desktop) .more-items-item,
.one-one.full-width.landing:not(.slider-items):not(.slider-items-desktop) li {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.one-of-two {
  width: 50%;
}

.one-two .more-items-item,
.one-two .more-video-item,
.one-two .galleries-item,
.one-two .socialstream-item,
.one-two .control-group,
.one-two .formly>*,
.one-two.img-aside .more-items-item,
.one-two.landing li {
  width: calc(50% - var(--gap));
}

.one-two .slide-content {
  padding-bottom: 30px;
}

.one-two .slide-content>* {
  max-width: calc(50% - var(--body-h-padding));
}

.one-three .slide-content>* {
  max-width: calc(33.33333% - var(--body-h-padding));
}

.one-of-three {
  width: 33.33333333%;
}

.one-three .more-items-item,
.one-three .more-video-item,
.one-three .galleries-item,
.one-three .socialstream-item,
.one-three .control-group,
.one-three .formly>*,
.one-three.img-aside .more-items-item,
.one-three.landing li {
  width: calc(33.33333333% - var(--gap));
}

.two-of-three {
  width: 66.66666667%;
}

.one-of-four {
  width: 25%;
}

.one-four .more-items-item,
.one-four .more-video-item,
.one-four .galleries-item,
.one-four .socialstream-item,
.one-four .control-group,
.one-four .formly>*,
.one-four.img-aside .more-items-item,
.one-four.landing li {
  width: calc(25% - var(--gap));
}

.three-of-four {
  width: 75%;
}

.one-of-five {
  width: 20%;
}

.one-five .more-items-item,
.one-five .more-video-item,
.one-five .galleries-item,
.one-five .socialstream-item,
.one-five .control-group,
.one-five .formly>*,
.one-five.img-aside .more-items-item,
.one-five.landing li {
  width: calc(20% - var(--gap));
}

.two-of-five {
  width: 40%;
}

.three-of-five {
  width: 60%;
}

.four-of-five {
  width: 80%;
}

.one-of-six {
  width: 16.6666667%;
}

.one-six .more-items-item,
.one-six .more-video-item,
.one-six .galleries-item,
.one-six .socialstream-item,
.one-six .control-group,
.one-six .formly>*,
.one-six.img-aside .more-items-item,
.one-six.landing li {
  width: calc(16.5666667% - var(--gap));
}

.one-of-seven {
  width: 14.28571429%;
}

.one-seven {
  padding: 0;
}

.one-seven .more-items-item,
.one-seven .more-video-item,
.one-seven .galleries-item,
.one-seven .socialstream-item,
.one-seven .control-group,
.one-seven .formly>*,
.one-seven.img-aside .more-items-item,
.one-seven.landing li {
  width: calc(14.1857142857% - var(--gap));
}

.one-of-eight {
  width: 12.5%;
}

.one-eight .more-items-item,
.one-eight .more-video-item,
.one-eight .galleries-item,
.one-eight .socialstream-item,
.one-eight .control-group,
.one-eight .formly>*,
.one-eight.img-aside .more-items-item,
.one-eight.landing li {
  width: calc(12.5% - var(--gap));
}

.one-of-nine {
  width: 11.111111111111111%;
}

.one-nine .more-items-item,
.one-nine .more-video-item,
.one-nine .galleries-item,
.one-nine .socialstream-item,
.one-nine .control-group,
.one-nine .formly>*,
.one-nine.img-aside .more-items-item,
.one-nine.landing li {
  width: calc(11.111111111111111% - var(--gap));
}

.full-width~.primary-related .related-content {
  border-top: 10px solid var(--cyan);
}

.primary-related {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}

.primary-content {
  margin: 0;
  width: calc(100% - var(--related-content-width) - 35px);
  display: inline-block;
  padding-bottom: 50px;

}

.related-content {
  width: var(--related-content-width);
  margin: 0;
  flex: none;
  position: sticky;
  top: var(--header-height);
  flex-direction: column;
  display: flex;
  gap: 30px;
}

.related-content>.widget:not(:last-child),
.column.related-content>.widget:not(:last-child) {
  padding-bottom: 0 !important;
}

.downloads.hidden-related .downloads-main .related-content {
  display: none;
}

.fixed-content .related-content {
  position: fixed;
  top: 90px;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.related-on-left .related-content {
  order: -1;
}

.secondary-content {
  width: 50%;
}

.secondary-content>* {
  width: 675px;
}

.row-fluid .secondary-content:first-child>* {
  margin-right: 0;
}

.row-fluid .secondary-content:last-child>* {
  margin-left: 0;
}


/* Image styles */
.img-right,
.img-Right {
  float: right;
  margin-left: 3%;
  margin-bottom: 3%;
}

article figure,
.img-left,
.img-Left {
  float: left;
  margin-right: 3%;
  margin-bottom: 3%;
}

.img-center {
  margin-left: 0;
  margin-right: 3%;
  margin-bottom: 3%;
}

.img-25 {
  width: 22%;
}

.img-50 {
  width: 47%;
}

.img-75 {
  width: 72%;
  margin-left: 0;
  margin-right: 0;
}

.img-100 {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.img-text {
  width: 100%;
}

.article-view-body .img-50,
.article-view-body .img-25 {
  margin-top: 8px;
  margin-bottom: 0;
}

.article-view-body .img-75 {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 50px;

}

.article-view-body>.img-75 {
  padding-left: 70px;
  padding-right: 70px;
}

.article-view-body .img-50,
.article-view-body .img-25 {
  margin-bottom: 45px;
}

.article-view-body>.img-50,
.article-view-body>.img-25 {
  padding-left: 70px;
}

.article-view-body .img-right.img-50,
.article-view-body .img-right.img-25 {

  padding-left: 0;
}

.article-view-body>.img-right.img-50,
.article-view-body>.img-right.img-25 {
  padding-right: 70px;
  margin-right: 0;
}

.article-view-body .img-100 {
  margin-bottom: 55px;
}

.article-view-body>figure:not(.img-100) figcaption {
  padding-left: 75px;
  padding-right: 75px;
}

.article figure {
  position: relative;
}

figure iframe {
  display: block;
}

figure iframe~figcaption {
  display: none;
}

figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
  padding: 3px 7px;
  font-weight: 100;
  font-size: 11px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  text-align: left;
  z-index: 1;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}

.pdf-icon {
  background: url("../img/icon_pdf_2.png") no-repeat;
  background-size: 25px;
  padding: 5px 0 10px 30px;
  margin: 5px 0;
}

.section-title,
.widget-title {
  font-size: 30px;
  text-align: left;
  color: var(--dark);
  width: 100%;
}



.section-title a,
.widget-title a {
  color: var(--dark);
}

.title-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.title-buttons .btn {
  background-color: transparent;
  color: var(--dark);
  flex: none;
  margin-left: 30px;
  border: 1px solid #0000424d;
}

.dark .title-buttons .btn {
  border-color: #ffffff60;
}

.title-buttons .btn.green-button {
  border: 1px solid var(--lightgreen);
  background-color: var(--lightgreen);
  transition: all .3s var(--easing);
}

.title-buttons .btn.green-button:hover {
  border: 1px solid var(--lightgreen);
  background-color: #fff;
  transition: all .3s var(--easing);
}

.title-buttons .btn.womens-button {
  border: 1px solid var(--women-primary);
  background-color: var(--women-primary);
  transition: all .3s var(--easing);
  color: #fff;
}

.title-buttons .btn.womens-button:hover {
  border: 1px solid var(--women-primary);
  background-color: #fff;
  transition: all .3s var(--easing);
  color: var(--dark)
}





.related-content .widget-title {
  text-align: left;
  padding-bottom: 16px;
}

.all-box-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.no-all-box-link .all-box-link {
  display: none;
}

.shadow-text {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.widget.white-bg,
.white-bg {
  background-color: #ffffff;
}

.white-title>.widget-title,
.white-title>.section-title,
.white-title>.widget-title a,
.white-title>.section-title a,
.white-wrapper-title .more-items-list .more-items-item .wrapper h2 a {
  color: var(--white);
}

.white-title .title-buttons .btn {
  border-color: #fff;
}

.yellow-title>.widget-title,
.yellow-title>.section-title,
.yellow-title>.widget-title a,
.yellow-title>.section-title a,
.yellow-wrapper-title .more-items-list .more-items-item .wrapper h2 a {
  color: var(--yellow)
}

.green-title>.widget-title,
.green-title>.section-title,
.green-title>.widget-title a,
.green-title>.section-title a,
.green-wrapper-title .more-items-list .more-items-item .wrapper h2 a {
  color: var(--lightgreen)
}

.dark-bg,
.dark-bg-item-a .more-items-item>a {
  background-color: var(--dark);
}

.light-dark-bg {
  background-color: var(--light-dark);
}

.blue-bg {
  background-color: var(--cyan);
}

.grey-bg {
  background-color: var(--lightgrey);
}

.light-grey-bg {
  background-color: var(--lightgrey-2);
}

.grey-all-bg,
.grey-all-bg li.more-items-item {
  background-color: var(--lightgrey);
}

.grey-bg.tabs-view>header.is-inview:before {
  background-color: var(--lightgrey);
}

.blue-all-bg,
.blue-all-bg li.more-items-item {
  background-color: var(--cyan);
}

.blue-all-bg .wrapper * {
  color: #ffffff;
}

.blue-img img {
  filter: sepia(90%) hue-rotate(185deg) saturate(700%);
}

.blue-img .slide-content .btn {
  background-color: white;
  color: var(--cyan);
}

.related-content-bg {
  background-color: var(--related-content-color);
}


.dark-women-bg {
  background-color: var(--women-primary);
}

.light-women-bg {
  background-image: url(../img/womens-lines-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--women-secondary);
}

.tabs-view.light-women-bg>header.is-inview:before {
  background: var(--women-secondary);
}

.green-bg {
  background-color: var(--dark);
}

.green-all-bg,
.green-all-bg li.more-items-item {
  background-color: var(--dark);
}

.green-bg .widget-title,
.green-bg .widget-title *,
.green-all-bg *,
.green-all-bg .widget-title *,
.green-all-bg .wrapper * {
  color: #ffffff;
}

.transparent-bg,
.transparent li.more-items-item,
.transparent li.more-items-item .wrapper,
.transparent-bg li.more-items-item,
.transparent-bg li.more-items-item .wrapper {
  background-color: transparent;
}


.green-bt .link-button a,
.green-bt .btn {
  color: #ffffff;
  background-color: var(--dark);
  border: none;
}

.blue-bt .link-button a,
.blue-bt .btn {
  color: #ffffff;
  background-color: var(--cyan);
  border: none;
}

.blue-bt .link-button a:hover,
.blue-bt .btn:hover {
  background-color: var(--cyan-hover);
  border: none;
}

.lightgreen-bt .link-button a,
.lightgreen-bt .btn {
  color: #ffffff;
  background-color: var(--lightgreen);
  border: none;
}

.orange-bt .link-button a,
.orange-bt .btn {
  color: #ffffff;
  background-color: var(--cyan);
  border: none;
}

.white-bt .link-button a,
.white-bt .btn {
  color: var(--cyan);
  background-color: #ffffff;
  border: none;
}

.blue-items .more-items-item *,
.green-items .more-items-item *,
.orange-items .more-items-item * {
  color: #fff;
}

.blue-items li.more-items-item {
  background-color: var(--cyan);
}

.green-items li.more-items-item {
  background-color: var(--darktgreen);
}

.orange-items li.more-items-item {
  background-color: var(--cyan);
}

.transparent-items .more-items-list li.more-items-item {
  background-color: transparent;
}

.banner-bg .fotorama__html {
  background: url(../img/banner-bg.png) left center no-repeat transparent;
  background-size: auto 100%;
}

.blue-title>.widget-title,
.blue-title>.widget-title * .blue-text,
.blue-wrapper-title .wrapper h2,
.blue-wrapper-title .wrapper h2 * {
  color: var(--cyan) !important;
}

.box-shadow {
  box-shadow: 0 0 30px #ddd;
  ;
}

.text-right,
.text-right .widget-title,
.text-right .section-title,
.text-right .wrapper,
.img-end-start.img-aside.text-right .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-right .wrapper,
.img-start-end.img-aside.text-right .more-items-item:nth-child(even) .wrapper,
.right-text,
.right-text .widget-title,
.right-text .section-title,
.right-text .wrapper,
.img-end-start.img-aside.right-text .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.right-text .wrapper,
.img-start-end.img-aside.right-text .more-items-item:nth-child(even) .wrapper {
  text-align: right;
}

.text-left,
.text-left .widget-title,
.text-left .section-title,
.text-left .wrapper,
.img-end-start.img-aside.text-left .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-left .wrapper,
.img-start-end.img-aside.text-left .more-items-item:nth-child(even) .wrapper,
.left-text,
.left-text .widget-title,
.left-text .section-title,
.left-text .wrapper,
.img-end-start.img-aside.left-text .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.left-text .wrapper,
.img-start-end.img-aside.left-text .more-items-item:nth-child(even) .wrapper {
  text-align: left;
}

.text-center,
.text-center .widget-title,
.text-center .section-title,
.text-center .wrapper,
.img-end-start.img-aside.text-center .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-center .wrapper,
.img-start-end.img-aside.text-center .more-items-item:nth-child(even) .wrapper,
.center-text,
.center-text .widget-title,
.center-text .section-title,
.center-text .wrapper,
.img-end-start.img-aside.center-text .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.center-text .wrapper,
.img-start-end.img-aside.center-text .more-items-item:nth-child(even) .wrapper {
  text-align: center;
}

.x-small-title>.section-title,
.x-small-title>.widget-title {
  font-size: 18px;
}

.small-title>.section-title,
.small-title>.widget-title {
  font-size: 24px;
}

.medium-title>.section-title,
.medium-title>.widget-title {
  font-size: 42px;
}

.x-medium-title>.section-title,
.x-medium-title>.widget-title {
  font-size: 56px;
}

.large-title>.section-title,
.large-title>.widget-title {
  font-size: 80px;
}

.xl-title>.section-title,
.xl-title>.widget-title {
  font-size: 100px;
  line-height: 1;
}

.xxl-title>.section-title,
.xxl-title>.widget-title {
  font-size: 120px;
  line-height: 1;
}

.left-title>.widget-title,
.left-title.center-text .widget-title {
  text-align: left;
}

.right-title>.widget-title,
.right-title.center-text .widget-title {
  text-align: right;
}

.center-title>.section-title,
.center-title>.widget-title {
  text-align: center;
}

.compressed-title-wrapper .wrapper h2,
.compressed-title>.widget-title,
.compressed-title>.section-title {
  line-height: 0.7 !important;
  word-break: break-word !important;

}

.compressed-title:not(.tabs-view) .widget-title,
.compressed-title:not(.tabs-view) .section-title {
  max-width: 200px !important;
}

.compressed-title-wrapper[data-scroll].is-inview .wrapper h2,
.compressed-title[data-scroll].is-inview>.widget-title,
.compressed-title[data-scroll].is-inview>.section-title {
  overflow: visible !important;
}

.lightblue-title-bg .widget-title {
  color: #fff;
  background-color: var(--cyan);
  margin-bottom: 0;
}

.uppercase-title .section-title,
.uppercase-title .widget-title {
  text-transform: uppercase;
}


.order-1 {
  order: 1;
}

.layout-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.layout-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.justify-content-center,
.justify-wrapper-content-center .wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.justify-content-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.img-padding-0 .more-items-item>a:not(.all-box-link),
.img-padding-0 .more-items-item .more-items-img-container,
.img-padding-0 .more-items-item>.fotorama,
.wrapper-padding-0 .wrapper,
.p-0,
.padding-0,
.widget.padding-0,
.column>.widget.padding-0 {
  padding: 0 !important;
}

.img-padding-top-0 .more-items-item>a:not(.all-box-link),
.img-padding-top-0 .more-items-item .more-items-img-container,
.img-padding-top-0 .more-items-item>.fotorama,
.wrapper-padding-top-0 .wrapper {
  padding-top: 0 !important;
}

.img-padding-left-0 .more-items-item>a:not(.all-box-link),
.img-padding-left-0 .more-items-item .more-items-img-container,
.img-padding-left-0 .more-items-item>.fotorama,
.wrapper-padding-left-0 .wrapper {
  padding-left: 0 !important;
}

.img-padding-right-0 .more-items-item>a:not(.all-box-link),
.img-padding-right-0 .more-items-item .more-items-img-container,
.img-padding-right-0 .more-items-item>.fotorama,
.wrapper-padding-right-0 .wrapper {
  padding-right: 0 !important;
}

.img-padding-bottom-0 .more-items-item>a:not(.all-box-link),
.img-padding-bottom-0 .more-items-item .more-items-img-container,
.img-padding-bottom-0 .more-items-item>.fotorama,
.wrapper-padding-bottom-0 .wrapper {
  padding-bottom: 0 !important;
}

.pb-0.widget.article-view .article {
  padding-bottom: 0;
  overflow: auto;
}

.pt-0.widget.article-view .article {
  padding-top: 0;
  overflow: auto;
}

.small-img-padding .more-items-item>a:not(.all-box-link),
.small-img-padding .more-items-item .more-items-img-container,
.small-img-padding .more-items-item>.fotorama,
.small-wrapper-padding .more-items-item .wrapper,
.small-wrapper-padding .slide-content {
  padding: var(--padding-sm);
}

.small-img-padding-left .more-items-item>a:not(.all-box-link),
.small-img-padding-left .more-items-item .more-items-img-container,
.small-img-padding-left .more-items-item>.fotorama,
.small-wrapper-padding-left .more-items-item .wrapper,
.small-wrapper-padding.img-aside .more-items-item .wrapper {
  padding-left: var(--padding-sm);
}

.small-img-padding-right .more-items-item>a:not(.all-box-link),
.small-img-padding-right .more-items-item .more-items-img-container,
.small-img-padding-right .more-items-item>.fotorama,
.small-wrapper-padding-right .more-items-item .wrapper,
.small-wrapper-padding.img-aside.img-end .more-items-item .wrapper {
  padding-right: var(--padding-sm);
}

.small-img-padding-top .more-items-item>a:not(.all-box-link),
.small-img-padding-top .more-items-item .more-items-img-container,
.small-img-padding-top .more-items-item>.fotorama,
.small-wrapper-padding-top .more-items-item .wrapper {
  padding-top: var(--padding-sm);
}

.small-img-padding-bottom .more-items-item>a:not(.all-box-link),
.small-img-padding-bottom .more-items-item .more-items-img-container,
.small-img-padding-bottom .more-items-item>.fotorama,
.small-wrapper-padding-bottom .more-items-item .wrapper {
  padding-bottom: var(--padding-sm);
}

.img-padding .more-items-item>a:not(.all-box-link),
.img-padding .more-items-item .more-items-img-container,
.img-padding .more-items-item>.fotorama {
  padding: var(--padding);
}

.img-padding-left .more-items-item>a:not(.all-box-link),
.img-padding-left .more-items-item .more-items-img-container,
.img-padding-left .more-items-item>.fotorama {
  padding-left: var(--padding);
}

.img-padding-right .more-items-item>a:not(.all-box-link),
.img-padding-right .more-items-item .more-items-img-container,
.img-padding-right .more-items-item>.fotorama {
  padding-right: var(--padding);
}

.img-padding-top .more-items-item>a:not(.all-box-link),
.img-padding-top .more-items-item .more-items-img-container,
.img-padding-top .more-items-item>.fotorama {
  padding-top: var(--padding);
}

.img-padding-bottom .more-items-item>a:not(.all-box-link),
.img-padding-bottom .more-items-item .more-items-img-container,
.img-padding-bottom .more-items-item>.fotorama {
  padding-bottom: var(--padding);
}

.medium-img-padding .more-items-item>a:not(.all-box-link),
.medium-img-padding .more-items-item .more-items-img-container,
.medium-img-padding .more-items-item>.fotorama,
.medium-wrapper-padding .more-items-item .wrapper,
.medium-wrapper-padding .slide-content {
  padding: var(--padding-md);
}

.medium-img-padding-left .more-items-item>a:not(.all-box-link),
.medium-img-padding-left .more-items-item .more-items-img-container,
.medium-img-padding-left .more-items-item>.fotorama,
.medium-wrapper-padding-left .more-items-item .wrapper,
.medium-wrapper-padding.img-aside .more-items-item .wrapper {
  padding-left: var(--padding-md);
}

.medium-img-padding-right .more-items-item>a:not(.all-box-link),
.medium-img-padding-right .more-items-item .more-items-img-container,
.medium-img-padding-right .more-items-item>.fotorama,
.medium-wrapper-padding-right .more-items-item .wrapper,
.medium-wrapper-padding.img-aside.img-end .more-items-item .wrapper {
  padding-right: var(--padding-md);
}

.medium-img-padding-top .more-items-item>a:not(.all-box-link),
.medium-img-padding-top .more-items-item .more-items-img-container,
.medium-img-padding-top .more-items-item>.fotorama,
.medium-wrapper-padding-top .more-items-item .wrapper {
  padding-top: var(--padding-md);
}

.medium-img-padding-bottom .more-items-item>a:not(.all-box-link),
.medium-img-padding-bottom .more-items-item .more-items-img-container,
.medium-img-padding-bottom .more-items-item>.fotorama,
.medium-wrapper-padding-bottom .more-items-item .wrapper {
  padding-bottom: var(--padding-md);
}

.large-img-padding .more-items-item>a:not(.all-box-link),
.large-img-padding .more-items-item .more-items-img-container,
.large-img-padding .more-items-item>.fotorama,
.large-wrapper-padding .more-items-item .wrapper,
.large-wrapper-padding .slide-content {
  padding: var(--padding-lg)
}

.large-img-padding-left .more-items-item>a:not(.all-box-link),
.large-img-padding-left .more-items-item .more-items-img-container,
.large-img-padding-left .more-items-item>.fotorama,
.large-wrapper-padding-left .more-items-item .wrapper,
.large-wrapper-padding.img-aside .more-items-item .wrapper {
  padding-left: var(--padding-lg)
}

.large-img-padding-right .more-items-item>a:not(.all-box-link),
.large-img-padding-right .more-items-item .more-items-img-container,
.large-img-padding-right .more-items-item>.fotorama,
.large-wrapper-padding-right .more-items-item .wrapper,
.large-wrapper-padding.img-aside.img-end .more-items-item .wrapper {
  padding-right: var(--padding-lg)
}

.large-img-padding-top .more-items-item>a:not(.all-box-link),
.large-img-padding-top .more-items-item .more-items-img-container,
.large-img-padding-top .more-items-item>.fotorama,
.large-wrapper-padding-top .more-items-item .wrapper {
  padding-top: var(--padding-lg)
}

.large-img-padding-bottom .more-items-item>a:not(.all-box-link),
.large-img-padding-bottom .more-items-item .more-items-img-container,
.large-img-padding-bottom .more-items-item>.fotorama,
.large-wrapper-padding-bottom .more-items-item .wrapper {
  padding-bottom: var(--padding-lg)
}


.margin-0,
.widget.margin-0,
.column>.widget.margin-0 {
  margin: 0 !important;
}

.widget:has(.md-modal) {
  z-index: 2;
}

.hide-text .wrapper .more-items-text,
.hide-text .wrapper p {
  display: none;
}

.item-padding-sm .more-items-item {
  padding: 7px;
}

.item-padding-md .more-items-item {
  padding: 16px;
}

.item-padding-lg .more-items-item {
  padding: 20px;
}

.item-padding-xl .more-items-item {
  padding: 30px;
}

.item-padding-2xl .more-items-item {
  padding: 40px;
}

.item-padding-top-0 .more-items-item {
  padding-top: 0 !important;
}

.item-padding-right-0 .more-items-item {
  padding-right: 0 !important;
}

.item-padding-bottom-0 .more-items-item {
  padding-bottom: 0 !important;
}

.item-padding-left-0 .more-items-item {
  padding-left: 0 !important;
}

.img-background .more-items-list {
  height: 100%;
}

.img-background .more-items-item>a:not(.all-box-link),
.img-background .more-items-item>.fotorama {
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.img-background .more-items-item>a img,
.img-background .more-items-item>.fotorama img {
  opacity: 0;
}

.img-background .more-items-item>.fotorama .fotorama__wrap--video {
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  height: 100%;
}

.img-background .more-items-item>.fotorama .fotorama__wrap--video .fotorama__stage {
  min-height: 100%;
  top: 0px;
  bottom: 0px;
}

.img-background.text-over .more-items-item>a:not(.all-box-link),
.img-background.text-over .more-items-item>.fotorama,
.img-background.text-over .more-items-item>.bg-vid {
  height: 100%;
}

.img-background.text-over .more-items-item>.bg-vid iframe {
  height: 100% !important;
  left: 0 !important;
  width: 100% !important;
  top: 0 !important;
}

#navigation .menu-hidden {
  display: none !important;
}




/* ==========================================================
   SITE STYLES
   ========================================================== */
/* General Layout & Common Elements
   ========================================================== */


/* HEADER */
#header,
#footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

}

#header {
  background-color: #fff;
  transition: top 0.3s 0.5s, opacity 0.3s;
  padding: 0;
  box-shadow: 0 0 16px 0px #0000001f;
  max-width: var(--max-width-column);
  margin: 0 auto;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}



.fixed-header.show-header #header {
  top: 0;
  transition: top 0.3s 0.5s, opacity 0.3s;
  opacity: 1;
}

#header .row1 {
  height: var(--row1-height);
  position: relative;
  margin-bottom: var(--header-extra);
  padding-top: 0;
}

#header .row1:after {
  height: var(--header-extra);
  background: var(--light-grey-color);
  content: "";
  width: 100%;
  bottom: calc(var(--header-extra) * -1);
  left: 0;
  position: absolute;
  z-index: 1;
}

#header .row2 {
  height: var(--row2-height);
}

#header #header-zone7 {
  background-color: var(--cyan);
  border-radius: 0 0 0 var(--border-radius-md);
}

#header #header-zone7,
#header #header-zone8 {
  height: var(--header-height);
}

#header #header-zone8 {
  order: 3;
}

.no-header.show-header #header,
.no-header #header,
.no-footer #footer {
  display: none !important;
}

.wrapper-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

#header>.wrapper-group {
  padding-left: 30px;
}

#footer>.wrapper-group {
  padding-top: 50px;
}

#header>.wrapper-group>.wrapper,
#footer>.wrapper-group>.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  position: relative;
}

#header>.wrapper-group>.wrapper>*,
#header>.wrapper-group>.wrapper .header-footer-zone>*,
#right-navigation,
header .widget,
#header .social-icons,
nav,
#languages-menu,
.logo-link,
#footer>.wrapper-group>.wrapper .header-footer-zone>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#footer #footer-zone4 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

#footer #footer-zone6 {
  display: flex;
  align-items: flex-end;
}

.logo-img {
  height: var(--header-height);
  margin: auto 0;
  width: auto;
}

#footer .logo-img {
  max-height: 170px;
  height: auto;
}

.logo-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.header-lg #header-zone7 .logo-img,
.header-lg #header-zone8 .logo-img {
  height: 120px;
}

.header-lg #header {
  height: 120px;
}

.show-header #header {
  display: flex !important;
}

.fixed-header #header {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(var(--header-height) * -1);
  z-index: 9999;
  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
  opacity: 0;
}

.fixed-header #content {
  margin-top: calc(var(--header-height) + 30px);
}

.fixed-header.header-lg #content {
  margin-top: 120px;
}

/*
.transparent-header #header {
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}
.transparent-header.scroll-top #header {
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))) !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0) !important;
}
*/

.transparent-header #header,
.transparent-header.scroll-top #header {
  background-color: var(--cyan);
}

.transparent-header #content {
  margin-top: 0;
}

.transparent-header.header-lg #content,
.transparent-header.header-lg .bg-vid {
  margin-top: 0;
}

.transparent-header.header-lg .slide.top-box .slide-content {
  padding-top: 160px;
}

.transparent-header .slide.top-box .slide-content {
  padding-top: 100px;
}

#header-zone1.header-footer-zone,
#header-zone4.header-footer-zone,
#header-zone7.header-footer-zone,
#footer>.wrapper-group>.wrapper-group #footer-zone1,
#footer>.wrapper-group>.wrapper-group #footer-zone4 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#header-zone3.header-footer-zone,
#header-zone6.header-footer-zone,
#header-zone8.header-footer-zone,
#footer>.wrapper-group>.wrapper-group #footer-zone3,
#footer>.wrapper-group>.wrapper-group #footer-zone6 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#header-zone2.header-footer-zone,
#header-zone5.header-footer-zone,
#footer>.wrapper-group>.wrapper-group #footer-zone2,
#footer>.wrapper-group>.wrapper-group #footer-zone5 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-footer-zone {
  height: 100%;
}



/* Scrolled header */
/*
#header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--lighterblue);
  opacity: 0;
  transition: opacity 0.3s var(--easing);
  z-index: -1;
}
.scroll-not-top #header:before {
  opacity: 1;
  transition: opacity 0.3s var(--easing);
}
*/
.scroll-not-top #header>.wrapper-group>.wrapper-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}


.scroll-not-top #header>.wrapper-group>.wrapper .header-footer-zone {
  width: auto;
}


.scroll-not-top #header-zone3,
.scroll-not-top #header-zone5,
.scroll-not-top .header-footer-zone.empty-zone {
  display: none;
}

.md-overlay-opened #header {
  z-index: 1;
}

#main {
  min-height: calc(100svh - var(--header-height));
}

/* Navigation */

body.open-menu {
  overflow: hidden;
}

#navigation-more {
  position: fixed;
  top: var(--header-height);
  width: 100%;
  left: 0;
  min-height: 40svh;
  justify-content: flex-start !important;
}

html.touch #navigation-more>.menu li.dropdown>a {
  pointer-events: none;
}

#navigation-more>.menu li a {
  color: #ffffff;
  padding: 17px 0;
  font-size: 20px;
  font-weight: normal;
  text-transform: capitalize;
  width: 100%;
  letter-spacing: 0;
  text-align: left;
  background-color: transparent;
}

#navigation-more>.menu:hover>li>a {
  opacity: .4;
}

#navigation-more>.menu:hover>li:hover>a,
#navigation-more>.menu>li:hover>a {
  opacity: 1
}

#navigation-more>.menu>li {
  width: 45%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 25px;
  position: initial;
}

#navigation-more>.menu>li.dropdown>a:after {
  content: "\ea6e";
}

#navigation-more>.menu>li.dropdown .submenu {
  background: transparent;
  box-shadow: none;
  margin: 0;
  width: auto;
  top: 110px;
  left: calc(45% + 16px);
  bottom: 0;
  right: 0;
}

#navigation-more>.menu>li.dropdown .submenu a {
  padding-left: 25px;
  padding-right: 40px;
  font-size: 18px;
}

#navigation-more>.menu>li.dropdown .submenu a:hover {
  color: #ffffff;
  background: transparent;
}

#navigation-more>.menu>li.dropdown .submenu li:first-child:before {
  display: none;
}

#navigation-more>.menu {
  width: 43%;
  background: linear-gradient(120.9deg, #003B47 36.68%, rgba(0, 59, 71, 0.69) 100%);
  padding: 110px 40px 50px 65px;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

#navigation-more>.menu.menu-featured {
  width: 57%;
  background: linear-gradient(94.94deg, #002931 35.22%, rgba(0, 59, 71, 0.67) 100%);
  border-bottom: 6px solid var(--cyan);
}

#navigation-more>.menu.menu-featured>li>a {
  font-size: 30px;
}

#navigation-more:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: url(../img/submenu-back.png) left top no-repeat transparent;
  background-size: contain;
  opacity: .4;
  z-index: 1;
}

#navigation-more:after {
  content: "";
  position: fixed;
  top: var(--header-height);
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}

#navigation-more>.menu>li>a small {
  color: #A3A3A3;
  font-size: 15px;
  display: block;
  line-height: 1;
  width: 100%;
  text-transform: none;
}

#navigation .menu>li>a small,
#navigation-store .menu>li>a small {
  display: none;
}

/* Burguer menu*/
#navigation-more.widget {
  flex-direction: column;
}

#header #navigation-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--header-height);
  z-index: 0;
  color: var(--dark);
  order: 2;
  width: auto;
  line-height: 16px;
  padding: 0 20px;
  cursor: pointer;
  display: none;
  background-color: var(--white);
}

#language-toggle {
  display: none;
}

#navigation-toggle span {
  display: none;
}

#navigation-toggle:after {
  width: 80px;
  background: var(--dark);
  padding: 0;
  height: 100%;
  margin: 0;
  -webkit-mask-image: url(../img/burger.svg);
  mask-image: url(../img/burger.svg);
  -webkit-mask-size: 80% auto;
  mask-size: 80% auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  content: "";
}

#navigation-toggle.open:after {
  -webkit-mask-image: url(../img/burger-close.svg);
  mask-image: url(../img/burger-close.svg);
  -webkit-mask-size: 60% auto;
  mask-size: 60% auto;
}


.navigation {
  width: 100%;
}

.menu>li.racing-live .submenu .live>a:before {
  left: -6px;
}


.navigation.burger-nav.open,
#languages.open {
  margin-left: 0;
  pointer-events: all;
}

html:not([lang="en"]):not([lang="it"]) #header #navigation-toggle {
  order: 1;
}

.navigation.burger-nav {
  position: fixed;
  top: var(--header-height);
  background-color: var(--lightblue);
  left: 0;
  width: 100%;
  bottom: 0;
  margin-left: -100%;
  -o-transition: margin-left var(--easing) 0.3s;
  transition: margin-left var(--easing) 0.3s;
  -webkit-transition: margin-left var(--easing) 0.3s;
  -moz-transition: margin-left var(--easing) 0.3s;
  justify-content: center;
  display: flex;
  padding: 70px 10px 130px;
  z-index: 0;
  pointer-events: none;
}

.navigation.burger-nav .menu {
  flex-direction: column;
  width: 100%;
}

.navigation.burger-nav .menu>li {
  justify-content: flex-end;
  align-items: center;
  margin: 6px 0
}

.navigation.burger-nav .menu>li:hover a {
  border-right-color: var(--cyan);
}

.navigation.burger-nav .menu>li>a {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  margin-right: auto;
  width: 45%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-right: 15px;
  border-right: 8px solid transparent;
  opacity: 0;
  -webkit-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  transform: translateX(-60px);
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  text-align: right;
}

.navigation.burger-nav.open .menu>li>a {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
}

.navigation.burger-nav.open .menu>li>a {
  font-size: 20px;
}

.navigation.burger-nav.open .menu>li:nth-child(2)>a {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.navigation.burger-nav.open .menu>li:nth-child(3)>a {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.navigation.burger-nav.open .menu>li:nth-child(4)>a {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.navigation.burger-nav.open .menu>li:nth-child(5)>a {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.navigation.burger-nav.open .menu>li:nth-child(6)>a {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.navigation.burger-nav.open .menu>li:nth-child(7)>a {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.navigation.burger-nav.open .menu>li:nth-child(8)>a {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.navigation.burger-nav.open .menu>li:nth-child(9)>a {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.navigation.burger-nav.open .menu>li:nth-child(10)>a {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.navigation.burger-nav.open .menu>li:nth-child(11)>a {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.navigation.burger-nav.open .menu>li:nth-child(12)>a {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.navigation.burger-nav.open .menu>li:nth-child(13)>a {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.navigation.burger-nav.open .menu>li:nth-child(14)>a {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.navigation.burger-nav.open .menu>li:nth-child(15)>a {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.navigation.burger-nav .menu>li#languages {
  position: fixed;
  right: 0;
  padding-right: 40px;
  justify-content: flex-end;
  height: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0;
  opacity: 0;
  background-color: var(--cyan);
  bottom: 0;
  width: 32.5%;
  left: auto;
  border-bottom: 0;
  padding-left: 11vw;
  transition: all .3s var(--easing);
  gap: 20px;
}

.navigation.burger-nav.open .menu>li#languages {
  opacity: 1;
}

.navigation.burger-nav .menu>li#languages a {
  padding: 0;
  margin: 0;
  width: auto;
  border: none;
  text-align: center;
  font-size: 18px;
  width: 24px;
  color: transparent;
  display: inline-block;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.navigation.burger-nav .menu>li#languages a.lang_en_us {
  background-image: url(../img/flags/gb.svg)
}

.navigation.burger-nav .menu>li#languages a.lang_es_es {
  background-image: url(../img/flags/es.svg)
}

.navigation.burger-nav .menu>li#languages a.lang_ca_es {
  background-image: url(../img/flags/cat.svg)
}

.navigation.burger-nav .menu>li#languages a.lang_it_it {
  background-image: url(../img/flags/it.svg)
}

.navigation.burger-nav .menu>li.dropdown>a {
  margin-right: 0;

}

.navigation.burger-nav .menu>li.dropdown>a:after {
  display: none;
}

.navigation.burger-nav .menu>li.dropdown .submenu {
  background: transparent;
  text-align: left;
  margin: 0;
  top: 0;
  position: relative;
  left: 0;
  width: 55%;
  flex: none;
  opacity: 0;
  pointer-events: none;
  display: block;
  transition: opacity 0.3s var(--easing);
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: none;
}

.navigation.burger-nav .menu>li.dropdown:hover .submenu {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s var(--easing);

}

.navigation.burger-nav .menu>li.dropdown .submenu li a {
  text-align: left;
  padding: 5px 0 5px 15px;
  font-weight: normal;
  font-size: 16px;
}

.navigation.burger-nav .menu>li.dropdown .submenu li a:hover {
  background-color: transparent;
  color: var(--cyan);

}

.navigation.burger-nav #socialLinks {
  position: absolute;
  bottom: -50px;
  width: 100%;
  padding: 10px 40px;
  transition: bottom 0.3s var(--easing);
}

.navigation.burger-nav.open #socialLinks {
  bottom: 0;
  transition: bottom 0.3s .8s var(--easing);
}

html:not([lang="en"]):not([lang="it"]) body .navigation.burger-nav {
  display: none;
  z-index: -1;
}

.navigation>ul,
nav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
}

.menu>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.menu>li>a {
  color: var(--dark);
  font-weight: 600;
  padding: 0;
  font-size: 18px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu>li>a:hover,
.menu li.active a {
  text-decoration: none;
  color: var(--cyan);
}

.red .menu a {
  color: var(--cyan);
}

.menu>li.shop>a {
  padding-left: 0;
}

.menu>li.burger {
  border-right: 0.5px solid var(--dark);
  margin: auto 10px auto 0;
  height: 50%;
}

.menu>li.burger>a {
  width: 65px;
  background: var(--dark);
  padding: 0;
  height: 100%;
  margin: 0;
  -webkit-mask-image: url(../img/burger.svg);
  mask-image: url(../img/burger.svg);
  -webkit-mask-size: auto 85%;
  mask-size: auto 85%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 20px center;
  mask-position: 20px center;
  color: transparent;
}

.menu>li.burger>a:hover {
  background: var(--cyan);
}

.menu>li.burger.active>a {
  -webkit-mask-image: url(../img/burger-close.svg);
  mask-image: url(../img/burger-close.svg);
  color: transparent;

}

#header #navigation .menu>li.dropdown>a:before,
#header #languages-menu .menu>li.dropdown:before {
  background: var(--dark);
  width: 0;
  height: 100%;
  left: 0;
  content: "";
  position: absolute;
  transition: width 0.3s 0.3s var(--easing);
  z-index: -1;
}

#header #navigation .menu>li.dropdown:hover>a:before,
#header #languages-menu .menu>li.dropdown:hover:before {
  width: 100%;
  transition: width 0.3s var(--easing);
}

.menu>li.racing-live,
.menu>li.racing {}

@keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.menu>li.racing-live>a {
  color: var(--red);
}

.menu>li.racing-live .submenu .live>a {
  color: var(--red);
  color: #fff;
  position: relative;
}

.menu>li.racing-live .submenu .live>a:before {
  background-color: var(--red);
  width: 10px;
  transition: width 0.3s var(--easing);
  height: 10px;
  border-radius: 50%;
  left: 17px;
  margin-top: -5px;
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
}

#secondary-navigation {
  padding: 20px 0 20px 20px;
}

#secondary-navigation .menu {
  align-items: flex-start;
}

#secondary-navigation .menu li.dropdown .submenu a:hover,
#secondary-navigation a:hover {
  color: #fff;
  background-color: transparent;
}

#secondary-navigation .menu li {
  flex-direction: column;
  display: flex;
}

#secondary-navigation .menu li>li {
  margin-bottom: 10px;
}

#secondary-navigation .menu li>li>a {
  padding: 0 13px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
}

#secondary-navigation .menu li.dropdown .submenu {
  display: block;
  background: transparent;
  width: auto;
  position: relative;
  left: auto;
  margin: 0;
  top: auto;
  padding: 5px 0;
  box-shadow: none;
  margin-bottom: 10px;
}

#secondary-navigation .menu li.dropdown .submenu a {
  text-align: left;
  padding: 5px 12px;
  font-weight: normal;
  font-size: 12px;
  color: var(--dark);
}

#secondary-navigation .menu li.dropdown .submenu a:after,
#secondary-navigation .menu li.dropdown a:after {
  display: none;
}

#languages-menu #languages {
  display: flex;
  align-items: center;
  width: 45px;
  justify-content: center;
  margin-right: 5px;
  cursor: pointer;
}

#languages-menu #languages>a {
  color: transparent;
  z-index: 1;
  position: relative;
  padding: 0;
  height: 16px;
  width: 16px;
  pointer-events: none;
}

#languages-menu #languages li.lang_es_es a:after,
#languages-menu #languages>a.lang_es_es:after {
  background-image: url(../img/flags/es.svg);
}

#languages-menu #languages li.lang_en_us a:after,
#languages-menu #languages>a.lang_en_us:after {
  background-image: url(../img/flags/gb.svg);
}

#languages-menu #languages li.lang_ca_es a:after,
#languages-menu #languages>a.lang_ca_es:after {
  background-image: url(../img/flags/cat.svg);
}

#languages-menu #languages li.lang_it_it a:after,
#languages-menu #languages>a.lang_it_it:after {
  background-image: url(../img/flags/it.svg);
}

#header #languages-menu .dropdown .submenu li a:after,
#languages-menu #languages>a:after {
  content: "";
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  border-radius: 2px;
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
}

#header #languages-menu .dropdown .submenu li a {
  position: relative;
  padding-left: 50px;
}

#header #languages-menu .dropdown .submenu li a:after {
  left: 20px;
  top: 50%;
  margin-top: -8px;
}

#languages-menu #languages>a.active,
#languages-menu #languages>a:hover {}

#languages-menu #languages .submenu {
  right: 0;
  left: 0;
  z-index: 1;
}

#languages .submenu li.lang_pt_br,
#languages .submenu li.lang_nl_nl,
#languages .submenu li.lang_da_da,
#languages .submenu li.lang_pt_pt {
  display: none;
}

#content {
  width: 100%;
}

#footer {
  background-color: var(--cyan);
  color: #ffffff;
  height: auto;
  padding: 0 calc((100vw - var(--max-width-column)) / 2);
  z-index: 1;
  position: relative;
  flex-direction: column;
}


#footer>.wrapper-group>.wrapper {
  height: auto !important;
}

#footer>.wrapper-group>.wrapper.row2 {
  border-top: 1px solid #061c32a3;
}

#footer a {
  color: var(--dark);
}

#footer a:hover {
  border-bottom-color: #fff;
}

.jump-top {
  display: none;
}

#footer-logo {
  margin: 20px 0;
}

#footer-nav {
  text-align: center;
  list-style: none;
  display: block;
  margin: 0;
}

#footer-nav li {
  display: inline-block;
}

#footer-nav a {
  color: #e8ecf4;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 7px;
  font-size: 18px;
  line-height: normal;
}

#footer-nav a:hover,
#footer-nav li.active a {
  text-decoration: none;
  color: #ffffff;
}

#footer .dropdown .submenu li a:before {
  left: -20px;
  display: none;
}

#copyright {
  font-size: 12px;
}

#copyright p {
  font-family: var(--font-family);
  font-size: 12px;
  color: #061c32a3;
}

#copyright.ace-barcelona {
  width: 345px;
}

#copyright p a {
  text-decoration: underline;
  color: #061c32a3;
}

#copyright p a:hover {
  color: #fff;
}

/* Cookies */
#cookiesbar {
  text-align: center;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  bottom: auto;
  background: red;
  color: #ffffff;
  z-index: 99999999;
}

#cookiesbar a {
  color: #ffffff;
  padding: 0 10px;
}

#footer-partners-wrapper .more-items-list {
  justify-content: flex-start;
}

#footer-partners-wrapper #partners-title>.widget-title {
  font-size: 16px;
}

#footer-partners-wrapper .x-small-title>.widget-title {
  font-weight: normal;
  opacity: .5;
  font-size: 16px;
  margin-bottom: 20px;
}

#footer-partners-wrapper .more-items-item {
  border-radius: 0;
  width:auto;
}

#footer-partners-wrapper .more-items-item:last-child>a {
  padding-right: 0;
}

#footer-partners-wrapper .more-items-item>a {
 /*height: 70px;*/
  /* padding-right: 20px; */
}

#footer-partners-wrapper #global-partners .more-items-item>a {
  height: 80px;

}

#footer-partners-wrapper #official-sponsors .more-items-item>a {
  width: 120px;
}

#footer-partners-wrapper #host-partners .more-items-item>a {
  height: 42px;
}

#footer-partners-wrapper .more-items-item>a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: left;
}

#footer-partners-wrapper #global-partners .more-items-list {
  flex-wrap: nowrap;
}

.widget-wrapper .time-global-wrapper {
  width: 50%;
  max-width: 800px;
  margin-left: 0;
  gap: 4em;
}


#timekeeper {
  margin-right: 50px;
  margin-left: 0;
  width: 15%;
}

#global-partners {
  width: 85%;
}

#host-partners ul li {
  margin-bottom: 35px;
}

#host-partners ul li>a img {
  padding-right: 10%;
}

#sponsor ul {
  max-width: 40% !important;
  margin-left: 0;
  width: 600px;
}

#official-sponsor ul li>a img,
#sponsor ul li>a img {
  padding-right: 18%;
}


/* USER MENU */


@media (min-width: 1024px) {
  #user-menu {
    display: flex;
  }
}

#user-menu .not-logged {
  display: none;
}

@media (min-width: 1024px) {
  #user-menu .not-logged {
    display: block;
  }
}

#user-menu {
  padding: 0;
  justify-content: center;
}

#user-menu>* {
  padding-right: 20px;
}

#user-menu ul:hover .dropdown .submenu {
  display: block;
}

#user-menu .menu>li:not(.dropdown)>*:not(a) {
  padding-left: 0;
  padding-right: 0;
  text-transform: none;
  font-weight: normal;
}


#user-menu .menu>li.dropdown #user {
  padding-right: 10px;
  padding-left: 1px;
  width: 100%;
  height: 100%;
}

#user-menu .menu>li.dropdown #user>a {
  color: rgb(0, 59, 71);
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

#user-menu .menu>li.dropdown #user>a i:before {
  content: "\ea09";
  width: 26px;
  height: 26px;
  font-family: 'Remixicon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  font-size: 25px;
}

#user-menu .menu>li.dropdown .submenu {
  right: 0;
  margin: 0;
  left: auto;
}

#user-menu .menu:not(.not-logged) {
  padding: 3px 28px 3px 32px;
  height: 42px;
  margin: auto 10px auto 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
}

#user-menu .menu:not(.not-logged)>li:not(.dropdown)>span {
  margin-right: 5px;
  display: none;
}

#user-menu .menu:not(.not-logged) .header-widgets-json.dropdown {
  position: absolute;
  width: 100%;
  right: 0;
  height: 100%;
  align-items: flex-end;
}

#user-menu .profile-image {
  order: -1
}

#user-menu .profile-image .avatar {
  padding: 0;
  width: 26px !important;
  height: 26px;
  transition: all 0.3s ease;
  justify-content: center;
  background: var(--cyan);
  color: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 13px;
}

#user-menu .profile-image .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s ease;
}

/* Widgets
  ========================================================== */

.column>.widget:not(.full-width)>.more-items-list,
.column>.widget:not(.full-width) .tabs-content,
.widget-wrapper>.widget:not(.full-width)>.more-items-list,
.widget-wrapper>.widget:not(.full-width)>.widget-title {
  max-width: calc(var(--max-width-column) + var(--gap)) !important;
}

.column>.widget:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>*,
.widget-wrapper>.widget:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>* {
  width: 100%;
  max-width: var(--max-width-column);
  margin-left: auto;
  margin-right: auto;
}

.column>.widget.small-column:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>*,
.widget-wrapper>.widget.small-column:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>* {
  max-width: var(--max-width-column-small);
}

.column>.widget.normal-column:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>*,
.widget-wrapper>.widget.normal-column:not(.full-width):not(.widget-wrapper):not(.slider-widget):not(.landing-top):not(.top-stories):not(.article-view)>* {
  max-width: var(--max-width-column-normal);
}

.column>.widget#top-wrapper-home,
.column>.widget:not(.full-width).widget-wrapper {
  padding-left: calc((100% - var(--max-width-column)) / 2);
  padding-right: calc((100% - var(--max-width-column)) / 2);
}


.column>.widget,
.column>.widget.slide-items {
  padding-top: 80px;
  padding-bottom: 80px;
}

.column>.widget.xs-padding,
.column>.widget.xs-padding.slide-items {
  padding-top: 20px;
  padding-bottom: 20px;
}

.column>.widget.small-padding,
.column>.widget.small-padding.slide-items {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column>.widget.pt-0,
.column>.widget.slide-items.pt-0 {
  padding-top: 0;

}

.column>.widget.pb-0,
.column>.widget.slide-items.pb-0 {
  padding-bottom: 0;

}

.column>.widget.p-0,
.column>.widget.slide-items.p-0 {
  padding: 0;

}

.widget .more-items-item img,
article img,
.widget.top-stories img,
.widget.slide-items img {
  width: 100%;
}

.widget.full-width {
  --max-width-column: calc(100vw - (var(--body-h-padding) * 2));
}

.widget.full-width,
.full-width,
.span-grid,
.full-content {
  width: 100%;
  max-width: 100%;
}

.widget.full-width>.tabs-content,
.widget.full-width>.more-items-list,
.widget.full-width .widget-title,
.widget.full-width .section-title {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.widget.full-width>.more-items-list,
.widget.full-width .widget-title,
.widget.full-width .section-title {
  max-width: calc(100vw - var(--gap) * 2);
}

.widget.full-width .widget-title,
.widget.full-width .section-title {
  max-width: calc(100vw - (var(--body-h-padding) * 2));
}

.widget.full-width>.more-items-list {
  max-width: calc(100vw - var(--gap));
}

.widget.full-height-more-items-list>.more-items-list {
  height: 100%;
}

.widget-wrapper .widget>.section-title,
.widget-wrapper .widget>.widget-title {
  padding-left: calc(var(--gap) / 2);
  padding-right: calc(var(--gap) / 2);
}

.border-orange {
  border-color: var(--cyan);
}

.border-blue {
  border-color: var(--cyan);
}

.border-top {
  border-top-width: 10px;
  border-top-style: solid;
}

.border-bottom {
  border-bottom-width: 10px;
  border-top-style: solid;
}


.grow-hover {
  -webkit-transition: -webkit-transform 0.2s var(--easing);
  transition: -webkit-transform 0.2s var(--easing);
  -o-transition: transform 0.2s var(--easing);
  transition: transform 0.2s var(--easing);
  transition: transform 0.2s var(--easing), -webkit-transform 0.2s var(--easing);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.grow-hover:hover {
  -webkit-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.grow-hover-item .more-items-item {
  -webkit-transition: -webkit-transform 0.2s var(--easing), -webkit-box-shadow 0.2s var(--easing);
  transition: -webkit-transform 0.2s var(--easing), -webkit-box-shadow 0.2s var(--easing);
  -o-transition: transform 0.2s var(--easing), box-shadow 0.2s var(--easing);
  transition: transform 0.2s var(--easing), box-shadow 0.2s var(--easing);
  transition: transform 0.2s var(--easing), box-shadow 0.2s var(--easing), -webkit-transform 0.2s var(--easing), -webkit-box-shadow 0.2s var(--easing);
  transition: transform 0.2s var(--easing), -webkit-transform 0.2s var(--easing), box-shadow 0.2s var(--easing), -webkit-box-shadow 0.2s var(--easing);

}

.grow-hover-item.text-over .more-items-item>a:not(.all-box-link) img,
.grow-hover-item.text-over .more-items-item .more-items-img-container img,
.grow-hover-item.text-over .more-items-item>a:not(.all-box-link) video,
.grow-hover-item.text-over .more-items-item .more-items-img-container video {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}

.grow-hover-item:not(.text-over) .more-items-item:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 1;
}

.grow-hover-item.slide-items-events .more-items-item:hover,
.grow-hover-item.slide-items .more-items-item:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.grow-hover-item.text-over .more-items-item:hover>a img,
.grow-hover-item.text-over .more-items-item:hover .more-items-img-container img,
.grow-hover-item.text-over .more-items-item:hover>a video,
.grow-hover-item.text-over .more-items-item:hover .more-items-img-container video {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}

.shrink-hover-img.img-background .more-items-item:hover .more-items-img-container,
.shrink-hover-img.img-background .more-items-item:hover>a:not(.all-box-link),
.shrink-hover-img .more-items-item:hover>a:not(.all-box-link) img,
.shrink-hover-img .more-items-item:hover .more-items-img-container img,
.shrink-hover-img .more-items-item:hover>a:not(.all-box-link) video,
.shrink-hover-img .more-items-item:hover .more-items-img-container video {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.shrink-hover-img.img-background .more-items-item:hover .more-items-img-container,
.shrink-hover-img.img-background .more-items-item:hover>a:not(.all-box-link),
.shrink-hover-img .more-items-item:hover>a:not(.all-box-link) img,
.shrink-hover-img .more-items-item:hover .more-items-img-container img,
.shrink-hover-img .more-items-item:hover>a:not(.all-box-link) video,
.shrink-hover-img .more-items-item:hover .more-items-img-container video,
.grow-hover-img.img-background .more-items-item .more-items-img-container,
.grow-hover-img.img-background .more-items-item>a:not(.all-box-link),
.grow-hover-img .more-items-item>a:not(.all-box-link) img,
.grow-hover-img .more-items-item .more-items-img-container img,
.grow-hover-img .more-items-item>a:not(.all-box-link) video,
.grow-hover-img .more-items-item .more-items-img-container video {

  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}

.shrink-hover-img.img-background .more-items-item .more-items-img-container,
.shrink-hover-img.img-background .more-items-item>a:not(.all-box-link),
.shrink-hover-img .more-items-item>a:not(.all-box-link) img,
.shrink-hover-img .more-items-item .more-items-img-container img,
.shrink-hover-img .more-items-item>a:not(.all-box-link) video,
.shrink-hover-img .more-items-item .more-items-img-container video,
.grow-hover-img.img-background .more-items-item:hover .more-items-img-container,
.grow-hover-img.img-background .more-items-item:hover>a:not(.all-box-link),
.grow-hover-img .more-items-item:hover>a:not(.all-box-link) img,
.grow-hover-img .more-items-item:hover .more-items-img-container img,
.grow-hover-img .more-items-item:hover>a:not(.all-box-link) video,
.grow-hover-img .more-items-item:hover .more-items-img-container video {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}

.shrink-hover-img.text-over.center-box .more-items-item:hover .wrapper h2 {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}

.shrink-hover-img.text-over.center-box .more-items-item .wrapper h2 {
  -webkit-transition: -webkit-transform 0.6s var(--easing);
  transition: -webkit-transform 0.6s var(--easing);
  -o-transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
  transition: transform 0.6s var(--easing), -webkit-transform 0.6s var(--easing);
}





/* Top Stories */

.top-stories .fotorama__nav__shaft {
  max-width: var(--max-width-column);
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.top-stories .fotorama__dot {
  border-radius: 0;
}

.slider-widget {
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}

.slider-widget .more-items-category {
  color: var(--dark);
  font-size: 16px;
}

.slider-widget .live .wrapper h2 a {
  display: flex
}

.slider-widget .live .wrapper h2 a:after {
  aspect-ratio: 1/1;
  content: "";
  height: 100%;
  background: url(../img/play.svg) center center no-repeat transparent;
  background-size: contain;
  margin-left: 20px;
  position: absolute;
}

.slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
}

.slide-content {
  z-index: 3;
  padding: 40px calc((100% - var(--max-width-column)) / 2) 70px;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.slide-content>* {
  max-width: 55%;
  margin-left: 0;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 5px;
}

.fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content>*,
.bg-vid .topstory-text-center .slide-content>* {
  margin-right: auto;
  margin-left: auto;
}

.fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content,
.bg-vid .topstory-text-center .slide-content {
  text-align: center;
}

.topstory-text-right .slide-content {
  align-items: flex-end;
}

.text-left.topstory-text-right .slide-content>*,
.text-left .topstory-text-right .slide-content>* {
  text-align: left;
  margin-left: 55%;
  margin-right: auto;
}

.text-left.topstory-text-right.one-two .slide-content>*,
.text-left.one-two .topstory-text-right .slide-content>* {
  margin-left: calc(50% + var(--body-h-padding));
}

.text-left.topstory-text-right.one-three .slide-content>*,
.text-left.one-three .topstory-text-right .slide-content>* {
  margin-left: calc(66.666666% + var(--body-h-padding));
}

.bottom-box .slide-content {
  bottom: 0;
}

.top-box.slide-content {
  top: 0;
}

.center-box .slide {
  justify-content: center;
}

.center-box .slide-content {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 !important;
  background: none;
}

.slides .slide .slide-content:before {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  z-index: -1;
  display: none;
}

.bottom-box .slide-content {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
}

.top-box .slide-content {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
}

.widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* {
  max-width: 43%;
}

.slide-content .slide-title {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0px;
  letter-spacing: -1px;
  font-weight: 700;
  font-size: 52px;
  text-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
}

.slide-content .slide-title a {
  color: #ffffff;
}

.slide-content .slide-category {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
}

.slide-content p {
  color: #fff;
  margin-bottom: 15px;
}

.slide-content .btn {
  text-shadow: none;
  margin-top: 20px;
  border-radius: var(--border-radius);
  color: #ffffff;
  background-color: var(--cyan);
  border-color: transparent;
  padding: 10px 25px;
  font-size: 20px;
}

.slides .fotorama__nav-wrap {
  position: absolute;
  bottom: 20px;
}

.slides .fotorama__nav--dots .fotorama__nav__frame {
  width: 18%;
  position: relative;
  margin: 0;
}

.widget .fotorama__arr {
  background: var(--cyan);
  border-radius: 0px;
}

.widget .fotorama__arr--next {
  right: 0;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.widget .fotorama__arr--prev {
  left: 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.widget .fotorama__arr:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  color: white;
}

.widget .fotorama__arr--next:before {
  content: "\ea6e";
}

.widget .fotorama__arr--prev:before {
  content: "\ea64";
}

.widget.no-arrows .fotorama__arr--next,
.widget.no-arrows .fotorama__arr--prev {
  display: none !important;
}

.widget .slides .fotorama__video-play {
  background: transparent;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget .slides .fotorama__video-play:before {
  content: '\f00b';
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 200px;
  height: 200px;
  font-size: 200px;
  line-height: 200px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -100px;
  position: absolute;
  z-index: 2;
  text-shadow: 0 0 7px rgb(0 0 0 / 50%);
}

.boxed .slide-content {
  background: #ffffff !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 70%;
  padding: 40px !important;
  border-radius: 0px;
}

.boxed .slide-content * {
  color: #3b3d40 !important;
}

.boxed .bottom-box .slide-content {
  margin-bottom: 5%;
}

.boxed .top-box .slide-content {
  margin-top: 5%;
}

.boxed .topstory-text-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.boxed .topstory-text-left .slide-content {
  margin-left: 5%;
}

.boxed .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
  max-width: 38%;
  margin-left: 60px !important;
  margin-right: auto !important;
}

.boxed .slide {
  background: none;
}

.YTPlayer,
.ytplayer-container {
  height: 100%;
}

.YTPlayer .ytplayer-container {
  opacity: 0;
}

.YTPlayer.active .ytplayer-container {
  opacity: 1;
  transition: opacity 0.3s var(--easing);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-home .YTPlayer.active .ytplayer-container {
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.bg-vid {
  position: relative;
  height: 100%;
  width: 100%;
}

.bg-vid video {
  width: 100% !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.bg-vid iframe {
  position: relative;
  display: block;
  pointer-events: none;
}

.top-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
}

.YTPlayer.loaded .top-image-container {
  opacity: 0;
  transition: opacity .3s 1s;
}

.header-lg .bg-vid {
  margin-top: -120px;
}

/* More Items */
.more-items-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style: none;
  max-width: calc(var(--max-width-column) + var(--gap));
  margin: 0 auto;
  padding: 0;
}

.small-column .more-items-list,
.column>.widget.small-column:not(.full-width)>.more-items-list,
.column>.widget.small-column:not(.full-width) .tabs-content {
  max-width: calc(var(--max-width-column-small) + var(--gap)) !important;

}

.normal-column .more-items-list,
.column>.widget.normal-column:not(.full-width)>.more-items-list,
.column>.widget.normal-column:not(.full-width) .tabs-content {
  max-width: calc(var(--max-width-column-normal) + var(--gap)) !important;

}

.nowrap .more-items-list {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nowrap .more-items-list .more-items-item {}

.more-items-groups {
  margin: 0;
  padding: 0;
  list-style: none;
}

.more-items-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin: 0 calc(var(--gap) / 2) var(--gap);
  background-color: #ffffff;
  border-radius: var(--border-radius);
  overflow: hidden;
  width: 100%;

}

.more-items-item:hover {
  background-color: var(--extra-light-grey-color);
}

.more-items-item img {
  padding: 0px;
  display: inline;
}

.more-items-item .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: var(--wrapper-padding);
  word-break: break-word;
}

.more-items-item .wrapper>* {
  margin-top: 3px;
  margin-bottom: 3px;
  z-index: 1;
}

.more-items-item .wrapper>*:last-child:first-child {
  margin-top: 0;
  margin-bottom: 0;
}

.more-items-item time {
  order: -1;
}

.more-items-item>a:not(.all-box-link),
.more-items-item .more-items-img-container,
.more-items-item>.fotorama {
  overflow: hidden;
  width: 100%;
}

.more-items-item>.fotorama {
  height: 100%;
}

.more-items-item>a:not(.all-box-link) img,
.more-items-item .more-items-img-container img {
  overflow: hidden;
  padding: 0px 0px 0;
}

.more-items-item>a:not(.all-box-link) video,
.more-items-item .more-items-img-container video {
  width: 100%;
  object-fit: cover;
}

.more-items-item h2,
.more-items-item h2 a {
  color: var(--dark);
}

.more-items-item h2 {
  line-height: 1.1;
  font-size: 20px;
}

.more-items-item.text-right-top .wrapper>p,
.more-items-item.text-right-top .wrapper>h2,
.more-items-item.text-right-center .wrapper>p,
.more-items-item.text-right-center .wrapper>h2,
.more-items-item.text-right-bottom .wrapper>p,
.more-items-item.text-right-bottom .wrapper>h2 {
  padding-left: 32%;
}

.more-items-item.text-left-top .wrapper>p,
.more-items-item.text-left-top .wrapper>h2,
.more-items-item.text-left-center .wrapper>p,
.more-items-item.text-left-center .wrapper>h2,
.more-items-item.text-left-bottom .wrapper>p,
.more-items-item.text-left-bottom .wrapper>h2 {
  padding-right: 30%;
}

.more-items-item.text-center-top .wrapper>p,
.more-items-item.text-center-top .wrapper>h2,
.more-items-item.text-center-center .wrapper>p,
.more-items-item.text-center-center .wrapper>h2,
.more-items-item.text-center-bottom .wrapper>p,
.more-items-item.text-center-bottom .wrapper>h2 {
  text-align: center;
}

.more-items-category,
.more-items-subsection {
  font-size: 12px;
  text-transform: none;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  color: var(--dark);
}

.widget:not(.elements-inline) .more-items-category~h2,
.widget:not(.elements-inline) .more-items-subsection~h2,
.widget:not(.elements-inline) .video-items time~h2 {
  margin-top: 5px !important;
}

.btn-image .more-items-item>a:not(.all-box-link) .link-button a,
.btn-image .more-items-item .more-items-img-container .link-button a,
.btn-image .more-items-item>.fotorama .link-button a {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  white-space: normal;
}

.more-items-item .wrapper .hidden-table {
  display: none;
}


.center-items .more-items-list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.center-vertical-items .more-items-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.end-items .more-items-list {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.start-items .more-items-list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.space-between-items .more-items-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.no-wrapper .more-items-item .wrapper {
  display: none;
}

.elements-inline .more-items-item .wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.elements-wrap .more-items-item .wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elements-wrap .more-items-item .wrapper .link-button,
.elements-wrap .more-items-item .wrapper .btn-group {
  margin-right: 10px;
}


.large-wrapper-padding .more-items-item .wrapper,
.large-wrapper-padding .slide-content {
  padding: 80px;
}

.xxl-wrapper-padding.img-aside .more-items-item .wrapper {
  padding-left: calc(var(--body-h-padding) * 4.5);
}

.xxl-wrapper-padding.img-aside.img-end .more-items-item .wrapper {
  padding-right: calc(var(--body-h-padding) * 4.5);
}

.large-wrapper-padding.img-aside .more-items-item .wrapper {
  padding-left: calc(var(--body-h-padding) * 1.5);
}

.large-wrapper-padding.img-aside.img-end .more-items-item .wrapper {
  padding-right: calc(var(--body-h-padding) * 1.5);
}

.x-medium-wrapper-padding .more-items-item .wrapper,
.x-medium-wrapper-padding .slide-content {
  padding: 60px;
}

.medium-wrapper-padding .more-items-item .wrapper,
.medium-wrapper-padding .slide-content {
  padding: 40px;
}

.small-wrapper-padding .more-items-item .wrapper,
.small-wrapper-padding .slide-content {
  padding: 8px;
}



/* More items Gap */
.gap-100 {
  --gap: 100px;
}

.gap-90 {
  --gap: 90px;
}

.gap-80 {
  --gap: 80px;
}

.gap-70 {
  --gap: 70px;
}

.gap-60 {
  --gap: 60px;
}

.gap-59 {
  --gap: 59px;
}

.gap-58 {
  --gap: 58px;
}

.gap-57 {
  --gap: 57px;
}

.gap-56 {
  --gap: 56px;
}

.gap-55 {
  --gap: 55px;
}

.gap-54 {
  --gap: 54px;
}

.gap-53 {
  --gap: 53px;
}

.gap-52 {
  --gap: 52px;
}

.gap-51 {
  --gap: 51px;
}

.gap-50 {
  --gap: 50px;
}

.gap-49 {
  --gap: 49px;
}

.gap-48 {
  --gap: 48px;
}

.gap-47 {
  --gap: 47px;
}

.gap-46 {
  --gap: 46px;
}

.gap-45 {
  --gap: 45px;
}

.gap-44 {
  --gap: 44px;
}

.gap-43 {
  --gap: 43px;
}

.gap-42 {
  --gap: 42px;
}

.gap-41 {
  --gap: 41px;
}

.gap-40 {
  --gap: 40px;
}

.gap-39 {
  --gap: 39px;
}

.gap-38 {
  --gap: 38px;
}

.gap-37 {
  --gap: 37px;
}

.gap-36 {
  --gap: 36px;
}

.gap-35 {
  --gap: 35px;
}

.gap-34 {
  --gap: 34px;
}

.gap-33 {
  --gap: 33px;
}

.gap-32 {
  --gap: 32px;
}

.gap-31 {
  --gap: 31px;
}

.gap-30 {
  --gap: 30px;
}

.gap-29 {
  --gap: 29px;
}

.gap-28 {
  --gap: 28px;
}

.gap-27 {
  --gap: 27px;
}

.gap-26 {
  --gap: 26px;
}

.gap-25 {
  --gap: 25px;
}

.gap-24 {
  --gap: 24px;
}

.gap-23 {
  --gap: 23px;
}

.gap-22 {
  --gap: 22px;
}

.gap-21 {
  --gap: 21px;
}

.gap-20 {
  --gap: 20px;
}

.gap-19 {
  --gap: 19px;
}

.gap-18 {
  --gap: 18px;
}

.gap-17 {
  --gap: 17px;
}

.gap-16 {
  --gap: 16px;
}

.gap-15 {
  --gap: 15px;
}

.gap-14 {
  --gap: 14px;
}

.gap-13 {
  --gap: 13px;
}

.gap-12 {
  --gap: 12px;
}

.gap-11 {
  --gap: 11px;
}

.gap-10 {
  --gap: 10px;
}

.gap-9 {
  --gap: 9px;
}

.gap-8 {
  --gap: 8px;
}

.gap-7 {
  --gap: 7px;
}

.gap-6 {
  --gap: 6px;
}

.gap-5 {
  --gap: 5px;
}

.gap-4 {
  --gap: 4px;
}

.gap-3 {
  --gap: 3px;
}

.gap-2 {
  --gap: 2px;
}

.gap-1 {
  --gap: 1px;
}

.gap-0 {
  --gap: 0px;
}

/*  GAP FOR DISPLAY FLEX AND GRIP  */

.gap60 {
  gap: 60px;
}

.gap59 {
  gap: 59px;
}

.gap58 {
  gap: 58px;
}

.gap57 {
  gap: 57px;
}

.gap56 {
  gap: 56px;
}

.gap55 {
  gap: 55px;
}

.gap54 {
  gap: 54px;
}

.gap53 {
  gap: 53px;
}

.gap52 {
  gap: 52px;
}

.gap51 {
  gap: 51px;
}

.gap50 {
  gap: 50px;
}

.gap49 {
  gap: 49px;
}

.gap48 {
  gap: 48px;
}

.gap47 {
  gap: 47px;
}

.gap46 {
  gap: 46px;
}

.gap45 {
  gap: 45px;
}

.gap44 {
  gap: 44px;
}

.gap43 {
  gap: 43px;
}

.gap42 {
  gap: 42px;
}

.gap41 {
  gap: 41px;
}

.gap40 {
  gap: 40px;
}

.gap39 {
  gap: 39px;
}

.gap38 {
  gap: 38px;
}

.gap37 {
  gap: 37px;
}

.gap36 {
  gap: 36px;
}

.gap35 {
  gap: 35px;
}

.gap34 {
  gap: 34px;
}

.gap33 {
  gap: 33px;
}

.gap32 {
  gap: 32px;
}

.gap31 {
  gap: 31px;
}

.gap30 {
  gap: 30px;
}

.gap29 {
  gap: 29px;
}

.gap28 {
  gap: 28px;
}

.gap27 {
  gap: 27px;
}

.gap26 {
  gap: 26px;
}

.gap25 {
  gap: 25px;
}

.gap24 {
  gap: 24px;
}

.gap23 {
  gap: 23px;
}

.gap22 {
  gap: 22px;
}

.gap21 {
  gap: 21px;
}

.gap20 {
  gap: 20px;
}

.gap19 {
  gap: 19px;
}

.gap18 {
  gap: 18px;
}

.gap17 {
  gap: 17px;
}

.gap16 {
  gap: 16px;
}

.gap15 {
  gap: 15px;
}

.gap14 {
  gap: 14px;
}

.gap13 {
  gap: 13px;
}

.gap12 {
  gap: 12px;
}

.gap11 {
  gap: 11px;
}

.gap10 {
  gap: 10px;
}

.gap9 {
  gap: 9px;
}

.gap8 {
  gap: 8px;
}

.gap7 {
  gap: 7px;
}

.gap6 {
  gap: 6px;
}

.gap5 {
  gap: 5px;
}

.gap4 {
  gap: 4px;
}

.gap3 {
  gap: 3px;
}

.gap2 {
  gap: 2px;
}

.gap1 {
  gap: 1px;
}

.gap0 {
  gap: 0px;
}

.img-wrapper-gap-10 .more-items-item {
  gap: 10px;
}

.img-wrapper-gap-20 .more-items-item {
  gap: 20px;
}

.img-wrapper-gap-30 .more-items-item {
  gap: 30px;
}

.column .full-width.tabs-end>header,
.full-width.tabs-end>header,
.column .full-width.tabs-start>.widget-title,
.column .full-width.tabs-start>.section-title,
.full-width.tabs-start>.widget-title,
.full-width.tabs-start>.section-title {
  padding-right: var(--gap);
}

.column .full-width.tabs-start>header,
.full-width.tabs-start>header,
.column .full-width.tabs-end>.widget-title,
.column .full-width.tabs-end>.section-title,
.full-width.tabs-end>.widget-title,
.full-width.tabs-end>.section-title {
  padding-left: var(--gap);
}

.full-width.tabs-end.slider-items header,
.full-width.tabs-start.slider-items .widget-title,
.full-width.tabs-start.slider-items .section-title,
.full-width.tabs-end.slider-items-desktop header,
.full-width.tabs-start.slider-items-desktop .widget-title,
.full-width.tabs-start.slider-items-desktop .section-title {
  padding-right: 100px;
}

.full-width.tabs-start.slider-items header,
.full-width.tabs-end.slider-items .widget-title,
.full-width.tabs-end.slider-items .section-title,
.full-width.tabs-start.slider-items-desktop header,
.full-width.tabs-end.slider-items-desktop .widget-title,
.full-width.tabs-end.slider-items-desktop .section-title {
  padding-left: 100px;
}

.column .gap-50:not(.full-width).tabs-col.slide-items-events>.tabs-content,
.column .gap-50:not(.full-width).tabs-col.slide-items-events>.more-items-list {
  max-width: 1000px !important;
}

/* Image aside */
.img-aside .more-items-item {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;

}

.image-only-50 .more-items-item>a:not(.all-box-link)>img,
.image-only-50 .more-items-item .more-items-img-container>img,
.img-aside .more-items-item>a:not(.all-box-link),
.img-aside .more-items-item .more-items-img-container {
  width: 50%;
  flex: none;
}

.image-only-50 .more-items-item>a:not(.all-box-link)>img,
.image-only-50 .more-items-item .more-items-img-container>img,
.image-only-25 .more-items-item>a:not(.all-box-link)>img,
.image-only-25 .more-items-item .more-items-img-container>img,
.image-only-30 .more-items-item>a:not(.all-box-link)>img,
.image-only-30 .more-items-item .more-items-img-container>img {
  display: block;
  margin: 0 auto;
}

.image-only-start .more-items-item>a:not(.all-box-link)>img,
.image-only-start .more-items-item .more-items-img-container>img {
  margin-left: 0;
}

.image-only-end .more-items-item>a:not(.all-box-link)>img,
.image-only-end .more-items-item .more-items-img-container>img {
  margin-right: 0;
}

.image-only-50 .more-items-item>a:not(.all-box-link),
.image-only-50 .more-items-item .more-items-img-container,
.image-only-25 .more-items-item>a:not(.all-box-link),
.image-only-25 .more-items-item .more-items-img-container,
.image-only-30 .more-items-item>a:not(.all-box-link),
.image-only-30 .more-items-item .more-items-img-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.image-related-width .more-items-item>a:not(.all-box-link),
.image-related-width .more-items-item .more-items-img-container {
  width: var(--related-content-width);
}

.img-aside.image-70 .more-items-item>a:not(.all-box-link),
.img-aside.image-70 .more-items-item .more-items-img-container {
  width: 70%;
}

.img-aside.image-60 .more-items-item>a:not(.all-box-link),
.img-aside.image-60 .more-items-item .more-items-img-container {
  width: 60%;
}

.img-aside.image-50 .more-items-item>a:not(.all-box-link),
.img-aside.image-50 .more-items-item .more-items-img-container {
  width: 50%;
}

.img-aside.image-40 .more-items-item>a:not(.all-box-link),
.img-aside.image-40 .more-items-item .more-items-img-container {
  width: 40%;
}

.image-only-30 .more-items-item>a:not(.all-box-link)>img,
.image-only-30 .more-items-item .more-items-img-container>img,
.img-aside.image-30 .more-items-item>a:not(.all-box-link),
.img-aside.image-30 .more-items-item .more-items-img-container {
  width: 30%;
}

.img-aside.image-25 .more-items-item>a:not(.all-box-link),
.img-aside.image-25 .more-items-item .more-items-img-container,
.image-only-25 .more-items-item>a:not(.all-box-link)>img,
.image-only-25 .more-items-item .more-items-img-container>img {
  width: 25%;
}

.img-aside.image-20 .more-items-item>a:not(.all-box-link),
.img-aside.image-20 .more-items-item .more-items-img-container {
  width: 20%;
}

.img-aside.image-10 .more-items-item>a:not(.all-box-link),
.img-aside.image-10 .more-items-item .more-items-img-container {
  width: 10%;
}

.img-aside .more-items-item>a:not(.all-box-link) img,
.img-aside .more-items-item .more-items-img-container img {
  padding: 0px 0 0px 0px;
}

.img-end.img-aside .more-items-item>a:not(.all-box-link) img,
.img-end.img-aside .more-items-item .more-items-img-container img,
.img-end-start.img-aside .more-items-item:nth-child(odd)>a img,
.img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
.img-start-end.img-aside .more-items-item:nth-child(even)>a img,
.img-start-end.img-aside .more-items-item:nth-child(even) .more-items-img-container img {
  padding: 0px 0px 0px 0;
}

.img-start-end:not(.img-aside) .more-items-item:nth-child(even)>a img,
.img-start-end:not(.img-aside) .more-items-item:nth-child(even) .more-items-img-container img,
.img-end-start:not(.img-aside) .more-items-item:nth-child(odd)>a img,
.img-end-start:not(.img-aside) .more-items-item:nth-child(odd) .more-items-img-container img {
  padding: 0 0px 0px 0px;
}

.img-aside .more-items-item .wrapper {
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 0;
  padding-left: 20px;
}

.img-aside.top-box .more-items-item .wrapper {
  padding-bottom: 0;
}

.img-aside.bottom-box .more-items-item .wrapper {
  padding-top: 0;
  padding-bottom: 20px;
}

.img-aside.center-box .more-items-item .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.img-aside.center-box:not(.timeline-view) .more-items-item .wrapper>*:first-child {
  margin-top: 0;
}

.img-aside.center-box:not(.timeline-view) .more-items-item .wrapper>*:last-child {
  margin-bottom: 0;
}

.img-aside.img-max-w .more-items-item>a:not(.all-box-link),
.img-aside.img-max-w .more-items-item .more-items-img-container {
  max-width: 200px;
}

.related-content .img-aside .more-items-item {
  background-color: transparent;
}

.related-content .img-aside .more-items-item .wrapper {
  padding: 5px 10px;
}

.related-content .img-aside .more-items-item h2 {
  font-size: 18px;
}

.related-content .img-aside .more-items-item>a:not(.all-box-link),
.related-content .img-aside .more-items-item .more-items-img-container {
  max-width: 100px;
}

.img-end-start.img-aside .more-items-item:nth-child(odd),
.img-end.img-aside .more-items-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside .wrapper,
.img-start-end.img-aside .more-items-item:nth-child(even) .wrapper {
  text-align: right;
}

.img-start-end.img-aside .more-items-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.img-start-end .more-items-item:nth-child(even) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}

.img-end-start .more-items-item:nth-child(odd),
.img-end .more-items-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}

.boxed.bottom-box .more-items-item {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.boxed.bottom-box .wrapper {
  margin-bottom: 0;
  bottom: 0;
}

.boxed.top-box .more-items-item {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.boxed.top-box .wrapper {
  margin-top: 0;
}

.boxed.center-box .more-items-item {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.boxed.right-box .more-items-item {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.boxed.right-box .wrapper {
  margin-right: 0;
  width: 50%;
}

.boxed.left-box .more-items-item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.boxed.left-box .wrapper {
  margin-left: 0;
  width: 50%;
}

.boxed.center-h-box .more-items-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.boxed .wrapper {
  position: absolute;
  width: 70%;
  max-width: 500px;
  border-radius: 0px;
  background-color: #ffffff;
}

.one-one.boxed .wrapper {
  max-width: 600px;
}

.boxed .btn-empty {
  border: none;
  color: #ffffff;
  background-color: var(--cyan);
}

.boxed .btn-empty:hover,
.boxed .link-button a:hover,
.boxed .btn-group a:hover {
  background-color: var(--dark);
  color: #ffffff;
}

/* Text over */
.text-over .more-items-item {
  display: block;
}

.text-over .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 17px 20px;
  background: none;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.text-over .wrapper h2 {
  min-height: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.text-over .wrapper h2 a:hover {
  opacity: 1;
}

.text-over .more-items-item {
  background-color: transparent;
}

.text-over .more-items-item .wrapper * {
  color: #ffffff;
}

.text-over:not(.dark-text-button) .more-items-item .wrapper .link-button a:hover {
  color: var(--cyan);
}

.text-over .more-items-item>a:not(.all-box-link),
.text-over .more-items-item .more-items-img-container {
  display: block;
}

.text-over .more-items-item .more-items-img-container .loading-container {
  min-height: 200px;
}

.text-over .more-items-item>a:not(.all-box-link) img,
.text-over .more-items-item .more-items-img-container img,
.boxed .more-items-item>a:not(.all-box-link) img,
.boxed .more-items-item .more-items-img-container img,
.rounded .more-items-item>a:not(.all-box-link) img,
.rounded .more-items-item .more-items-img-container img,
.no-wrapper .more-items-item>a:not(.all-box-link) img,
.no-wrapper .more-items-item .more-items-img-container img {
  padding: 0;
}

.text-over.center-box .wrapper,
.slide.center-box,
.center-box .slide,
.slide.cover-box .slide-content,
.cover-box .slide .slide-content {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color 0.5s var(--easing);
  /* Safari */
  -o-transition: background-color 0.5s var(--easing);
  transition: background-color 0.5s var(--easing);
}

.center-box .wrapper,
.slide.center-box,
.center-box .slide {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-over.center-box .more-items-item:hover .wrapper {
  background-color: rgba(0, 0, 0, 0.4);
}

.text-over.bottom-box:not(.boxed) .wrapper,
.slide.bottom-box .slide-content,
.bottom-box .slide .slide-content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  top: auto;
}

.bottom-box:not(.boxed) .wrapper,
.slide.bottom-box,
.bottom-box:not(.boxed) .slide {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: none;
}

.text-over.top-box .wrapper,
.slide.top-box .slide-content,
.top-box .slide .slide-content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  bottom: auto;
}

.top-box:not(.boxed) .wrapper,
.slide.top-box,
.top-box:not(.boxed) .slide {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: none;
}

.text-over.bottom-box .more-items-item>a:not(.all-box-link) .more-items-img,
.text-over.top-box .more-items-item>a:not(.all-box-link) .more-items-img {
  opacity: 1;
}

.top-box .more-items-item .wrapper>*,
.center-box .more-items-item .wrapper>*,
.bottom-box .more-items-item .wrapper>* {
  -webkit-box-flex: none;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
}

.center-box .more-items-item .wrapper>*:last-child:first-child {
  margin-bottom: 0;
  margin-top: 0;
}

.cover-box .wrapper,
.slide.cover-box .slide-content,
.cover-box .slide .slide-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.slide.cover-box .slide-content,
.cover-box .slide .slide-content {
  height: 100%;
  background: transparent
}

.cover-box>div {
  height: 100%;
}

.transparent-wrapper ul li .wrapper,
.text-over.transparent-wrapper ul li .wrapper {
  background: transparent !important;
}


/* Rounded image */
.rounded:not(.img-aside) {
  text-align: center;
}

.rounded ul li {
  background-color: transparent !important;
}

.rounded ul li .wrapper,
.rounded .wrapper {
  background-color: transparent !important;
}

.rounded img {
  border-radius: 50% !important;
}

/* Extra Large */


.xxl-text .more-items-item .wrapper h2,
.xxl-text .slide-content .slide-title {
  font-size: 120px;
  line-height: 0.8;
}

.xxl-text .more-items-item .wrapper h3 {
  font-size: 70px;
  line-height: 1;
}

.xxl-text .more-items-item .wrapper h4 {
  font-size: 34px;
}

.xxl-text .more-items-item .wrapper .more-items-text,
.xxl-text .more-items-short-text,
.more-items-long-text,
.xxl-text .slide-content p,
.xxl-text .wrapper>p {
  font-size: 26px;
}

.xl-text .more-items-item .wrapper h2,
.xl-text .slide-content .slide-title {
  font-size: 100px;
  line-height: 0.8;
}

.xl-text .more-items-item .wrapper h3 {
  font-size: 64px;
}

.xl-text .more-items-item .wrapper h4 {
  font-size: 28px;
}

.xl-text .more-items-item .wrapper .more-items-text,
.xl-text .more-items-short-text,
.more-items-long-text,
.xl-text .slide-content p,
.xl-text .wrapper>p {
  font-size: 22px;
}

/* Large */

.large-text .more-items-item .wrapper h2,
.large-text .slide-content .slide-title {
  font-size: 60px;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}

.large-text .more-items-item .wrapper .more-items-text,
.large-text .more-items-short-text,
.more-items-long-text,
.large-text .slide-content p,
.large-text .wrapper>p {
  font-size: 18px;
}

.large-text .more-items-item .wrapper h3 {
  font-size: 36px;
}

.large-text .more-items-item .wrapper h4 {
  font-size: 24px;
}

.large-text .more-items-item .wrapper time {
  font-size: 24px;
}

.large-text .more-items-item .wrapper .more-items-category,
.large-text .more-items-item .wrapper .more-items-subsection {
  font-size: 16px;
}

.large-text.img-aside .more-items-item .wrapper h2 {
  font-size: 42px;
}

.large-text .more-items-item .wrapper .link-button a,
.large-text .btn-group a {
  padding: 10px 20px;
  font-size: 18px;
}

/* Medium text */

.medium-text .more-items-item .wrapper h2,
.medium-text .slide-content .slide-title {
  font-size: 42px;
  line-height: 1.1;
}

.medium-text .more-items-item .wrapper h3 {
  font-size: 26px;
}

.medium-text .more-items-item .wrapper h4 {
  font-size: 22px;
}

.medium-text .more-items-item .wrapper .more-items-text,
.medium-text .more-items-short-text,
.medium-text .slide-content p,
.medium-text .wrapper>p {
  font-size: 20px;
}

.medium-text .wrapper>ul {
  font-size: 18px;
}

/* Medium text */

.x-medium-text .more-items-item .wrapper h2,
.x-medium-text .slide-content .slide-title {
  font-size: 32px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 10px;
}

.x-medium-text .more-items-item .wrapper h3 {
  font-size: 28px;
}

.x-medium-text .more-items-item .wrapper h4 {
  font-size: 24px;
}

.x-medium-text .more-items-item .wrapper .more-items-text,
.x-medium-text .more-items-short-text,
.x-medium-text .slide-content p,
.x-medium-text .wrapper>p {
  font-size: 16px;
}


/* Small */
.small-text .more-items-item .wrapper h2,
.small-text .slide-content .slide-title {
  font-size: 15px;
}

.small-text .more-items-item .wrapper h3 {
  font-size: 13px;
}

.small-text .more-items-item .wrapper h4 {
  font-size: 11px;
}

.text-normal .more-items-item .wrapper h2,
.text-normal,
.normal-text .more-items-item .wrapper h2,
.normal-text,
.normal-title .widget-title,
.normal-title .section-title {
  font-weight: normal;
}

.text-light .more-items-item .wrapper h2,
.text-light,
.light-text .more-items-item .wrapper h2,
.light-text {
  font-weight: 100;
}

.text-bold {
  font-weight: bold;
}

.title-wrapper-upper .wrapper h2 {
  text-transform: uppercase;
}

.text-normal-widget-title .widget-title,
.text-normal-widget-title .section-title {
  font-weight: normal;
}

.text-light-widget-title .widget-title,
.text-light-widget-title .section-title {
  font-weight: 100;
}

.line-h-0 .widget-title,
.line-h-0 .section-title,
.line-h-0 .wrapper h2 {
  line-height: var(--line-h-0) !important;
}

.hide-first .more-items-list li:first-child {
  display: none;
}

/* Overlay */
.ov-content {
  display: none;
}

/* Slide items */
.slide-items .more-items-item {
  width: 100% !important;
}

.slide-items .more-items-list {
  display: none;
}

.slide-items .showmore-inline.pagination .pagination-page.next,
.slide-items .pagination.more .pagination-more {
  display: none;
}

.column>.slide-items.widget {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.slide-items .more-items-item {
  opacity: 0;
}

.slide-items .owl-item .more-items-item {
  opacity: 1;
}

.slide-items.grow-hover-item .more-items-list {
  padding: 40px 0;
  overflow: hidden;
}

.slide-items.grow-hover-item .owl-carousel .owl-stage-outer {
  overflow: visible;
}

/* Video */
.more-video-items {
  width: 100%;
  margin-bottom: 0;
}

.video-items .wrapper time {
  margin-bottom: 0;
}

/* Submenu list */


.submenu-list li {
  display: block;
  text-align: left;
  margin-right: 0;
  margin-bottom: 10px;
  width: 100%;
}

.submenu-list li h2 {
  margin: 0;
}

.submenu-list ul li.active a {

  position: relative;

}

.submenu-list ul li.active>a,
.submenu-list ul li.active .wrapper h2 a {
  color: var(--cyan);
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
    .submenu-list:not(.route-list-col) > ul > li > a:after,
    .submenu-list:not(.route-list-col) > ul > li .wrapper h2 a:after {
      content: "";
      width: 3px;
      top: 0;
      bottom: 0;
      left: 0;
      background-color: transparent;
      position: absolute;
    }
    .submenu-list:not(.route-list-col) li.active > a:after,
    .submenu-list:not(.route-list-col) li.active .wrapper h2 a:after {
      background-color: #fa552d;
    }
    */
.submenu-list ul li .wrapper {
  padding: 0;
}

.submenu-list>ul>li a {
  text-transform: none;
  color: var(--dark);
  font-weight: 400;
  font-size: 15px;
  padding: 0;
  display: block;
  line-height: 1.5;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  margin: 0 0 0 0;

}

.submenu-list li a {
  margin-bottom: 14px;
  -moz-osx-font-smoothing: none;
  -webkit-font-smoothing: auto;
}

.submenu-list li a:hover,
.submenu-list li:hover>a {
  color: var(--cyan);
}


.submenu-list>ul>li ul {
  margin-left: 20px;
}

.submenu-list .submenu {
  position: relative;
}


.submenu-list.large-list li {
  display: inline-block;
  width: auto;
}

.submenu-list.large-list li a {
  padding: 10px 0;
  margin-right: 20px;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.submenu-list.large-list li.active a {
  font-weight: 300;
}

.large-list.submenu-list:not(.route-list-col)>ul>li>a:after,
.large-list.submenu-list:not(.route-list-col)>ul>li .wrapper h2 a:after {
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
  height: 3px;
}

.submenu-list li.top-line {
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
}

.submenu-list li.top-line:before {
  position: absolute;
  left: 35px;
  right: 35px;
  content: "";
  height: 1px;
  top: 0;
  background-color: #525252
}



/* Video Element */
.video-view header {
  padding: 20px;
  background-color: #ffffff;
}

.video-element .vidPlayer {
  width: 100%;
  display: block;
}

.video-element-title {
  color: #3b3d40;
  display: inline-block;
}

.video-element-time {
  padding-bottom: 10px;
  display: block;
}

/* Galleries list */
.galleries-items .galleries-item .galleries-item-count {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #a7adb1;
}

/* Social stream */
.widget.social-stream,
.full-content .widget.social-stream {
  position: relative;
  padding-bottom: 100px;
}

.social-stream .socialstream-item {
  position: relative;
  min-height: 65px;
}

.social-stream .socialstream-item img {
  padding: 0;
}

.social-stream.text-over .socialstream-item {
  padding-bottom: 0;
  background: transparent;
  opacity: 0;
}

.social-stream.text-over .socialstream-item .wrapper {
  position: absolute;
  left: 0;
  right: 0;
  padding-bottom: 10px;
}

.social-stream.text-over .socialstream-item .wrapper>*,
.social-stream.text-over .socialstream-item .wrapper:after {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}

.social-stream.text-over .socialstream-item .wrapper time {
  text-align: right;
}

.social-stream.text-over .socialstream-item .wrapper .socialstream-item-message {
  display: none;
}

.social-stream.text-over .socialstream-item .socialstream-item-username-image img {
  left: 10px;
  top: 18px;
}

.social-stream.text-over .socialstream-item .socialstream-item-username,
.social-stream.text-over .socialstream-item .socialstream-item-time {
  padding-left: 40px;
}

.social-stream.text-over .socialstream-item .wrapper:after {
  bottom: 13px;
}

.social-stream.text-over .socialstream-item:not(.no-img) .wrapper:after {
  color: #ffffff !important;
}

.social-stream .socialstream-item .wrapper {
  position: relative;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  transition: background-color 0.2s;
}

.social-stream .socialstream-item .wrapper:after {
  position: absolute;
  left: 16px;
  bottom: 10px;
  content: "";
  width: 24px;
  height: 24px;
  font-family: "Remixicon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: #ffffff;
}

.social-stream .socialstream-item .wrapper>a {
  color: #3b3d40;
  margin: 0;
}

.social-stream.color .socialstream-item.instagram {
  background-color: #517fa4;
}

.social-stream.color .socialstream-item.instagram:hover {
  background-color: #477294;
}

.social-stream .socialstream-item.instagram .wrapper:after {
  content: "\ee65";
  color: #517fa4;
}

.social-stream.color .socialstream-item.twitter {
  background-color: #00aced;
}

.social-stream.color .socialstream-item.twitter:hover {
  background-color: #0090c6;
}

.social-stream .socialstream-item.twitter .wrapper:after {
  content: "\f3e5";
  color: #00aced;
}

.social-stream.color .socialstream-item.facebook {
  background-color: #3b5998;
}

.social-stream.color .socialstream-item.facebook:hover {
  background-color: #324d85;
}

.social-stream .socialstream-item.facebook .wrapper:after {
  content: "\ecb8";
  color: #3b5998;
}

.social-stream.color .socialstream-item.google {
  background-color: #dd4b39;
}

.social-stream.color .socialstream-item.google:hover {
  background-color: #af382a;
}

.social-stream .socialstream-item.google .wrapper:after {
  content: "\f0d4";
  color: #dd4b39;
}

.social-stream .socialstream-item .socialstream-item-username-image,
.social-stream.list-view .socialstream-item .socialstream-item-username-image {
  width: 40px;
  margin: 0;
  border-radius: 50%;
  padding: 0;
  min-width: inherit;
  max-width: none;
  top: 18px;
  position: absolute;
  left: 20px;
}

.social-stream .socialstream-item .socialstream-item-username-image img,
.social-stream.list-view .socialstream-item .socialstream-item-username-image img {
  border-radius: 50%;
}

.social-stream .socialstream-item .socialstream-item-username {
  display: block;
  font-weight: bold;
  text-align: left;
  padding-left: 50px;
  font-size: 16px;
  padding-right: 50px;
}

.social-stream .socialstream-item .socialstream-item-time {
  text-align: left;
  display: block;
  padding-left: 50px;
  font-size: 12px;
  padding-right: 50px;
}

.social-stream .socialstream-item .socialstream-item-message {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.social-stream.list-view .socialstream-item {
  width: 100%;
  margin: 10px 0;
}

.social-stream.list-view .socialstream-item img {
  padding: 0 20px 0 0;
  float: left;
  width: 30%;
  min-width: 100px;
  max-width: 300px;
}

.social-stream.color .socialstream-item .wrapper *,
.social-stream.color .socialstream-item .wrapper:after {
  color: #ffffff;
}

.social-stream.text-over .socialstream-item .wrapper:after {
  color: #ffffff;
}


#social-stream .more-items-item .wrapper {
  padding: 10px 20px;
}

#social-stream .more-items-item .wrapper .more-items-time .date-time {
  display: none;
}

#social-stream .more-items-item.no-img .wrapper {
  position: relative;
  padding: 10px 20px 10px;
  background: #ffffff;
}

#social-stream .more-items-item.no-img .wrapper time {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 20px;
}

#social-stream .more-items-item.no-img .wrapper .more-items-short-text {
  display: block;
  margin-top: 20px;
  text-align: left;
}

#social-stream .more-items-item.no-img .wrapper:after {
  text-shadow: none !important;
}

#social-stream .more-items-item.no-img .wrapper * {
  color: #808291;
  text-shadow: none !important;
}

#social-stream .more-items-item.no-img .more-items-img-container {
  display: none;
}

#social-stream .more-items-item.no-img.twitter .wrapper:after {
  color: #00aced;
}

#social-stream .more-items-item.no-img.facebook .wrapper:after {
  color: #4267B2;
}

#social-stream.text-over .more-items-short-text {
  display: none;
  font-size: 16px;
}

/* Videos */

#top-media .slides {
  min-height: 500px;
  position: relative;
  overflow: visible;
}

#top-media .slides .fotorama__video {
  position: relative;
  top: 0;
  width: 80%;
  margin: auto;
}

#top-media .slides .fotorama__video:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
  top: auto;
}

#top-media .slides .fotorama__video iframe {
  width: 100%;
}

#top-media .slides .fotorama__wrap--video {
  z-index: 9999999;
  position: fixed;
}

#top-media .slides .fotorama__wrap--video:after {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

#top-media .slides .fotorama__wrap--video .fotorama__stage__frame.fotorama__active {
  position: fixed;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#top-media .slides .fotorama__stage__frame.fotorama__stage__frame--video .slide .slide-content .article-header-data {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

#top-media .slides .fotorama__stage__frame.fotorama__stage__frame--video .slide .slide-content .article-header-data .article-header-icon {
  margin-left: 0;
  margin-right: 30px;
}

#top-media .slides .fotorama__stage__frame.fotorama__stage__frame--video .slide.topstory-text-right .slide-content .article-header-data {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

#top-media .slides .fotorama__stage__frame.fotorama__stage__frame--video .slide.topstory-text-right .slide-content .article-header-data .article-header-icon {
  margin-right: 0;
  margin-left: 30px;
}

#top-media .slides .fotorama__video-close {
  top: 0;
  width: 48px;
  height: 48px;
  background: none;
  line-height: 48px;
  font-size: 36px;
  text-align: center;
  margin: 10px;
  right: 0;
  position: fixed;
}

#top-media .slides .fotorama__video-close:before {
  content: "\eb99";
  color: #ffffff;
  display: inline-block;
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#top-video .fotorama .fotorama__video-close {
  display: none;
}

#top-video .fotorama .fotorama__video {
  top: 0;
}

/* Article */

#top-media>ul {
  height: 80svh;

}

.widget.article-view .article {
  background: #ffffff;
  padding: 50px 0;
  margin-left: auto;
  margin-right: auto;
}

body.news .widget.article-view:not([data-recon="recon-1"]) .article header>figure,
body.news .widget.article-view:not([data-recon="recon-1"]) .article header>#slideshow-gallery {
  display: none;
}

body.news .widget.article-view .article {
  transform: translateY(calc(var(--vh, 1vh) * -10));
  margin-left: calc((100vw - var(--max-width-column-small)) / 2);
  padding: 30px 0;
}

body.news.event-page .widget.article-view .article {
  margin-bottom: calc(var(--vh, 1vh) * -10);
}

body.news .hero-img {
  position: fixed
}

body.news .hero-img~* {
  margin-top: calc(var(--vh, 1vh) * 87);

  z-index: 2;
  position: relative;
}

body.news .hero-img~*:not(.dark):not(.dark-bg):not(.grey-bg):not(.light-dark-bg) {
  background: #fff;
}

body.news.scroll-not-top #top-media {
  pointer-events: none;
}

body.news #top-media.hero-img~* {
  margin-top: 0;

}

body.news #top-media.hero-img {
  height: auto;
  background-color: var(--light-dark);
  position: relative;
}

body.news #top-media.hero-img ul {
  height: auto
}

body.news .hero-img ul {
  background-color: var(--dark);
}

body.news #top-media.hero-img ul li {
  position: relative;
}

body.news #top-media.hero-img ul li a,
body.news #top-media.hero-img ul li a>img {
  height: auto;
  width: 100%;
  max-height: calc(100svh - var(--header-height) - 100px);
}

.widget.article-view .article .article-view-body {
  line-height: 1.7;
}

.widget.article-view,
.column .widget.article-view {
  --gap: 0;
  padding: 0;
}

.widget.article-view>*,
.column .widget.article-view>* {
  position: relative;
  z-index: 1;
}

.widget.article-view .article {
  max-width: 100%;
  position: relative;
}

.widget.article-view .article header {
  width: 100%;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;

}

body.news .article-view .article-aside,
body.news .article-view header>*,
body.news .article-view-footer {
  padding-right: 70px;
  padding-left: 70px;
}

.article-view header>* {
  margin-top: 20px;
  margin-bottom: 20px;

}

.primary-content .widget.article-view {
  background-color: #ffffff;
}

.primary-content .widget.article-view .article {
  padding: 40px 0;
}

.article-view-title,
.article-view-time,
.article-view-category,
.article-view-intro,
.article-view-body,
.article-view header figure,
.article-view #slideshow-gallery,
.article-view-footer,
.article header {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-column-small);
  width: 100%;
}

body.news .article-view-title,
body.news .article-view-time,
body.news .article-view-category,
body.news .article-view-intro,
body.news .article-view-body,
body.news .article-view header figure,
body.news .article-view #slideshow-gallery,
body.news .article-view-footer,
body.news .article header {
  margin-left: 0;
}

.article-view-body {
  padding-bottom: 20px;
  overflow: auto;
}

.article-view-title {
  margin: 30px 0;
  color: var(--dark);
  order: -1;
}

.article-view-time {

  font-size: 18px;
  display: block;
}

.widget.no-slideshow-captions .fotorama__caption {
  display: none;
}

.article-view-data {
  float: left;
  margin-right: 3%;
  width: 22%;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}

.share-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

}

.share-buttons.active .share {
  opacity: 1;
}

.share-buttons .share {
  display: flex;
}

.share-buttons .share a {
  width: 30px;
  height: 30px;
  border: 2px solid var(--cyan);
  border-radius: 50%;
  margin-right: 5px;
  text-align: center;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-buttons .share a i,
.share-buttons .share a i:before {
  height: 30px;
  line-height: 30px;
}

.share-buttons .share a:hover {
  background: var(--cyan);
  color: #fff;
}

.share-buttons .share a i:before {
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.share-buttons .share a i.facebook:before {
  content: "\ecbc";
}

.share-buttons .share a i.twitter:before {
  content: "\f3e5";
}

.share-buttons .share a i.linkedin:before {
  content: "\eeb5";
}

.share-buttons .share a i.whatsapp:before {
  content: "\f2bb";
}

.share-buttons .share a i.email:before {
  content: "\eef6";
}

.share-buttons .share a.google,
.share-buttons .share a.pinterest {
  display: none;
}

.share-text {
  text-transform: uppercase;
  color: var(--cyan);
  font-size: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 20px;
  font-weight: bold;
}

.article-view-data .article-view-time {
  width: 100%;
  font-weight: bold;
  color: var(--cyan);
  font-size: 20px;
}

.article-view-data .article-view-time::after {
  display: flex;
  width: 100%;
  height: 350px;
  content: "";
  background: url(../img/article-left-texture.png) left center no-repeat transparent;
  background-size: contain;
  margin: 40px 0;
}

.article-view-data .article-view-time .date-time {
  display: block;
}

.article-view-time .date-time:after {
  content: " UTC"
}

.article-view-category {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--darkgrey);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  margin-bottom: 0;
}

.article-view header .article-view-category {
  margin-bottom: 0;
}

.article-view header figure,
.article-view #slideshow-gallery {
  margin-bottom: 40px;
  position: relative;
  order: 1;
}



.article-view-intro p {
  font-weight: bold;
  font-size: 22px;
  margin: 0;
}

.article-view-intro {
  color: var(--darkgrey);
}

.article-view-intro p:empty,
.article-view-body p:empty {
  display: none;
}

.full-width .article-view-body> :not(figure):not(blockquote),
.full-width .article-view-body>p iframe,
.full-content .article-view-body>p,
.full-content .article-view-body>div,
.full-content .article-view-body>ul,
.full-content .article-view-body>a {
  padding-left: 0;
  padding-right: 0;
  color: #000000;
  font-weight: 400;
}

.full-content .article-view-body>ul>li {
  margin-bottom: 20px;
}

.article-view-body>iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

.article-view-body>div {
  font-weight: 300;
  margin-bottom: 30px;
}

.article-view-body ul {
  margin: 0 0 0 18px;
}

.article-view-body table {
  width: 100%;
}

.article-view-footer {
  text-align: center;
  padding: 20px 0;
}

.share-button {
  display: inline-block;
  vertical-align: top;
}

.share-button.addthis_default_style>iframe {
  width: 112px !important;
}

body.news .left-small-img.widget.article-view .article {
  padding-top: 0;
}

.left-small-img.widget.article-view .article header {
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 80px;
}

.left-small-img.widget.article-view .article header h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.full-content .left-small-img.widget.article-view .article-view-body>p,
body.news .left-small-img.widget.article-view header figure {
  padding-left: 0;
  margin-top: 0;
  padding-right: 0;
  margin-bottom: 0;
}

body.news .left-small-img.widget.article-view header figure {
  width: auto;
}

body.news .left-small-img.widget.article-view header figure img {
  height: 170px;
  width: auto;
}

body.news .left-small-img.widget.article-view {
  margin-bottom: -130px;
}

body.news .left-small-img.widget.article-view .article {
  transform: translateY(-170px);
}

.fb_iframe_widget {
  padding-right: 20px;
  padding-left: 30px;
}

.md-modal.modal-overlay {
  max-width: 700px !important;
  width: 90% !important;
  transform: none;
  margin-left: -350px !important;
  top: calc(var(--header-height) + 4vh);
  bottom: 4vh;
  overflow: auto;

}

.modal-overlay .md-content .md-header {
  position: absolute;
  right: 0;
  background: transparent;
  z-index: 1;
}

.modal-overlay .md-content .md-header .md-close {
  color: #fff;
}

.modal-overlay .md-content>* {
  padding: 0;
}

.modal-overlay #ov-data-img .more-items-img {
  width: 100%;
}

.modal-overlay #ov-data-wrapper {
  padding: 20px 30px;
}

.modal-overlay .fotorama__video {
  top: 0;
}

.modal-overlay .fotorama__wrap--video .fotorama__video-close {
  display: none;
}


/* Pagination */
.pagination {
  text-align: center;
  position: relative;
  font-weight: normal;
}

.pagination:hover a,
.pagination a:hover {
  background-color: #fafafa;
}


.pagination-page:before {
  text-indent: 0;
  position: absolute;
}

.pagination-page.next {
  right: 0;
  top: 0;
  z-index: 1;
}

.pagination-page.next:before {
  content: "\f061";
  font-family: "FontAwesome";
  right: 10px;
}

.pagination-page.previous {
  left: 0;
  top: 0;
  z-index: 1;
}

.pagination-page.previous:before {
  content: "\f060";
  font-family: "FontAwesome";
  left: 10px;
}

.pagination-page.current {
  position: relative;
  padding: 10px;
  text-indent: 0;
  display: block;
}

.showmore-inline.pagination .pagination-page.next,
.pagination.more .pagination-more {
  text-indent: 0;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}

.showmore-inline.pagination .pagination-page.next:before {
  display: none;
}

.pagination-page:after {
  position: absolute;
  content: "\f021";
  font-family: "FontAwesome";
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  display: none;
  font-size: 30px;
  top: 3px;
  text-indent: 0;
}

.loading.showmore-inline .pagination-page,
.loading.showmore-inline.pagination .pagination-page.next {
  text-indent: -99999px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading>.pagination-page:after {
  -webkit-animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
}

.no-results-container {
  text-align: center;
  display: block;
  padding: 73px 0;
  font-weight: bold;
  color: var(--darkblue);
  font-size: 36px;
}

#contact-footer {
  font-size: 14px;

}

#contact-footer p {
  margin-top: 30px;
}


/* Scoreboard */

.tabs-content .scoreboard .widget-title {
  display: none;
}

.tabs-content .scoreboard {
  margin-bottom: 0;
  padding-bottom: 0;
}

.scoreboard {
  font-size: 30px;
}

.scoreboard>ul {
  list-style: none;
  margin: 0;
  padding: 20px;
}

.scoreboard ul li {
  position: relative;
  margin: 0;
  border-top: 1px solid rgba(127, 127, 127, 0.2);
  padding: 12px 0;
  font-size: 24px;
}

.scoreboard ul li * {
  color: #3b3d40;
}

.scoreboard ul li:hover {
  color: #999999;
}

.scoreboard ul li:first-child {
  border: none;
}

.scoreboard ul li .field-position {
  margin-right: 10px;
}

.scoreboard ul li .field-points {
  position: absolute;
  right: 10px;
  top: 13px;
}

.scoreboard li img {
  width: 7%;
  margin-right: 10px;
}

.tabs-view .scoreboard>ul {
  padding-left: 0;
  padding-right: 0;
}



/* Tabs */
.tabs {
  list-style: none;
  text-align: center;
  padding: 0 0 40px 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #061c3226;
  border-radius: 9999px;
  padding: 4px;
  gap: 8px;
}

.tabs li {
  flex-shrink: 0;
}
.tabs li button,
.tabs li a {
  clear: none;
  margin: 0;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  text-transform: uppercase;
  float: none;
  display: inline-block;
  color: var(--dark);
  line-height: 1.325;
  background-color: transparent;
  border: none;
  text-rendering: optimizeLegibility;
  visibility: visible;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: var(--border-radius-full);
  transition: all .3s var(--easing);
}
.tabs li button.active,
.tabs li a.active {
  opacity: 1;
  font-weight: bold;
  color: white;
  background-color: var(--dark);
  transition: all .3s var(--easing);
}
.tabs li button:hover,
.tabs li a:hover {
  opacity: 1;
  background-color: var(--related-content-color);
}

.tabs-view>header.hide-header {
  display: none !important;
}

.tabs-view>header.is-inview {
  position: sticky;
  top: calc(var(--header-height) - 1px);
  height: 70px;
  z-index: 1;
  display: flex;
  align-items: stretch;
}

.tabs-view>header.is-inview:before {
  content: "";
  height: 100%;
  width: 100vw;
  position: absolute;
  right: 0;
  background: #ffffffdf;
  z-index: -1;
}

.tabs li.tab-lang-1 a,
.tabs li.tab-lang-01 a {
  background: url(../img/flags/gb.svg) no-repeat center transparent;
  background-size: cover;
  color: transparent;
  width: 30px;
  opacity: .5;
  aspect-ratio: 1;
  height: 30px;
}

.tabs li.tab-lang-3 a,
.tabs li.tab-lang-03 a {
  background: url(../img/flags/it.svg) no-repeat center transparent;
  background-size: cover;
  color: transparent;
  width: 30px;
  opacity: .5;
  aspect-ratio: 1;
  height: 30px;
}

.tabs li.tab-lang-3 a.active,
.tabs li.tab-lang-1 a.active,
.tabs li.tab-lang-03 a.active,
.tabs li.tab-lang-01 a.active {
  opacity: 1
}

.tabs-view.dark header.is-inview:before {
  background-color: rgb(8 8 90 / 90%) !important;
  height: 100%;
}

.tabs-end,
.tabs-start {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.tabs-end>.widget-title,
.tabs-end>.section-title {
  margin-left: 0 !important;
}

.tabs-start>.widget-title,
.tabs-start>.section-title {
  margin-right: 0 !important;
}

.tabs-end>.section-title,
.tabs-start>.section-title,
.tabs-end>.widget-title,
.tabs-start>.widget-title {
  margin-top: 0;
  margin-bottom: 0;
  width: auto !important;
}

.tabs-view:has(header.hide-header)>.section-title,
.tabs-view:has(header.hide-header)>.widget-title,
.tabs-view.hide-tabs>.section-title,
.tabs-view.hide-tabs>.widget-title {
  width: 100% !important;
}

.column:not(.widget)>.tabs-start:not(.full-width)>header,
.column:not(.widget)>.tabs-end:not(.full-width)>.widget-title,
.column:not(.widget)>.tabs-end:not(.full-width)>.section-title {
  margin-left: 0 !important;
  padding-left: calc((100vw - var(--max-width-column)) / 2);
}

.column:not(.widget)>.tabs-end:not(.full-width)>header,
.column:not(.widget)>.tabs-start:not(.full-width)>.widget-title,
.column:not(.widget)>.tabs-start:not(.full-width)>.section-title {
  margin-right: 0 !important;
  padding-right: calc((100vw - var(--max-width-column)) / 2);
}

.tabs-end>header,
.tabs-start>header {
  width: auto !important;
}

.tabs-end .more-items-list,
.tabs-start .more-items-list {
  margin-top: 40px;
}

.angular-fixture.tabs-end header .tabs,
.tabs-end>header .tabs {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 1;
}

.tabs-start:not(.tabs-below)>.widget-title,
.tabs-start:not(.tabs-below)>.section-title {
  text-align: right;
}

.angular-fixture.tabs-start header .tabs,
.tabs-start>header .tabs {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;

}

.angular-fixture.tabs-center header {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.angular-fixture.tabs-center>.tabs-content {
  background-color: transparent;
}

.angular-fixture.tabs-center .tabs-view .tabs-content {
  padding: 15px;
}

.angular-fixture.tabs-center header .tabs {
  justify-content: flex-start;
  overflow: auto;
}

.angular-fixture.tabs-center header .tabs::-webkit-scrollbar {
  display: none;
}

.angular-fixture.tabs-center header .tabs li a {
  font-size: 14px;
}

.angular-fixture.tabs-center header .tabs li a.active {
  color: #fff;
  background: var(--dark);

}



.tabs-below {
  flex-direction: column;
  flex-wrap: nowrap;

}

.tabs-below>.widget-title {
  width: 100% !important;
}

.tabs-below>header {
  width: 100% !important;
}

.tabs-below.tabs-start {
  align-items: flex-start;
  justify-content: flex-start;
}

.tabs-below.tabs-end {
  align-items: flex-end;
}

.tabs-below.tabs-center {
  align-items: center;
}

.secondary-content .tabs-view,
.secondary-content .tabs-view .section-title,
.secondary-content .tabs-view>header {
  padding-right: 40px;
  padding-left: 40px;
}

.secondary-content:first-child .tabs-view,
.secondary-content:first-child .tabs-view .section-title,
.secondary-content:first-child .tabs-view>header {
  padding-left: 0;
}

.secondary-content:last-child .tabs-view,
.secondary-content:last-child .tabs-view .section-title,
.secondary-content:last-child .tabs-view>header {
  padding-right: 0;
}

.tabs-view:not(.tabs-col)>header::-webkit-scrollbar {
  display: none;
}

.tabs-view .widget .widget-title {
  display: none;
}

.tabs-col>.widget-title,
.tabs-col>.section-title {
  margin-bottom: 40px;
}

.tabs-col>header {
  position: relative;
}

.tabs-col>header .tabs {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  margin: 0;
  left: 0;
  text-align: left;
  padding-right: 10px;
  width: 200px;
}

.tabs-col>header .tabs li {
  margin-bottom: 10px;
}

.tabs-col>header .tabs li a {
  display: inline;
}

.tabs-col>.tabs-content,
.tabs-col>.more-items-list {
  padding-left: 200px;
  padding-right: 200px;
}

.tabs-col>.tabs-content {
  min-height: 400px;
}

.tabs-col.full>.tabs-content,
.tabs-col.full>.more-items-list {
  padding-right: 0 !important;
}


.tabs-col.tabs-start>header>.tabs {
  align-items: flex-start;
}

.tabs-col.tabs-end>header>.tabs {
  align-items: flex-end;
}

.tabs-col.tabs-center>header>.tabs {
  align-items: center;
}

.tabs-col>header>.tabs {
  padding-left: 40px;
  padding-right: 20px;
}

.vertical-menu>header>ul {
  margin: 0;
  flex-direction: column;
  align-items: flex-start;
  border: none;
  gap: 8px;
  padding: 0;
}

.tabs-col>header>.tabs li a,
.vertical-menu>header>ul li .wrapper a {
  padding: 0;
  margin: 0 0 15px;
}

.vertical-menu>header>ul li .wrapper {
  padding: 0;
}

.vertical-menu>header>ul li .wrapper h2 {
  margin: 0;
}

.vertical-menu>header>ul li .wrapper h2 a {
  clear: none;
  text-decoration: none;
  font-size: 24px;
  text-transform: uppercase;
  float: none;
  border: none;
  display: inline-block;
  color: #31333C;
  line-height: 1.325;
  text-rendering: optimizeLegibility;
  visibility: visible;
  font-weight: 700;
  border-radius: 0px;
  opacity: 1;
  font-family: var(--font-family-main);
  text-transform: uppercase;
}

.vertical-menu {
  white-space: nowrap;
}

.related-content .vertical-menu {
  position: sticky;
  top: calc(var(--header-height) + 20px);
}

.related-content .vertical-menu:first-child {
  top: calc(var(--header-height) + 30px);
}

#vertical-menu .section-title,
#vertical-menu .widget-title {
  padding: 0;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 0;
}

#vertical-menu h1.section-title,
#vertical-menu h1.widget-title {
  font-size: 36px;
}

#vertical-menu>.tabs-content>.tabs-view>header {
  padding: 0;
  margin-bottom: 30px;
}

.vertical-menu * {
  white-space: normal;
}

.vertical-menu>header {
  top: var(--header-height);
  position: sticky;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}



.vertical-menu>header * {
  background: transparent;
}

.vertical-menu>header>.tabs li a {
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: var(--border-radius-md);
}

.vertical-menu>header>.tabs li a:after {
  content: "\f3d1";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vertical-menu>header>.tabs li {
  width: 100%;
}

.vertical-menu .tabs li.dropdown {
  display: none;
}

.vertical-menu>.tabs-content {
  width: calc(100vw - var(--left-column-width));
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}


.vertical-menu>.tabs-content>.widget.tabs-view .more-items-list {
  margin-top: 0
}

.vertical-menu .downloads-main .main-view {
  padding: 0;
}

.vertical-menu .downloads-main .main-view .downloads-container {
  margin-top: 0;
}

body.video .vertical-menu .downloads-main .main-view .no-results-container {
  display: none
}

body.video .vertical-menu .downloads-main .main-view:has(.galleries-container.ng-hide) .no-results-container {
  display: block
}

#vertical-menu .no-results-container {
  color: var(--dark-bg);
}


/* Tabs menu */

.tabs-menu header {
  z-index: 1;
  position: relative;
  width: 200px !important;
  height: 33px;
  overflow: visible !important;
}

.tabs-menu header .tabs {
  flex-direction: column;
  position: absolute;
}

.tabs-menu.tabs-end>header .tabs {
  align-items: flex-end;
  text-align: right;
  right: 0;
}

.tabs-menu.tabs-start>header .tabs {
  align-items: flex-start;
  text-align: left;
  left: 0;
}

.tabs-menu.tabs-center header .tabs {
  align-items: center;
  text-align: center;
  left: 0;
}

.tabs-view.tabs-cover>header .tabs {
  align-items: center;
  text-align: center;
  justify-content: space-between;
  left: 0;
}

.tabs-menu header .tabs li {
  position: absolute;
  top: 0;
}

.tabs-menu header .tabs li a {
  opacity: 0;
  pointer-events: none;
}

.tabs-menu header .tabs:hover {
  background-color: white;
}

.tabs-menu header .tabs:hover li a,
.tabs-menu header .tabs li a.active {
  opacity: 1;
  pointer-events: all;
}

.dark.tabs-menu header .tabs:hover {
  background-color: var(--dark);
}

.tabs-menu header .tabs:hover li {
  position: relative;
  top: auto;
}

.tabs-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.large-tabs>header>.tabs:not(.tabs-end):not(.tabs-start) {
  margin-bottom: 40px;
}

.large-tabs .tabs li a {
  font-size: 18px;
}

.tabs-content .more-items-list {
  max-width: none;
}


/* Icon tabs */

.icon-tabs.center-tabs header {
  padding-bottom: 15px;
}

.icon-tabs.center-tabs header li {
  width: 180px;
  border-right: 1px solid #cecece;
}

.icon-tabs.center-tabs header li a {

  padding: 5px 30px;

}

.icon-tabs.center-tabs header li.tab-sustainability {
  width: auto;
}

.icon-tabs.center-tabs header li:last-child {
  border: none;
}

.icon-tabs.center-tabs header li a:before,
.icon-tabs.center-tabs>ul li a:before,
.tab .input-group:before {
  display: block;
  margin: 0;
  margin-bottom: 4px;
  text-align: center;
  font-size: 36px;
}

.icon-tabs header li a:before,
.icon-tabs>ul li a:before,
.tab .input-group:before {
  display: inline-block;
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 15px;
  text-align: left;
}

.tab .input-group:before {
  left: 0;
}

.icon-tabs header li.tab-latest a:before,
.icon-tabs>ul li.tab-latest a:before {
  content: "\f20f";
}

.icon-tabs header li.tab-articles a:before,
.icon-tabs>ul li.tab-articles a:before {
  content: "\ed0f";
}

.icon-tabs header li.tab-sustainability a:before,
.icon-tabs>ul li.tab-sustainability a:before {
  content: "\ec7a";
}

.icon-tabs header li.tab-video a:before,
.icon-tabs>ul li.tab-video a:before {
  content: "\f009";
}

.icon-tabs header li.tab-photo a:before,
.icon-tabs>ul li.tab-photo a:before {
  content: "\eb31";
}

.icon-tabs header li.tab-social a:before,
.icon-tabs>ul li.tab-social a:before {
  content: "\f38c";
}

.icon-tabs header li.tab-trending a:before,
.icon-tabs>ul li.tab-trending a:before,
.icon-tabs header li.tab-highlighted-1 a:before,
.icon-tabs>ul li.tab-highlighted-1 a:before {
  content: "\f31a";
}

.icon-tabs header li.tab-trending.active a:before,
.icon-tabs>ul li.tab-trending.active a:before,
.icon-tabs header li.tab-highlighted-1.active a:before,
.icon-tabs>ul li.tab-highlighted-1.active a:before {
  color: #fa552d;
}

.icon-tabs header li.tab-team-info a:before,
.icon-tabs>ul li.tab-team-info a:before {
  content: "\f132";
  font-family: "FontAwesome";
}

.icon-tabs header li.tab-latest-team a:before,
.icon-tabs>ul li.tab-latest-team a:before {
  content: "\f09e";
  font-family: "FontAwesome";
}

.icon-tabs header li.route-info a:before,
.icon-tabs>ul li.route-info a:before {
  content: "\e373";
  font-family: "UIFont-Solid";
  font-size: 20px;
  height: 20px;
  width: 16px;
  line-height: 20px;
  margin-left: -3px;
}

.icon-tabs header li.race-info a:before,
.icon-tabs>ul li.race-info a:before {
  content: "\e381";
  font-family: "UIFont-Solid";
  font-size: 20px;
  height: 20px;
  width: 16px;
  line-height: 20px;
  margin-left: -3px;
}

.icon-tabs header li.crew a:before,
.icon-tabs>ul li.crew a:before {
  content: "\e467";
  font-family: "UIFont-Solid";
  font-size: 20px;
  height: 20px;
  width: 16px;
  line-height: 20px;
  margin-left: -3px;
}

.icon-tabs header li.map a:before,
.icon-tabs>ul li.map a:before {
  content: "\f203";
}

.icon-tabs header li.globe a:before,
.icon-tabs>ul li.globe a:before {
  content: "\f38c";
}

.icon-tabs header li.more a:before,
.icon-tabs>ul li.more a:before {
  content: "\E178";
  font-family: "UIFont-Solid"
}

.icon-tabs header li.performance a:before,
.icon-tabs>ul li.performance a:before {
  content: "\f2b5";

}

.icon-tabs header li.tab-trending a.active:before,
.icon-tabs>ul li.tab-trending a.active:before {
  color: #fa552d;
}

.icon-tabs header li.favorite a:before,
.icon-tabs>ul li.favorite a:before {
  content: "\E458";
  font-family: "UIFont-Solid";
  font-size: 20px;
  height: 20px;
  width: 16px;
  line-height: 17px;
  margin-left: -3px;
  vertical-align: middle;
}

.icon-tabs>ul li.search {
  margin-bottom: 20px;
}

.icon-tabs>ul li.search input,
.angular-table form input,
.tab input {
  border: none;
  background: transparent;
  padding-left: 30px;
  position: relative;
  z-index: 1;
  color: #ffffff;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}



.icon-tabs>ul li.search input::-moz-placeholder,
.tab input::-moz-placeholder {
  color: #818892;

  opacity: 1;
}

.icon-tabs>ul li.search input:-ms-input-placeholder,
.tab input:-ms-input-placeholder {
  color: #818892;

}

.icon-tabs>ul li.search input::-webkit-input-placeholder,
.tab input::-webkit-input-placeholder {
  color: #818892;

}


.tab input:focus::-moz-placeholder {
  color: #ffffff;

  opacity: 1;
}

.tab input:focus:-ms-input-placeholder {
  color: #ffffff;

}

.tab input:focus::-webkit-input-placeholder {
  color: #ffffff;

}

.icon-tabs>ul li.search input:focus,
.tab input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ffffff;
  outline: none;
}

.tab input:focus {
  width: 200px;
}


.icon-tabs header li.search a,
.icon-tabs>ul li.search a,
.tab .input-group {
  cursor: default;
  color: #ffffff;
}

.icon-tabs>ul li.search a:after {
  display: none;
}

.icon-tabs header li.search a:before,
.icon-tabs>ul li.search a:before,
.angular-table form .input-group:before,
.tab .input-group:before {
  content: "\E333";
  font-family: "UIFont-Solid";
  font-size: 22px;
  height: 20px;
  width: 16px;
  line-height: 17px;
  margin-left: -3px;
  top: 50%;
  margin-top: -10px;
  vertical-align: middle;
  position: absolute;
}

.icon-tabs header li.documents a:before,
.icon-tabs>ul li.documents a:before {
  content: "\E284";
  font-family: "UIFont-Solid";
  font-size: 20px;
  height: 20px;
  width: 16px;
  line-height: 17px;
  margin-left: -3px;
  vertical-align: middle;
}

.icon-tabs header li.remove a:before,
.icon-tabs>ul li.remove a:before {
  content: "\f12a";
}

.icon-tabs header li.filters a:before,
.icon-tabs>ul li.filters a:before {
  content: "\f39d";
}

.icon-tabs .tabs li a {
  font-weight: normal;
  ;
}

/* Sponsors */
.sponsor {
  width: 100%;
}

.sponsor li {
  -webkit-filter: url(filters.svg#grayscale);
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  /* Google Chrome & Safari 6+ */
  opacity: 0.7;
}

.sponsor li:hover {
  filter: none;
  -webkit-filter: none;
  display: inline-block;
  opacity: 1;
}

.sponsor li:hover img {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

#footer .sponsor .widget-title {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: .5;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* Fotorama */
.fotorama .fotorama__caption {
  opacity: 1;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  bottom: 10px;
}

.fotorama .fotorama__caption .fotorama__caption__wrap {
  background: none;
  text-align: center;
  color: #ffffff;
  width: 80%;
  font-size: 12px;
  text-transform: none;
  margin: 5px auto;
  display: block;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  font-weight: 400;
  letter-spacing: .5px;
}

.fotorama .fotorama__wrap--no-controls .fotorama__caption {
  opacity: 0;
}

/* Sign up form */



/* Simple Text */
.simple-text-body {
  text-align: center;
  min-height: calc(var(--vh, 1vh) * 50);
  display: flex;
  justify-content: center;
  align-items: center;

}

.sign-up .simple-text-body {
  min-height: auto;
}

.sign-up.dark .simple-text-body p,
.sign-up.dark.simple-text-body p {
  color: #ffffff;

}

.sign-up .simple-text-body p {
  font-weight: normal;
}

.simple-text-body p {
  color: #000;
  font-size: 22px;
  font-weight: normal
}

.text-right .simple-text-body {
  text-align: right;
}

.text-left .simple-text-body {
  text-align: left;
}

/* Widget link */
.widget-link>a {
  display: block;
  width: 155px !important;
}

.widget-link.large-link a {
  font-size: 28px;
  width: auto !important;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 40px 20px;
}

.widget-link.large-link a small {
  font-size: 50%;
  font-weight: normal;
}

.widget-link.red-link a {
  color: #ffffff;
  background: #e20f2e;
  border-color: transparent;
}

.widget-link.red-link a:hover {
  background: #122246;
}




/* Countdown */


.countdown-time .sec {
  border-right: 1px solid #515254;
}

.countdown-fotorama {
  display: inline-block;
  vertical-align: middle;
}


#countdown {
  color: #ffffff;
  text-align: right;
}

#countdown:not(.app-countdown) .fotorama__stage {
  height: var(--row1-height) !important;
}

.countdown-text {
  text-align: right;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  position: relative;
}

.countdown-time,
.countdown-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.countdown-message {
  padding-right: 16px;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  max-width: 210px;
}

.countdown-text strong {
  font-size: 22px;
  -webkit-transition: font-size 0.4s;
  -o-transition: font-size 0.4s;
  transition: font-size 0.4s;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 1px;
}

.countdown-text strong:after {
  content: ":";
  position: absolute;
  margin-left: 0;
  right: 1px;
}

.countdown-text span {
  font-size: 12px;
  display: flex;
  -webkit-transition: font-size 0.4s;
  -o-transition: font-size 0.4s;
  transition: font-size 0.4s;
  flex-direction: column;
  padding: 0 1px;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  font-weight: 100;
  min-width: 36px;
  padding-right: 10px;
  position: relative;
}

.countdown-text span:last-child {
  padding-right: 0;
}

.countdown-text span:last-child strong:after {
  display: none;
}

.headroom--unpinned .countdown-text strong {
  font-size: 12px;
}

.headroom--unpinned .countdown-text span,
.headroom--unpinned header .countdown-text span {
  font-size: 9px;
}

.countdown-text .over {
  border-radius: 16px;
  padding: 0;
  font-weight: bold;
  margin-right: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.countdown-text .over:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: var(--red);
  margin-right: 10px;
  border-radius: 50%;
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
}

.countdown-text .over a {
  color: #ffffff;
}

.countdown-text .over:hover {
  background-color: #e20000;
}

.countdown>a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 1;
}

#header #countdown {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 190px;

  width: auto;

}

#header #countdown {
  height: var(--row1-height);
  align-items: center;
  position: relative;
}

#header .countdown {
  color: #fff;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 30px;
  position: relative;

}

#header .countdown .widget-title {
  font-size: 16px;
  margin-right: 26px;
  text-align: right;
  margin-bottom: auto;
  margin-top: auto;
}

#header .countdown .widget-title>div {
  display: none;
}

#header .countdown .widget-title>.lang-all,
html[lang='en'] #header .countdown .widget-title>.lang-en,
html[lang='es'] #header .countdown .widget-title>.lang-es,
html[lang='ca'] #header .countdown .widget-title>.lang-ca,
html[lang='it'] #header .countdown .widget-title>.lang-it {
  display: block;
}

#header .countdown .widget-title span {
  font-weight: normal;
}

#header #countdown:after {
  background: url(../img/sustainability/ulysse-nardin-logo-white.png) center center transparent no-repeat;
  background-size: 80% auto;
  content: "";
  width: 190px;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}

#header .countdown .widget-title small {
  font-size: 78%;
}

#header .countdown:has(.over) .widget-title small {
  display: none;
}

#header .countdown-fotorama {
  padding: 0;
  height: auto;
  justify-content: flex-end;
  margin: 0;
  flex: none;
}

#header #countdown .countdown-time>span {
  flex-direction: column;
  align-items: center;
  padding: 0 8px;
  margin-left: 0;
  margin-top: 2px;
}

#header .countdown-text strong {
  font-size: 22px;
}


header .countdown-fotorama {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
  width: auto;

}

#header #countdown .countdown-text span {
  min-width: 30px;
}

#header #countdown .countdown-time>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-left: 11px;

}

#header #countdown .countdown-time>span.secs {
  width: 40px;
}

#header #countdown .widget-title {
  color: #fff;
  margin: 0;
  padding: 0;
  padding-right: 0px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  padding-right: 20px;
  letter-spacing: 0.5px;
}

#header #countdown .widget-title span {
  font-weight: 100;
  font-size: 75%;
  display: block;
}

#header #countdown .widget-title small {
  font-size: 10px;
}

header .countdown-text span.number {
  font-size: 25px;
  font-weight: 600;
  line-height: .8;
}

header .countdown-text span.name {
  font-size: 12px;
  margin-left: 0;
  color: var(--dark);
  margin-top: 2px;
}

#countdown-top-stories {
  position: absolute;
  z-index: 4;
  bottom: 0;
  width: max(calc(100vw - 1000px), 45%);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  right: min(55%, 1000px);
  height: calc(var(--vh, 1vh) * 13);
  padding-left: var(--body-h-padding);
  padding-right: 0;
}

#countdown-top-stories:after {
  content: "";
  width: 17%;
  height: 35%;
  background: url(../img/omega-logo.png) transparent left center no-repeat;
  background-size: contain;
  flex: none;
}

#countdown-top-stories .widget-title {
  margin: 0;
  text-align: right;
  width: 55%;
  padding-right: 10px;
}

#countdown-top-stories .countdown-fotorama {
  width: 45%;
}

#countdown-top-stories .countdown-text {
  justify-content: center;
}

.countdown.blue-bg,
.countdown.blue-bg .widget-title {
  color: #ffffff;
}



/* Social Links */
#header #socialLinks header {
  display: none !important;
}

#header #socialLinks .widget-title {
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  letter-spacing: 1px;
}

#header #socialLinks:hover header {
  display: inline-block;
  vertical-align: middle;
}

#header .social-icons,
#footer .social-icons {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer .social-icons {
  padding-top: 40px;
  padding-bottom: 40px;
}

#header .social-icons>div,
#footer .social-icons>div {
  margin: 0;
}

#header .social-icons>div.social-search {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}

#header .social-icons>div.social-search:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 0;
  background-color: rgba(68, 68, 68, 0.11);
}

#header .social-icons>div h3,
#header .social-icons a,
#footer .social-icons>div h3,
#footer .social-icons a {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
}

#header .social-icons a,
#footer .social-icons a {
  padding: 0 6px;
}

.social-icons>div {
  display: inline-block;
  text-align: center;
  padding: 0 5px;
}

.social-icons>div h3 {
  margin: 0;
  font-size: 22px;
}

.large-social-icons .social-icons>div h3 {
  font-size: 32px;
}

#header .social-icons a:hover,
#header .social-icons a:hover:before,
#header .social-links.red a,
#header .social-links.red a:before {
  color: var(--cyan);
}

#header .social-links.red a:hover,
#header .social-links.red a:hover:before {
  color: #2361DB;
}

header .social-icons .login a span {
  display: none;
}


#header .social-links.newsletter {
  align-items: center;
  position: relative;
  margin-left: 5px;
  padding-left: 5px;
}

#header .social-links.newsletter:before {
  content: "";
  left: 0;
  height: 45%;
  width: 0.5px;
  background: var(--dark);
  position: absolute;
}

#header .social-icons>li.login {
  margin-left: 6px;
  margin-right: 12px;
  height: 36px;
  align-items: center;
}

#header .social-icons>li.login>a {
  color: var(--cyan)
}

#header .social-icons>li.login .submenu a {
  padding: 10px 0 10px 40px;
  font-size: 14px;
  height: auto;
}

#header .social-icons>li.login>a:after {
  display: none;
}

.social-icons .social-twitter a,
.prefooter .social-icons .social-twitter a:hover:before {
  color: #55acee;
}

.social-icons .social-twitter a:before {
  content: "\f3e5";
}

.social-icons .social-facebook a,
.prefooter .social-icons .social-facebook a:hover:before {
  color: #3b5999;
}

.social-icons .social-facebook a:before {
  content: "\ecb8";
}

.social-icons .social-instagram a,
.prefooter .social-icons .social-instagram a:hover:before {
  color: #e4405f;
}

.social-icons .social-instagram a:before {
  content: "\ee65";
}

.social-icons .social-linkedin a:before {
  content: "\eeb3";
}

.social-icons .social-linkedin a,
.prefooter .social-icons .social-linkedin a:hover:before {
  color: #0077B5;
}

.social-icons .social-youtube a,
.prefooter .social-icons .social-youtube a:hover:before {
  color: #cd201f;
}

.social-icons .social-youtube a:before {
  content: "\f2d4";
}


.social-icons .social-newsletter a:before {
  content: "\eef3";
}

.social-icons .social-search a:before {
  content: "\f002";
}

.social-icons .social-website a:before {
  content: "\f0ac";
}

.social-icons .social-weibo a,
.prefooter .social-icons .social-weibo a:hover:before {
  color: #e62227;
}

.social-icons .social-weibo a:before {
  content: "\f18a";
}

.social-icons .social-youku a,
.prefooter .social-icons .social-youku a:hover:before {
  color: #1b96d5;
}

.social-icons .social-youku a:before {
  content: "\f01d";
}


.social-icons .social-tumblr a,
.prefooter .social-icons .social-tumblr a:hover:before {
  color: #35465c;
}

.social-icons .social-tumblr a:before {
  content: "\f173";
}

.social-icons .social-wechat a,
.prefooter .social-icons .social-wechat a:hover:before {
  color: #70a63b;
}

.social-icons .social-wechat a:before {
  content: "\f1d7";
}


.social-icons .social-website a::before {
  content: "\edcf";
}


#header .social-icons .social-tiktok a:hover:before {
  /* background-color: var(--cyan); */
}

.social-icons .social-tiktok a:before {
  content: "\f372";
}


.social-icons a {
  color: #ffffff;
  display: inline-block;
  font-weight: normal;
}

.social-icons a:before {
  font-family: "Remixicon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header .social-icons a:before,
.prefooter .social-icons a:before {
  color: var(--dark);

}

.owl-theme.owl-carousel .owl-nav {
  pointer-events: none;
}

.owl-theme.owl-carousel .owl-nav>* {
  pointer-events: all;
}

.home #landing-news {
  /* overflow: hidden;*/

}

.home #landing-news .tabs-content {
  min-height: calc(var(--vh, 1vh) * 35);
}

.landing-news .more-items-item.community-views .more-items-subsection {
  color: rgb(3, 177, 202) !important;
}

.landing-news .more-items-item.videos .more-items-subsection {
  color: var(--cyan) !important;
}

.landing-news .more-items-item .more-items-category {
  position: absolute;
  right: 0;
  text-align: right;
  margin-top: -42px;
  padding: 2px 11px;
  background-color: #F5F5F5 !important;
}

.landing-news.light-grey-womens-items .more-items-item .more-items-category {
  background-color: var(--women-primary) !important;
  color: #fff;
}

.landing-news.dark .more-items-list .more-items-item .more-items-category {
  background: var(--dark) !important;
}

.landing-news .more-items-item .wrapper {
  padding-bottom: 65px !important;
}

.landing-news .more-items-item .more-items-img-container,
.landing-news .more-items-item>a:not(.all-box-link),
.landing-news .more-items-item>.bg-vid {
  padding-top: 56.25%;
  position: relative;
  height: auto;
}

.aspect-16-6.landing-news .more-items-item .more-items-img-container,
.aspect-16-6.landing-news .more-items-item>a:not(.all-box-link),
.aspect-16-6.landing-news .more-items-item>.bg-vid {
  padding-top: 0;
  aspect-ratio: 16/6;
}

.landing-news .more-items-item>.bg-vid .YTPlayer {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.history-landing .more-items-item .bg-vid .YTPlayer iframe,
.landing-news .more-items-item .bg-vid .YTPlayer iframe {
  position: relative;
  display: block;
  width: 100% !important;
  left: 0 !important;
  height: 100% !important;
  top: 0 !important;
}

.landing-news .more-items-item>* .loading-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.landing-news .more-items-item .more-items-img-container img,
.landing-news .more-items-item .more-items-img-container video,
.landing-news .more-items-item>a:not(.all-box-link) img,
.landing-news .more-items-item>a:not(.all-box-link) video,
.landing-news .more-items-item>a:not(.all-box-link) .hover-video,
.landing-news .more-items-item .more-items-img-container .hover-video,
.more-items-item>a:not(.all-box-link) .hover-video video,
.more-items-item .more-items-img-container .hover-video video,
.history-landing .more-items-item .more-items-img-container .hover-video>div {
  top: 0;
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.hide-short-text .wrapper .more-items-short-text,
.hide-short-text .wrapper .more-items-text,
.hide-short-text .wrapper .more-items-long-text,
.hide-short-text .wrapper>p {
  display: none;
}

#featured-news .more-items-list {
  height: calc(100% - 66px);
}


#smartbanner {
  display: none !important;
}



#navigation-footer>ul {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}

#navigation-footer>ul>li>a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

#navigation-footer>ul>li>a:before {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

#navigation-footer li.active>a,
.menu>li.active>a {
  font-weight: 700;
  color: var(--cyan);

}

.page-loaded #content,
.page-loaded #footer {
  opacity: 1;
  transition: opacity 0.5s;
}

#content,
#footer {
  opacity: 0;
  transition: opacity 0.5s;
}

/* HOME */

#home-top .slide-content {
  background: #ffffff;
  margin-left: auto;
  width: 50%;
  padding: 40px 40px 70px 40px;
}

#home-top .slide-content>* {
  max-width: 100%;
}

#home-top .slide-content .btn {
  position: absolute;
  right: 0;
  margin: 0;
  bottom: 0;
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  line-height: 1;
}

#home-top .slide-content .slide-title {
  text-shadow: none;
  margin: 0;
}

#home-top .slide-content .slide-title a {
  color: var(--dark);
}



.page-loading #slider-widget-menu {
  opacity: 0;
  transition: opacity 0.5s;
}

.page-loaded.page-loading #slider-widget-menu {
  opacity: 1;
  transition: opacity 0.5s 1.4s;
}

.page-loading #home-top ul li .wrapper {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  -o-transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s, -webkit-transform 0.5s var(--easing);
}

.page-loaded.page-loading #home-top ul li .wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
  -o-transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
}

.page-loading #article-view article header>*,
.page-loading #article-view article .article-view-body>*:not(header) {
  opacity: 0;
  -webkit-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);
  -webkit-transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  -o-transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s, -webkit-transform 0.5s var(--easing);
}

.page-loaded.page-loading #article-view article header>*,
.page-loaded.page-loading #article-view article .article-view-body>*:not(header) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
  -o-transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing), transform 0.5s 1s var(--easing), -webkit-transform 0.5s 1s var(--easing);
}

.page-loading .hero-img ul li>div:first-child,
.page-loading .hero-img ul li>a:not(.all-box-link) {
  opacity: 0;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
  -o-transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s var(--easing);
  transition: opacity 0.5s var(--easing), transform 0.5s var(--easing), -webkit-transform 0.5s var(--easing);
}

.page-loaded.page-loading .hero-img ul li>div:first-child,
.page-loaded.page-loading .hero-img ul li>a:not(.all-box-link) {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.5s 0.6s var(--easing), -webkit-transform 0.5s 0.6s var(--easing);
  transition: opacity 0.5s 0.6s var(--easing), -webkit-transform 0.5s 0.6s var(--easing);
  -o-transition: opacity 0.5s 0.6s var(--easing), transform 0.5s 0.6s var(--easing);
  transition: opacity 0.5s 0.6s var(--easing), transform 0.5s 0.6s var(--easing);
  transition: opacity 0.5s 0.6s var(--easing), transform 0.5s 0.6s var(--easing), -webkit-transform 0.5s 0.6s var(--easing);
}


.page-loading #countdown-top-stories {
  opacity: 0;
  -webkit-transition: opacity 0.5s var(--easing);
  -o-transition: opacity 0.5s var(--easing);
  transition: opacity 0.5s var(--easing);
}

.page-loaded.page-loading #countdown-top-stories {
  opacity: 1;
  -webkit-transition: opacity 0.5s 1s var(--easing);
  -o-transition: opacity 0.5s 1s var(--easing);
  transition: opacity 0.5s 1s var(--easing);
}

.hero-img ul {
  height: calc(var(--vh, 1vh) * 97);
}

.hero-img ul li>a {
  margin-bottom: auto;
}

.hero-img ul li>a img,
.hero-img ul li>a video,
.hero-img ul li>div:first-child {
  height: calc(var(--vh, 1vh) * 87);
  object-fit: cover;
}

.hero-img ul li>div:first-child {
  margin-bottom: auto;
}

.hero-img ul li {
  position: absolute;
  height: 100%;
  transition: opacity .2s;
}

.right-bottom-img>a:not(.all-box-link) img,
.right-bottom-img .more-items-img-container img,
.right-bottom-img>a:not(.all-box-link) video,
.right-bottom-img .more-items-img-container video {
  object-position: right bottom;
}

.right-top-img>a:not(.all-box-link) img,
.right-top-img .more-items-img-container img,
.right-top-img>a:not(.all-box-link) video,
.right-top-img .more-items-img-container video {
  object-position: right top;
}

.right-center-img>a:not(.all-box-link) img,
.right-center-img .more-items-img-container img,
.right-center-img>a:not(.all-box-link) video,
.right-center-img .more-items-img-container video {
  object-position: right center;
}

.left-bottom-img>a:not(.all-box-link) img,
.left-bottom-img .more-items-img-container img,
.left-bottom-img>a:not(.all-box-link) video,
.left-bottom-img .more-items-img-container video {
  object-position: left bottom;
}

.left-top-img>a:not(.all-box-link) img,
.left-top-img .more-items-img-container img,
.left-top-img>a:not(.all-box-link) video,
.left-top-img .more-items-img-container video {
  object-position: left top;
}

.left-center-img>a:not(.all-box-link) img,
.left-center-img .more-items-img-container img,
.left-center-img>a:not(.all-box-link) video,
.left-center-img .more-items-img-container video {
  object-position: left center;
}

.center-bottom-img>a:not(.all-box-link) img,
.center-bottom-img .more-items-img-container img,
.center-bottom-img>a:not(.all-box-link) video,
.center-bottom-img .more-items-img-container video {
  object-position: center bottom;
}

.center-top-img>a:not(.all-box-link) img,
.center-top-img .more-items-img-container img,
.center-top-img>a:not(.all-box-link) video,
.center-top-img .more-items-img-container video {
  object-position: center top;
}

.center-top-img .top-image-container {
  background-position: top center !important;
}

.center-top-img .fotorama .fotorama__img {
  top: 0 !important;
}

.center-img>a:not(.all-box-link) img,
.center-img .more-items-img-container img,
.center-img>a:not(.all-box-link) video,
.center-img .more-items-img-container video {
  object-position: center;
}

.slider-widget-animated ul .more-items-item {
  opacity: 0;
  pointer-events: none;
  background-color: transparent;
  height: calc(var(--vh, 1vh) * 97);
  border-radius: 0;
}

.slider-widget-animated ul .more-items-item.active {
  opacity: 1;
  pointer-events: all;
}

.slider-widget-animated ul .more-items-item>a img,
.slider-widget-animated ul .more-items-item>a video,
.slider-widget-animated ul .more-items-item>div:first-child {
  left: 100%;
  position: relative;
  transition: left 1s var(--easing), opacity 1s var(--easing);
}

.slider-widget-animated ul .more-items-item.active>a img,
.slider-widget-animated ul .more-items-item.active>a video,
.slider-widget-animated ul .more-items-item.active>div:first-child {
  left: 0;
  transition: left 0.7s var(--easing), opacity 0s var(--easing);
}

.slider-widget-animated ul .more-items-item.active.on-left>a img,
.slider-widget-animated ul .more-items-item.active.on-left>a video,
.slider-widget-animated ul .more-items-item.active.on-left>div:first-child {
  left: -120%;
  transition: left 0s var(--easing), opacity 0s var(--easing);
  z-index: 1;
}


.slider-widget-animated ul .more-items-item .wrapper {
  overflow: hidden;
}

.slider-widget-animated ul .more-items-item.off-right .wrapper,
.slider-widget-animated ul .more-items-item.off-left .wrapper {
  z-index: 1;
}

.slider-widget-animated ul .more-items-item .wrapper>h2,
.slider-widget-animated ul .more-items-item .wrapper>p,
.slider-widget-animated ul .more-items-item .wrapper .link-button a {
  left: 120%;
  position: relative;
  transition: left 0.7s var(--easing);
}

.slider-widget-animated ul .more-items-item .wrapper>p {
  transition: left 0.7s 0.2s var(--easing);
}

.slider-widget-animated ul .more-items-item.active .wrapper>h2,
.slider-widget-animated ul .more-items-item.active .wrapper>p,
.slider-widget-animated ul .more-items-item.active .wrapper .link-button a {
  left: 0;
  transition: left 0.7s 0.5s var(--easing);
}

.slider-widget-animated ul .more-items-item.active .wrapper>p {
  transition: left 0.7s 0.7s var(--easing);
}

.slider-widget-animated ul .more-items-item.active .wrapper .link-button a {
  transition: left 0.7s 0.9s var(--easing);
}

.slider-widget-animated ul .more-items-item.active.on-left .wrapper>h2,
.slider-widget-animated ul .more-items-item.active.on-left .wrapper>p {
  left: -120%;
  transition: left 0s var(--easing);
}

.slider-widget-animated ul .more-items-item.active.on-left .wrapper .link-button a {
  left: 120%;
  transition: left 0s var(--easing);
}


.slider-widget-animated ul .more-items-item.off-left .wrapper>h2,
.slider-widget-animated ul .more-items-item.off-left .wrapper>p {
  left: -120%;
  transition: left 0.7s var(--easing);
}

.slider-widget-animated ul .more-items-item.off-left .wrapper .link-button a,
.slider-widget-animated ul .more-items-item.off-right .wrapper .link-button a {
  left: 120%;
  transition: left 0.7s var(--easing);
}

.slider-widget-animated ul .more-items-item.off-right .wrapper>h2,
.slider-widget-animated ul .more-items-item.off-right .wrapper>p {
  left: 120%;
  transition: left 0.7s var(--easing);
}

.slider-widget-animated ul .more-items-item.off-left>a img,
.slider-widget-animated ul .more-items-item.off-left>a video,
.slider-widget-animated ul .more-items-item.off-left>div:first-child {
  left: -120%;
  transition: left 0.7s 0.2s var(--easing), opacity 0.3s var(--easing);
  z-index: 1;
}

.slider-widget-animated ul .more-items-item.off-right>a img,
.slider-widget-animated ul .more-items-item.off-right>a video,
.slider-widget-animated ul .more-items-item.off-right>div:first-child {
  left: 100%;
  transition: left 1s 0.3s var(--easing), opacity 1s var(--easing);
  z-index: -1;
}

.slider-widget-animated ul .more-items-item.active.start>div:first-child,
.slider-widget-animated ul .more-items-item.active.start>a video,
.slider-widget-animated ul .more-items-item.active.start>a img,
.slider-widget-animated ul .more-items-item.active.start .wrapper>h2,
.slider-widget-animated ul .more-items-item.active.start .wrapper>p,
.slider-widget-animated ul .more-items-item.active.start .wrapper .link-button a {
  transition: left 0s 0s var(--easing);
}

.slider-widget-animated ul .more-items-item .wrapper>h2 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.slider-widget-animated ul .more-items-item.active .wrapper a {
  pointer-events: all;
}

.slider-widget-wrapper {
  position: relative;
  height: 100svh;
}

.slider-widget-menu {
  position: absolute;
  bottom: 0;
  left: 45%;
  z-index: 1;
  padding: 0 40px 20px;
  bottom: 15px;
}

.slider-widget-menu ul li {
  background-color: #979797;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 5px;
  transition: width 0.5s var(--easing), background-color 0.5s var(--easing);
  cursor: pointer;
}

.slider-widget-menu ul li .wrapper {
  display: none;
}

.slider-widget-menu ul li.active-left:not(.off-right):not(.off-left),
.slider-widget-menu ul li.active-right:not(.off-right):not(.off-left) {
  width: 30px;
  background-color: var(--dark);
  transition: width 0.5s var(--easing), background-color 0.5s var(--easing);
}

@media (min-width: 1818px) {
  .slider-widget-menu {
    left: calc(100vw - 1000px);
  }
}




.slider-items-full-width .tabs-content {
  --max-width-column: 100%;
  overflow: hidden;
}

.slider-items-full-width .more-items-list {
  margin-top: 40px;
  --max-width-column: 100%;
  overflow: hidden;
}


.flag {
  width: 20px;
  aspect-ratio: 4 / 3;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  display: inline-block;
}

.flag-155 {
  background-image: url(../img/flags/4x3/nz.svg);
}

.flag-64 {
  background-image: url(../img/flags/4x3/gb.svg);
}

.flag-218 {
  background-image: url(../img/flags/4x3/ch.svg);
}

.flag-106 {
  background-image: url(../img/flags/4x3/it.svg);
}

.flag-209 {
  background-image: url(../img/flags/4x3/es.svg);
}

.flag-236 {
  background-image: url(../img/flags/4x3/us.svg);
}

.flag-73 {
  background-image: url(../img/flags/4x3/fr.svg);
}

.flag-152 {
  background-image: url(../img/flags/4x3/nl.svg);
}

.flag-38 {
  background-image: url(../img/flags/4x3/ca.svg);
}

.flag-80 {
  background-image: url(../img/flags/4x3/de.svg);
}

.flag-217 {
  background-image: url(../img/flags/4x3/se.svg);
}

.flag-13 {
  background-image: url(../img/flags/4x3/au.svg);
}

.flag-24 {
  background-image: url(../img/flags/4x3/bm.svg);
}

#results-tabs {
  overflow: hidden;
}

#results-tabs>header>.tabs li.landing-teams-w a.active {
  background-color: var(--women-primary);
}

#results-tabs>.tabs-content>#landing-teams-w {
  border-color: var(--women-primary);
}

#results-tabs>header>.tabs li.landing-teams-y a.active {
  background-color: var(--lightgreen);
  color: var(--dark);
}

#results-tabs>.tabs-content>#landing-teams-y {
  border-color: var(--lightgreen);
}



.more-items-item .wrapper .btn-group .btn2,
.more-items-item .wrapper .btn-group .btn3 {
  margin-left: 30px;
  background-color: #6c6869;
}

.double-cta .link-button a {
  width: 100%;
  text-align: left;
}

[data-scroll].landing-news .more-items-item {
  opacity: 0;
}

.fade-in-down[data-scroll] {
  /*
  opacity:0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
          */
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  -o-transition: opacity 0s, transform 0s;
  transition: opacity 0s, transform 0s;
  transition: opacity 0s, transform 0s, -webkit-transform 0s;
}

.fade-in-down.is-inview[data-scroll] {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.fade-in-wrapper-title[data-scroll] .wrapper h2 {
  /*
  opacity:0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
      transform: translateY(60px);
      */
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.fade-in-wrapper-title.is-inview[data-scroll] .wrapper h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  -o-transition: opacity 0.5s 0.9s, transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
}

[data-scroll]>.widget-title {
  overflow: hidden;
}

html[lang="es"] [data-scroll]>.widget-title {
  overflow: visible;
}

[data-scroll]>.widget-title {
  overflow: hidden;
}

.event-banner[data-scroll] ul li .wrapper .more-items-category span:first-child,
.event-banner[data-scroll] ul li .wrapper .more-items-category span:last-child,
[data-scroll]>.widget-title>*:not(a),
[data-scroll]>.widget-title>a * {
  opacity: 0;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:first-child,
.widget.is-inview[data-scroll] .widget-title>*:not(a):first-child,
.widget.is-inview[data-scroll] .widget-title>a *:first-child {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  -o-transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:nth-child(2),
.widget.is-inview[data-scroll] .widget-title>*:not(a):nth-child(2),
.widget.is-inview[data-scroll] .widget-title>a *:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
  -o-transition: opacity 0.5s 0.6s, transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, transform 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:nth-child(3),
.widget.is-inview[data-scroll] .widget-title>*:not(a):nth-child(3),
.widget.is-inview[data-scroll] .widget-title>a *:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  -o-transition: opacity 0.5s 0.8s, transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, transform 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:nth-child(4),
.widget.is-inview[data-scroll] .widget-title>*:not(a):nth-child(4),
.widget.is-inview[data-scroll] .widget-title>a *:nth-child(4) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  -o-transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s, -webkit-transform 0.5s 1s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:nth-child(5),
.widget.is-inview[data-scroll] .widget-title>*:not(a):nth-child(5),
.widget.is-inview[data-scroll] .widget-title>a *:nth-child(5) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
  transition: opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
  -o-transition: opacity 0.5s 1.2s, transform 0.5s 1.2s;
  transition: opacity 0.5s 1.2s, transform 0.5s 1.2s;
  transition: opacity 0.5s 1.2s, transform 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
}

.event-banner.is-inview[data-scroll] ul li .wrapper .more-items-category span:nth-child(7),
.widget.is-inview[data-scroll] .widget-title>*:not(a):nth-child(7),
.widget.is-inview[data-scroll] .widget-title>a *:nth-child(7) {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s 1.4s, -webkit-transform 0.5s 1.4s;
  transition: opacity 0.5s 1.4s, -webkit-transform 0.5s 1.4s;
  -o-transition: opacity 0.5s 1.4s, transform 0.5s 1.4s;
  transition: opacity 0.5s 1.4s, transform 0.5s 1.4s;
  transition: opacity 0.5s 1.4s, transform 0.5s 1.4s, -webkit-transform 0.5s 1.4s;
}

.widget[data-scroll]:not(.col-tabs)>header .tabs>li {
  opacity: 0;
  -webkit-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  transform: translateX(1000px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.widget[data-scroll]:not(.col-tabs)>header .tabs {
  overflow: hidden;
  padding: 0;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs {
  overflow: auto;
  justify-content: flex-start;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs::-webkit-scrollbar {
  display: none;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.8s 1s, -webkit-transform 0.8s 1s;
  transition: opacity 0.8s 1s, -webkit-transform 0.8s 1s;
  -o-transition: opacity 0.8s 1s, transform 0.8s 1s;
  transition: opacity 0.8s 1s, transform 0.8s 1s;
  transition: opacity 0.8s 1s, transform 0.8s 1s, -webkit-transform 0.8s 1s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(2) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(3) {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(5) {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.widget[data-scroll]:not(.col-tabs).is-inview>header .tabs>li:nth-child(7) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}


[data-scroll]>.tabs-content {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

[data-scroll].is-inview>.tabs-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  -o-transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s, -webkit-transform 0.5s 1s;
}


.sign-up[data-scroll] .simple-text-body,
.sign-up[data-scroll] form {
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  -o-transition: opacity 0s, transform 0s;
  transition: opacity 0s, transform 0s;
  transition: opacity 0s, transform 0s, -webkit-transform 0s;
}

.is-inview.sign-up[data-scroll] .simple-text-body {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  -o-transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
}

.is-inview.sign-up[data-scroll] form {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  transition: opacity 0.5s 1s, -webkit-transform 0.5s 1s;
  -o-transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s;
  transition: opacity 0.5s 1s, transform 0.5s 1s, -webkit-transform 0.5s 1s;
}


.recon-login {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  background: #000000cf;
  left: 0;
}

.recon-login .more-items-item {
  border: 7px solid #ffffff;
  border-radius: 0;
}

.recon-login .more-items-item .wrapper .link-button {
  margin-right: 0;
  bottom: 0;
  opacity: 1;
  margin: 0;
}


/* History */


.history-landing .wrapper .more-items-subsection {
  font-size: 60px;
  line-height: 60px;
  position: absolute;
  right: -3px;
  top: -12px;
}

.video-scrub {
  width: 100vw !important;
  height: 100svh !important;
  object-fit: cover !important;
  background-color: var(--dark);
}

.history-landing .more-items-item .wrapper h2 {
  font-size: 16px;
}

/* Added
============================================================*/


#relive-banner {
  margin-top: 50px;
}

.grey-items .more-items-item,
.landing-news:not(.dark):not(.red):not(.blue):not(.light-grey-womens-items):not(.white-item) .more-items-item {
  background-color: #F5F5F5;
}

.light-grey-womens-items .more-items-item {
  background-color: var(--women-secondary);
}

.link-loader {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 50px;
  padding-top: 50px;
}

.link-loader:not(.dark-bg) a:hover {
  background-color: var(--dark);
  color: white;
}

.link-loader.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hover-video img {
  z-index: 1;
  opacity: 1;
  transition: opacity 0.6s ease !important;
  position: relative;
}

.hover-video video {
  z-index: 0;
}

.has-video .hover-video:before {
  content: '\f00b';
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 80px;
  height: 80px;
  font-size: 80px;
  line-height: 80px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  z-index: 2;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  transition: opacity 0.6s ease !important;
}

.has-video:hover .hover-video:before {
  opacity: 0;
  transition: opacity 0.6s ease !important;
}

.more-items-item:hover .hover-video img,
.content-landing-news-item:hover .more-items-img-container .hover-video img {
  opacity: 0;
}

@media only screen and (hover: none) and (pointer: coarse) {

  .more-items-item:hover .hover-video img,
  .content-landing-news-item:hover .more-items-img-container .hover-video img {
    opacity: 1;
  }

  .has-video:hover .hover-video:before {
    opacity: 1;
  }
}



@media only screen and (max-width: 767px) {
  #footer .row1 #footer-zone1 {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  #footer .row1 #footer-zone1 #footer-logo {
    max-height: initial;
    max-width: 40%;
  }


  #footer .row2 {
    flex-direction: column !important;
  }



}


.more-items-item>.wrapper .cascade-view {
  margin-top: 20px;
  width: 100%;
}

.more-items-item>.wrapper .cascade-view ul li .wrapper h2 {
  font-size: 20px;
}

.cascade-view ul li {
  background-color: var(--new-blue);
  margin-bottom: 20px;
}

.cascade-view ul li .wrapper p {
  display: none;
  margin-top: 15px !important;
  font-size: 16px;
  opacity: .6;
}

.cascade-view ul li:hover {
  box-shadow: none;
}

.cascade-view ul li .wrapper {
  padding: 20px 25px;
}

.cascade-view ul li .wrapper h2 {
  font-size: 20px;
  display: flex;
}

.cascade-view ul li .wrapper h2 a {
  display: block;
  position: relative;
  padding-right: 25px;
  width: 100%;

}

.cascade-view ul li .wrapper h2 a:after {
  content: "\f3d0";
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 18px;
}

.cascade-view ul li .wrapper h2 a.active:after {
  content: "\f2c0";
}

.cascade-view.lightblue-title-bg .widget-title {
  padding: 30px 25px
}



.white-items.cascade-view ul li .wrapper p {
  color: var(--dark);
}

#omega-clock {
  position: relative;
  height: var(--header-height);
  justify-content: center;
  align-items: center;
  aspect-ratio: 219/94;
  width: auto;
}

#omega-clock #widget-embed {
  display: flex;
  align-items: center;
}



/* General */
.light-dark-text .wrapper>* {
  color: var(--light-dark);
}

.column>.widget:not(.full-width).full-width-wrapper-column>.more-items-list {
  max-width: 100% !important;
}

.full-width-wrapper-column .more-items-list .more-items-item {
  width: 100%;
}

.full-width-wrapper-column .more-items-list .more-items-item .wrapper {
  max-width: calc(var(--max-width-column) + var(--gap)) !important;
  margin-inline: auto;
  padding-inline: 0;
}

.red-bg {
  background-color: var(--red-bg);
}

.red-bg .widget-title .red,
.red-bg .wrapper>h2 .red {
  color: var(--dark) !important;
}

.red-bg .wrapper>p {
  color: #fff;
}

#au-video,
#us-live-img {
  display: none;
  width: 70%;
}

#us-live-img img {
  width: 100%;
}

/* Footer */
#socialLinks .social-icons {
  display: flex;
}

#socialLinks .social-icons div.social-youtube {
  order: 0;
}

#socialLinks .social-icons div.social-instagram {
  order: 1;
}

#socialLinks .social-icons div.social-facebook {
  order: 2;
}

#socialLinks .social-icons div.social-twitter {
  order: 3;
}

#socialLinks .social-icons div.social-linkedin {
  order: 4;
}

#socialLinks .social-icons div.social-tiktok {
  order: 5;
}

#socialLinks .social-icons div.social-newsletter {
  order: 6;
}



/* Hot to Wach */
body.accreditation-barcelona .article-view-intro {
  color: var(--dark);
}

body.accreditation-barcelona .article-view-intro p {
  font-weight: normal;
}

body.how-to-watch-v2.md-overlay-opened {
  overflow: auto;
}

body.how-to-watch.md-overlay-opened {
  overflow: auto;
}

#landing-select-broadcaster {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  margin-bottom: 20px;
}

#landing-select-broadcaster>* {
  width: auto;
  margin: 0;
}

#landing-select-broadcaster .tabs-content {
  position: relative
}

#landing-select-broadcaster .tabs-content:before {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 115% */
  letter-spacing: -0.3px;
  color: #fff;
  content: "Watching in:";
  margin-bottom: 12px;
  display: block;
  text-align: right;
}

#landing-select-broadcaster .tabs-content .country-selected>div {
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  font-family: var(--font-family-text);
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff29;
  padding: 0 16px;
}

#landing-select-broadcaster .tabs-content .country-selected>div .country-flag {
  width: auto;
  height: 31px;
  border-radius: 0;
  /* background-color: #ffffff; */
  padding: 1px;
  z-index: 1;
}

#landing-select-broadcaster .tabs-content .country-selected.not-selected>div .country-flag {
  display: none;
}

#landing-select-broadcaster .tabs-content .country-selected.not-selected>div .country-name {
  margin-left: 0;
  padding-left: 0;
  border-radius: var(--border-radius-md);
  width: 235px;
  justify-content: flex-end;
}

#landing-select-broadcaster .tabs-content .country-selected.not-selected>div .country-message:before {
  transform: rotate(-90deg);
  transition: all var(--bg-transition-duration);
}

#landing-select-broadcaster .tabs-content .country-selected>div .country-name-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#landing-select-broadcaster .tabs-content .country-selected>div .country-name {
  background-color: var(--secondary);
  padding: 6px 0 6px 43px;
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
  height: 52px;
  display: flex;
  align-items: center;
  margin-left: -26px;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.27px;

}

#landing-select-broadcaster .tabs-content .country-selected>div .country-name:after {
  content: "\ea4e";
  font-family: remixicon;
  margin-left: 6px;
}

#landing-select-broadcaster .tabs-content .country-selected>div .country-message {
  display: none;
  content: "";
  height: 52px;
  background-color: var(--secondary);
  mask-image: url(../img/bt-drop.svg);
  -webkit-mask-image: url(../img/bt-drop.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center right;
  -webkit-mask-position: center right;
  z-index: 0;
  width: 68px;
  position: relative;
  margin-left: -7px;
  transition: background-color var(--bg-transition-duration);
  flex: none;
  color: transparent;
}

#landing-select-broadcaster .tabs-content .country-selected>div .country-message:before {
  content: "";
  height: 44px;
  aspect-ratio: 1;
  display: flex;
  background: url(../img/chevron-right-dark.svg) 18px center no-repeat transparent;
  border-radius: 50%;
  background-size: auto 45%;
  z-index: 1;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: all var(--bg-transition-duration);
  transform: rotate(90deg);
}

.country-selected .country-name .select {
  display: none;
}

#landing-select-broadcaster .modal-country-select {
  position: absolute;
  transform: none;
  top: calc(100% + 1px);
  left: auto;
  right: 0;
  align-self: flex-start;
  min-width: 234px;
}

#landing-select-broadcaster .modal-country-select .md-content {
  transform: none;
  pointer-events: none;
  transition: none;
  background-color: transparent;
}

#landing-select-broadcaster .modal-country-select.md-show .md-content {
  pointer-events: all;
  transition: none;
}

#landing-select-broadcaster .modal-country-select .md-content .md-header {
  display: none;
}

#landing-select-broadcaster .modal-country-select .md-content #content-landing-select-broadcaster {
  padding: 0;
  background-color: transparent;
  opacity: 1 !important;
}

#landing-select-broadcaster .modal-country-select .md-content .md-footer {
  display: none;
}

#landing-select-broadcaster .modal-country-select .md-content #content-landing-select-broadcaster.img-aside .more-items-item .more-items-img-container {
  width: 20px;
  height: auto;
  /* border-radius: 50%; */
  display: block;
}

#landing-select-broadcaster .modal-country-select .md-content #content-landing-select-broadcaster.img-aside .more-items-item .more-items-img-container img {
  padding: 0;
}

.modal-country-select .md-content .more-items-list {
  flex-direction: column;
  padding: 14px 11px;
  background-color: var(--dark);
  border-radius: 0;
  justify-content: flex-start;
  height: 400px;
  overflow: auto;
  flex-wrap: nowrap;
  gap: 4px;
}

.modal-country-select .md-content .more-items-list li {
  width: 100%;
  background-color: transparent;
  flex-shrink: 0;
  padding: 4px;
  cursor: pointer;
  border-radius: var(--border-radius-md);
}

.modal-country-select .md-content .more-items-list li:hover {
  background-color: var(--mediumgrey);
}

.modal-country-select .md-content .more-items-list li .wrapper {
  background-color: transparent !important;
  padding: 0 0 0 8px !important;
}

.modal-country-select .md-content .more-items-list li .wrapper h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.27px;
  margin-bottom: 0;
  color: #fff;
}

.modal-country-select .md-content .more-items-list li .wrapper>a {
  display: none;
}

.modal-country-select.md-show~.md-overlay {
  display: none;
}

#channel-list {
  min-height: 500px;
}

#channel-list .more-items-item {
  width: 100%;
  background-color: transparent;
  margin: 0;
}

#channel-list .more-items-item .wrapper>*:not(.schedule-session-channels) {
  display: none;
}

#channel-list .more-items-item .wrapper {
  padding: 0 !important;
}

.schedule-session-channels {
  width: 100%;
}

.schedule-session-channels>div {
  background-color: #F5F5F5;
  margin-bottom: 15px;
  border-radius: var(--border-radius);
}

.schedule-session-channels .logo-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 32px 8px 8px;
}

.schedule-session-channels .logo-container img {
  width: 153px;
  aspect-ratio: 15/10;
  object-fit: contain;
  background: #fff;
  border-radius: var(--border-radius);
  margin-right: 32px;
  padding: 12px
}

.schedule-session-channels .logo-container .schedule-name-logo {
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  /* 108.333% */
  letter-spacing: -0.72px;
  color: var(--dark);
  display: flex;
  flex-direction: column;
}

.schedule-session-channels .logo-container .schedule-name-logo strong {
  font-size: 20px;
  font-weight: 100;
  line-height: 1.2;
  color: var(--dark);
}

.schedule-session-channels .logo-container .link-button {
  margin-left: auto;
}





/* General */
.dark-items .more-items-item {
  background-color: var(--dark);
}

.dark-items .more-items-item .wrapper>*,
.dark-items .more-items-item .wrapper>h2>* {
  color: #fff;
}

.vertical-reverse-items .more-items-item {
  flex-direction: column-reverse;
}

.large-margin-wrapper-title .more-items-item .wrapper>h2 {
  margin-bottom: 26px;
}


.simple-button {
  justify-content: center;
  display: flex;
  padding-bottom: 80px;
}


body:not(.no-header) .full-min-height {
  min-height: calc(100svh - var(--header-height));
}

.no-header .full-min-height {
  min-height: 100svh;
}

body:not(.no-header) .full-height {
  height: calc(100svh - var(--header-height));
}

.no-header .full-height {
  height: 100svh;
}

.full-height-widget {
  height: 100%;
}

/* Boats */
#accreditations-faqs.cascade-view ul li .wrapper * {
  color: #ffffff;
}

/* Home */
body.home #side-wrapper {
  margin-left: auto;
  margin-right: 20px;
}

body.home #side-wrapper .link-button {
  margin-top: 20px;
}

body .more-items-item .more-items-img-container .hover-video video {
  left: 0;
}



#event-schedule ul {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 5px 0;
}

#event-schedule ul li {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.womens #event-schedule ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#event-schedule ul li:last-child {
  border: none;
}

#event-schedule ul li .wrapper {
  mix-blend-mode: normal;
  position: relative;
  justify-content: flex-start;
  background-color: transparent !important;
  padding: 10px 0;
}

#event-schedule ul li .wrapper:after {
  background-color: transparent !important;
}

#event-schedule ul li .wrapper h2 {
  font-size: 18px;
  flex-shrink: unset;
}

#event-schedule ul li .wrapper .more-items-subsection,
#event-schedule ul li .wrapper time {
  font-size: 18px;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 3px solid #fff;
  line-height: 15px;
  font-weight: 300;
}

#event-schedule ul li .wrapper time.more-items-time-only:after {
  content: " CEST";
}

#event-schedule ul li .wrapper .more-items-subsection {
  min-width: 169px;
  text-align: right;
}

#event-schedule ul li .wrapper .more-items-subsection~time.more-items-time {
  display: none;
}

.yellow-theme #event-schedule ul li .wrapper .more-items-subsection,
.yellow-theme #event-schedule ul,
.yellow-theme #event-schedule ul li .wrapper time {
  border-color: var(--yellow)
}

.green-theme #event-schedule ul li .wrapper .more-items-subsection,
.green-theme #event-schedule ul,
.green-theme #event-schedule ul li .wrapper time {
  border-color: var(--lightgreen)
}

.blue-theme #event-schedule ul li .wrapper .more-items-subsection,
.blue-theme #event-schedule ul,
.blue-theme #event-schedule ul li .wrapper time {
  border-color: var(--cyan)
}

.womens-theme #event-schedule ul li .wrapper .more-items-subsection,
.womens-theme #event-schedule ul,
.womens-theme #event-schedule ul li .wrapper time {
  border-color: var(--dark)
}

body.womens-theme #normal-right-column {
  position: relative;
  z-index: 1;
}

body.womens-theme #normal-right-column:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: -24%;
  background: url(../img/womens-lines-bg.jpg) center center no-repeat transparent;
  background-size: contain;
  opacity: .35;
  pointer-events: none;
}


#events-banner.map iframe {
  width: 100%;
}



.grecaptcha-badge {
  z-index: 999;
}

#top-wrapper-home>* {
  width: calc(50% - 15px);


}

#top-wrapper-home>*:first-child {
  margin-right: 15px;
}

#top-wrapper-home>.widget-title {
  width: 100%;
}

#top-wrapper-home>*:last-child {
  margin-left: 15px;
}

#calendar-tabs {
  overflow: hidden;

}

#calendar-tabs.tabs-below {
  padding-top: 15px;
  border-radius: var(--border-radius);
}

#top-wrapper-home #calendar-tabs:after {
  content: "";
  background: rgb(244, 244, 244);
  background: linear-gradient(0deg, rgba(244, 244, 244, 1) 10%, rgba(244, 244, 244, 0) 100%);
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

#top-wrapper-home #calendar-tabs.dark:after {
  background: var(--light-dark);
  background: linear-gradient(0deg, var(--light-dark) 10%, rgba(8, 8, 90, 0) 100%);
}

#calendar-tabs.tabs-below>header {
  padding-bottom: 10px;
  padding-top: 10px;
  width: calc(100% - 40px) !important;
  margin-left: 20px !important;
}

#top-wrapper-home>*:not(.hide-title) .widget-title,
#top-wrapper-home>*:not(.hide-title) .section-title {
  padding: 20px !important;
  min-height: 73px;

  background: #e7e7e7;
  margin-bottom: 0;
}

#top-wrapper-home *:not(.hide-title)>.widget-title,
#top-wrapper-home *:not(.hide-title)>.section-title {
  display: flex;
}

#top-wrapper-home>*.dark .widget-title,
#top-wrapper-home>*.dark .section-title {
  background: var(--dark);
}

#top-wrapper-home .x-small-title .widget-title,
#top-wrapper-home .x-small-title .section-title {
  height: auto;
  min-height: auto;
  padding: 10px 20px 0 !important;
  background: transparent;
}

#top-wrapper-home #angular-fixture-races.angular-fixture.hide-races.x-small-title .tabs-content>.widget>table.data-col,
#top-wrapper-home #angular-fixture-races.angular-fixture.hide-standings.x-small-title .tabs-content>.widget>.tabs-view {
  margin: 5px 20px 15px;
}

#fixture-tabs>.tabs-view.large-tabs>header>.tabs,
#top-wrapper-home .large-tabs>header>.tabs:not(.tabs-end):not(.tabs-start) {
  justify-content: flex-start;
  padding: 15px 20px;
  margin: 0;
}

#fixture-tabs>.tabs-view.large-tabs>header>.tabs {
  padding-left: 6px;
}

#fixture-tabs>.tabs-view.large-tabs>header>.tabs li a {
  font-size: 14px;
}

#fixture-tabs>.tabs-view .tabs li a.active,
#top-wrapper-home .large-tabs>header>.tabs:not(.tabs-end):not(.tabs-start) li a.active {
  color: #fff;
  background-color: var(--dark);
  border-radius: var(--border-radius);
}

body.dark-fixture #fixture-tabs>.tabs-view.large-tabs>header>.tabs li a {
  color: #fff;

}

body.dark-fixture #fixture-tabs>.tabs-view.large-tabs>header>.tabs li a.active {
  background-color: #fff;
  color: var(--dark);
}

#top-wrapper-home>* .tabs-content {
  overflow: auto;
  width: 100%;
}

#top-wrapper-home>* .tabs-content>* {
  padding-bottom: 80px;
}

#top-wrapper-home>.livestream {
  padding-top: 15px;
}

#calendar-tabs .tabs-content .wrapper .more-items-category {
  min-width: 125px;
  flex: none;
  font-weight: normal;
  color: var(--dark);
  font-size: 14px;
}

#calendar-tabs .tabs-content .wrapper h2 small:empty {
  display: none;
}

#calendar-tabs .tabs-content .wrapper {
  align-items: stretch;
  border-bottom: 1px solid #ebebeb;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

#calendar-tabs .tabs-content .wrapper h2 {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  width: 100%;
  background-color: #ffffff42;
  padding: 7px 6px 7px 10px;
  margin: 0;
  height: auto;
  justify-content: center;
}

#calendar-tabs .tabs-content .wrapper h2 span {
  font-size: 12px;
  opacity: .6;
  margin-top: 4px;
  font-weight: normal;
}

#calendar-tabs .tabs-content .wrapper h2 span:before {
  content: "\ef13";
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
}

.timeline {
  aspect-ratio: 3/2;
  overflow: hidden;
  position: relative;
}

.timeline:after {
  content: "";
  background: rgb(244, 244, 244);
  background: linear-gradient(0deg, rgba(244, 244, 244, 1) 23%, rgba(244, 244, 244, 0) 100%);
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.timeline .widget-title {
  padding: 15px !important;
  margin-top: 3px;
  margin-bottom: 10px;
}

.timeline .tabs-content {
  height: calc(100% - 50px);
  overflow: auto;
}

.timeline .tabs-content .more-items-groups {
  padding-bottom: 80px;
}

.timeline .tabs-content .more-items-group:first-child .more-items-item:first-child .wrapper:after {
  top: auto;
  bottom: 0;
}

.timeline .tabs-content .more-items-group:first-child .more-items-item:first-child .wrapper:after,
.timeline .tabs-content .more-items-group:last-child .more-items-item:last-child .wrapper:after {
  height: 50%;
}

.timeline .more-items-group>.wrapper {
  text-align: center;
  background: #f4f4f4;
  z-index: 2;
}

.timeline .more-items-group>.wrapper h2 {
  color: var(--cyan);
  font-size: 30px;
  margin: 5px 0;
}

.timeline .more-items-item .wrapper {
  padding-left: calc(50% + 30px);
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

.timeline .more-items-item .wrapper:before {
  content: "";
  background-color: var(--cyan);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -9px;
  margin-left: -9px;
  z-index: 1;
}

.timeline .more-items-item .wrapper:after {
  content: "";
  background-color: var(--dark);
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -.5px;
  position: absolute;
}

.timeline .more-items-item .wrapper>* {
  margin: 0;
}

.timeline .more-items-item .wrapper .more-items-subsection {
  position: absolute;
  left: 20px;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  width: calc(50% - 50px);
  justify-content: flex-end;
  color: var(--dark);
  font-weight: 100;
  text-transform: uppercase;
  font-size: 16px;
  text-align: right;
  margin: 0;
}

.angular-fixture {
  margin-top: 20px;
}

.angular-fixture .all-box-link,
.angular-fixture.hide-tabs>header,
.hide-tabs>header,
.hide-title>.widget-title {
  display: none;
}

.angular-fixture .tabs-content {
  width: 100%;
}

.angular-fixture .tabs-content>.widget {
  display: flex;
  flex-wrap: wrap;
}

.angular-fixture.match-races .tabs-view .tabs-content {
  padding: 0;
}

.angular-fixture.match-races .tabs-view .tabs-content .angular-fixture-races-item {
  padding: 5px 15px 5px 5px;
  border-bottom: 1px solid #ddd;
}

.angular-fixture.match-races .tabs-view .tabs-content .angular-fixture-races-item:last-child {
  border-bottom: none;
}

.angular-fixture.match-races .tabs-view .tabs-content .angular-fixture-races-item:nth-child(even) {
  background-color: #fff;
}

.angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr:has(.total-points) {
  justify-content: flex-start;
}

.angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr td,
.angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr {
  display: flex;
  justify-content: space-between;
}

.angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr td {
  align-items: center;
}

.angular-fixture.match-races .status-1 .match-content .match-info .match-status,
.angular-fixture.match-races .status-5 .match-content .match-info .match-status,
.angular-fixture.match-races .status-8 .match-content .match-info .match-status {
  display: none;
}

.angular-fixture.match-races .status-1 .match-content .match-info .match-name,
.angular-fixture.match-races .status-5 .match-content .match-info .match-name {
  margin-bottom: 0;
}

#angular-fixture-races {
  margin-top: 0;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  border: none;
  counter-reset: section;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: 45px !important;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tbody {
  overflow: auto;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tr td.total {
  display: none;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tr.data-header td {
  color: #fff;
  font-size: 10px;
  opacity: .6;
  border-bottom: none;
  height: auto;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tr.data-header td:first-child {
  margin-right: auto;
  min-width: 257px;
  min-height: 15px;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tr:last-child td {
  border-bottom: none;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .team-flag {
  width: auto;
  padding-left: 0;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .team-flag img {
  height: 20px;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td {
  border-right: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  border-top: none;
  padding: 0 5px;
  height: 50px;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-points {
  width: 45px;
  text-align: center;
  justify-content: center;
  flex: none;
  min-width: 45px;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-points.total-points {
  position: absolute;
  right: 0;
  border-left: 1px solid #fff;
  background-color: var(--dark);
  opacity: 1;

}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-name {
  width: 100%;
  color: #fff;
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  min-width: 180px;
  line-height: 1.1;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-name .team-status {
  font-weight: normal;
  background-color: var(--cyan);
  border-radius: 2px;
  text-align: center;
  line-height: 1;
  padding: 4px 6px;
  font-size: 12px;

}

#angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view,
#angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  width: calc(50% - 10px);
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view {
  background-color: var(--lightgrey);
  margin-right: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 12px #0000000f;
}

#angular-fixture-races.angular-fixture.hide-standings .tabs-content>.widget>.tabs-view {
  width: 100% !important;
  margin: 0 0;
}

#top-wrapper-home #angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>table.data-col,
#top-wrapper-home #angular-fixture-races.angular-fixture.hide-standings .tabs-content>.widget>.tabs-view {
  width: calc(100% - 40px) !important;
  margin: 20px 20px 0px;
}

#top-wrapper-home .tabs-view #angular-fixture-races.angular-fixture.hide-standings .tabs-content>.widget>.tabs-view {
  margin-top: 0;
  margin-bottom: 20px;
}

#top-wrapper-home #angular-fixture-races.angular-fixture .tabs-content>.widget,
#top-wrapper-home #angular-fixture-races.angular-fixture .tabs-content>.widget .tabs-content>* {
  padding-bottom: 0;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  background-color: var(--dark);
  padding: 15px;
  margin-left: 10px;
  border-radius: 5px;
}

#angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col:before,
#angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show:before {
  content: "STANDINGS";
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 6px;
  display: block;
}

html[lang="es"] #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col:before,
html[lang="es"] #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show:before {
  content: "CLASIFICACIÓN";
}

html[lang="es"] #angular-fixture-races.angular-fixture.hide-ETNZ .tabs-content>.widget>table.data-col:before {
  content: "CLASIFICACIÓN **";
}

html[lang="ca"] #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col:before,
html[lang="ca"] #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show:before {
  content: "CLASSIFICACIÓ";
}

html[lang="ca"] #angular-fixture-races.angular-fixture.hide-ETNZ .tabs-content>.widget>table.data-col:before {
  content: "CLASSIFICACIÓ **";
}

.angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr:not(.data-header) td:first-child:before {
  counter-increment: section;
  content: counter(section, decimal-leading);
  text-align: center;
  width: 27px;
  margin-right: 13px;
}

.angular-fixture>header {
  margin-top: 0;
}

.angular-fixture .more-items-list {
  margin-top: 0 !important;
}

.angular-fixture .more-items-item {
  background-color: var(--lightgrey);
  margin: 0;
  border: none;
  border-radius: 0;
  display: block;
  padding: 0;
}


.angular-fixture .more-items-item.status-4 .match-content .team-container .team-name h2 {
  font-weight: bold;
}

.angular-fixture .more-items-item.status-4 .match-content .team-container.team-a,
.angular-fixture .more-items-item.status-4 .match-content .match-info .team-result.team-a {
  border-color: #d2d8e1;
}

.angular-fixture .more-items-item .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 !important;
  flex-wrap: wrap;
}

.angular-fixture .more-items-item .wrapper.group-titles {
  display: none;
}

.angular-fixture .more-items-item .wrapper .team {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
}

.angular-fixture .more-items-item .wrapper .team:last-child {
  border: none;
}

.angular-fixture .more-items-item .wrapper .team>* {
  padding: 0 5px;
}

.angular-fixture .more-items-item .wrapper .team .team-name {
  margin-right: auto;
}

.angular-fixture .more-items-item .wrapper .team .team-time,
.angular-fixture .more-items-item .wrapper .team .team-status {
  flex: none;
}

.angular-fixture .more-items-item .wrapper .team>.team-status span,
.angular-fixture .more-items-item .wrapper .team>.team-time span {
  background: var(--dark);
  color: #fff;
  font-size: 13px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: 10px;
  padding: 2px 4px;
  display: block;
}

.angular-fixture .more-items-item .wrapper .status-DNS.team>.team-status span,
.angular-fixture .more-items-item .wrapper .status-DSQ.team>.team-status span,
.angular-fixture .more-items-item .wrapper .status-INR.team>.team-status span {}

.angular-fixture .more-items-item .wrapper .team>.team-time span:empty,
.angular-fixture .more-items-item .wrapper .team .team-status span:empty {
  display: none;
}

.angular-fixture .more-items-item .wrapper .team .team-position-team {
  width: 35px;
  flex: none;
  text-align: center;
  font-size: 16px;
}

.angular-fixture .more-items-item .wrapper .team .team-logo {
  width: 40px;
  flex: none;
}

.angular-fixture .more-items-item .wrapper .team-logo .icon-loading {
  width: 20px;
  height: 20px;
}

.angular-fixture .more-items-item .wrapper .team-logo .icon-loading:after {
  width: 20px;
  height: 20px;
  margin: 0px;
  border: 2px solid #fff;
  border-color: #fff transparent
}

.angular-fixture .more-items-item .wrapper .team .team-name .team-name-short {
  display: none;
}

.angular-fixture .more-items-item .wrapper .team .team-name>* {
  margin: 12px 0;
  font-weight: normal;
  font-size: 15px;
  text-transform: uppercase;
}

.angular-fixture .more-items-item .wrapper .team .team-points {
  width: 33px;
  flex: none;
  margin-left: 0;
  text-align: center;
  height: 33px;
  padding: 3px;
  color: #fff;
  background: var(--dark);
  border-radius: 5px;
  line-height: 29px;
}

.angular-fixture .more-items-item .wrapper .team .team-points:empty {
  width: 10px;
  display: none;
}

.angular-fixture .group-name {
  position: relative;
  text-align: left;
  margin: 0;
  padding: 15px 0;
  color: var(--dark);
}

.angular-fixture .more-items-groups .more-items-group>.wrapper {
  padding: 0 20px;
  background-color: #f3f5f9;
}

body.fixture:not(.embed-fixture) #angular-fixture-races.angular-fixture.hide-races,
#round-robin #angular-fixture-races.angular-fixture.hide-races {
  display: flex;
  align-items: center;
  max-width: var(--max-width-column-normal);
}

body.embed-fixture #angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>table.data-col {
  margin-left: 0;
}

#angular-fixture-races.angular-fixture.hide-races>.widget-title,
#angular-fixture-races.angular-fixture.hide-races .tabs-content {
  width: 100% !important;
  margin-bottom: 0;
}

body.embed-fixture #angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>table.data-col,
#angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>table.data-col {
  width: 100%;
}

#angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>.tabs-view {
  display: none;
}

#angular-fixture-races.angular-fixture.hide-ETNZ .tabs-content>.widget>table.data-col:before {
  content: "STANDINGS **";
}

.angular-fixture.match-races.hide-ETNZ .tabs-content>.widget>table.data-col tbody tr.ETNZ {
  display: none;
}

.match-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.match-content .team-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 152px);
  margin-left: 110px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: transparent;
  height: 42px;
}

.match-content .team-container.team-a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border-bottom: 1px solid #ddd;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.match-content .team-container .team-logo {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0;
  flex-direction: column;
  width: 40px;
  flex: none;
  max-width: 50px;
  padding: 5px;
}

.match-content .team-container .team-logo:after {
  position: absolute;
  bottom: -13px;
  font-size: 9px;
  font-weight: bold;
  left: -1px;
  color: #9aa4b6;
  display: none;
}

.match-content .team-container.team-a .team-logo:after {
  content: "PORT";
}

.match-content .team-container.team-b .team-logo:after {
  content: "STBD";
}

.match-content .team-container .team-name {
  padding: 0 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.match-content .team-container .team-name h2 {
  color: var(--dark);
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 15px;
  text-transform: uppercase;
  padding-right: 10px;
}

.match-content .team-container .team-name h2.team-name-short {
  display: none;
}

.match-content .team-container .team-name .match-status {
  font-size: 13px;
  border-radius: 2px;
  margin-left: auto;
  font-weight: normal;
  padding: 0 5px;
  min-width: 40px;
  opacity: 1;
  background-color: var(--dark);
  flex: none;
}

.match-content .team-container .team-name .match-status.DNF,
.match-content .team-container .team-name .match-status.RET,
.match-content .team-container .team-name .match-status.DNS,
.match-content .team-container .team-name .match-status.DSQ {
  background-color: var(--dark);
}

.match-content .match-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 44px;
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
}

.match-content .match-info.match-data {
  right: auto;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
}

.match-content .match-info .team-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  height: 42px;
}

.status-8 .match-content .match-info.match-points {
  display: none;
}

.status-8 .match-content .team-container {
  width: calc(100% - 106px);
}

.match-content .match-info .team-result.team-a {
  border-bottom: 1px solid #ddd;
}

.match-content .match-info .match-time {
  order: 1;
  margin-top: 10px;
  font-size: 12px;
  display: none;
}

.match-content .match-info .match-name {
  margin-bottom: 5px;
  font-weight: bold;
  color: var(--darkblue);
  font-size: 20px;
  text-align: center;
}

.match-content .match-info .match-name small {
  display: block;
}

.match-content .match-info .match-status,
.match-status {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 7px;
  letter-spacing: 0px;
  font-size: 11px;
  border-radius: 2px;
}

.status-1 .match-status,
.status-1 .match-content .match-info .match-status,
.status-1 .fixture-status {
  background-color: green;
  opacity: 0;
}

.status-1 .match-content .team-container .team-logo,
.status-1 .match-content .team-container .team-name h2,
.status-1 .match-content .match-info .match-name {
  opacity: .5;
}

.status-13 .match-content .match-info .match-status,
.status-13 .match-status,
.status-13 .fixture-status {
  background-color: #9aa4b6;
}

.status-13 .team-a.team-container {
  margin-left: 0 !important;
  width: 100% !important;
  border-bottom: 0;
}

.status-13 .team-a.team-container .team-name {
  text-align: center;
  width: 100%;
}

.status-13 .team-a.team-container .team-name h2 {
  font-weight: bold;
}

.status-13 .team-b.team-container,
.status-13 .team-a.team-container .team-logo,
.status-13 .match-info {
  display: none;
}

.status-12 .match-content .match-info .match-status,
.status-12 .match-status,
.status-12 .fixture-status {
  background-color: #142345;
}

.status-14 .match-content .match-info .match-status,
.status-14 .match-status,
.status-14 .fixture-status {
  background-color: #142345;
}

.status-15 .match-content .match-info .match-status,
.status-15 .match-status,
.status-15 .fixture-status {
  background-color: #142345;
}

.status-10 .match-content .match-info .match-status,
.status-10 .match-status,
.status-10 .fixture-status {
  background-color: #142345;
}

.status-11 .match-content .match-info .match-status,
.status-11 .match-status,
.status-11 .fixture-status,
.status-9 .match-content .match-info .match-status,
.status-9 .match-status,
.status-9 .fixture-status {
  background-color: var(--yellow);
  text-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.status-5 .match-content .match-info .match-status,
.status-5 .match-status,
.status-5 .fixture-status {
  background-color: #142345;
}

.status-4 .match-content .match-info .match-status,
.status-4 .match-status,
.status-4 .fixture-status {
  background-color: var(--lightgreen);
}

.status-4 .match-content .match-info .match-name {
  color: var(--lightgreen)
}

.status-4 .match-content .match-info.match-points {
  background: var(--lightgreen);
  flex-direction: row;
  width: 144px;
  height: 30px;
  border-radius: var(--border-radius);
  padding: 0 5px;
  cursor: pointer;
}

.status-4 .match-content .match-info.match-points:hover {
  background: var(--cyan);
}

.status-4 .match-content .match-info.match-points .team-result {
  color: #fff;
  border: none;
  height: auto;
}

.status-4 .match-content .match-info.match-points .match-separator {
  display: none;
}

.status-4 .match-content .match-info.match-points .team-b {
  flex-direction: row;
  align-items: center;
}

.status-4 .match-content .match-info.match-points .team-b:before {
  content: "WATCH NOW";
  font-size: 12px;
}

.status-4 .match-content .match-info.match-points .team-b:after {
  content: "\ea6c";
  font-family: "Remixicon";
  flex: none;
  margin-left: 5px;
  display: flex;
  transition: all .3s var(--easing);
}

.status-4 .match-content .match-info.match-points .team-a:before {
  content: "\ebca";
  font-family: "Remixicon";
  flex: none;
  margin-right: 5px;
  display: flex;
  transition: all .3s var(--easing);
}


.status-4 .match-content .team-container {
  width: calc(100% - 262px);
}

.status-2 .match-content .match-info .match-status,
.status-2 .match-status,
.status-2 .fixture-status,
.status-6 .match-content .match-info .match-status,
.status-6 .match-status,
.status-6 .fixture-status,
.status-7 .match-content .match-info .match-status,
.status-7 .match-status,
.status-7 .fixture-status,
.status-3 .match-content .match-info .match-status,
.status-3 .match-status,
.status-3 .fixture-status {
  background-color: var(--red);
}

.status-2 .match-content .match-info .match-name,
.status-6 .match-content .match-info .match-name,
.status-7 .match-content .match-info .match-name,
.status-3 .match-content .match-info .match-name {
  color: var(--red);
}

.match-content .match-info .match-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33px;
  flex: none;
  margin-left: 0;
  text-align: center;
  height: 33px;
  padding: 3px;
  color: #fff;
  background: var(--dark);
  border-radius: 5px;
}

.match-content .match-results.penalties {
  font-size: 24px;
  font-weight: normal;
  margin-top: 10px;
}

.match-info .match-separator {
  position: relative;
  margin: 0 15px;
  width: 20px;
  display: block;
}

.match-info .match-separator:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ddd;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 0;
}

.match-results.penalties span:not(.match-separator):before {
  content: "(";
  margin-right: 3px;
}

.match-results.penalties span:not(.match-separator):after {
  content: ")";
  margin-left: 3px;
}

.standings-show .data-col .data-header td {
  background: transparent;
  font-size: 10px;
  opacity: .6;
  height: auto;
}

.standings-show .team-points {
  text-align: center;
  width: 50px;
}

.standings-show .data-col .data-header td.team-points {
  padding: 0;
}

.standings-show .data-col tr.data-header .team-elapsed-time span {
  display: none;
}

.standings-show .data-col tr:not(.data-header) .team-elapsed-time:not(:empty) {
  font-size: 11px;
  width: auto;
  line-height: 1;
  text-align: center;
  position: relative;
}

.standings-show .data-col tr:not(.data-header) .team-elapsed-time:not(:empty) span {
  background: var(--cyan);
  display: block;
  padding: 4px;
  border-radius: 4px;
}

.standings-show .data-col td,
.standings-show .data-col {
  border: none;
}

.standings-show .data-col {
  width: 100%;
  margin-top: 16px;
}

.standings-show .data-col tr:last-child td {
  border-bottom: none;
}

.standings-show .data-col td {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  border-top: none;
  padding: 0 5px;
  height: 50px;
}

.standings-show .data-col td.team-name h2 {
  color: #fff;
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
}

.standings-show .data-col td.team-position {
  width: 40px;
  text-align: center;
}

.standings-show .data-col td.team-logo {
  width: 10%;
  text-align: center;
}

.standings-show .team-logo img {
  height: 30px;
}



.dark-fixture {
  background-color: transparent;
}

.dark-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
.dark-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  background-color: #585E68;
}

.dark-fixture .standings-show .data-col td {
  border-bottom-color: #585E68;
  border-top-color: #585E68;
}

.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.embed-fixture .widget #widget-embed p,
.embed-fixture .angular-fixture .tabs-content>.widget {
  padding-left: 6px;
  padding-right: 6px;
}

.embed-fixture .widget #widget-embed p {
  margin-bottom: 0;
}

.embed-fixture .angular-fixture.tabs-center .tabs-content {
  background-color: transparent;
}

.embed-fixture.dark-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
.embed-fixture.dark-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  background-color: #585e6885;
}

.embed-fixture #fixture-tabs .widget-title,
.embed-fixture #fixture-tabs .section-title {
  margin-bottom: 10px;
  padding-left: 6px;
  padding-right: 6px;
  max-width: 100%;
}

#results-wrapper-widget {
  flex-wrap: wrap;
}

#results-wrapper-widget>* {
  width: 50%;
}

.embed-fixture #results-wrapper-widget .angular-fixture .tabs-content>.widget {
  padding: 0 6px;
}

.embed-fixture .tabs-content>.widget>.loading-container {
  height: auto;
}

.embed-fixture .angular-fixture.tabs-center header {
  padding: 10px
}

.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view {
  margin-right: 5px;
}

.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  margin-left: 5px;
  padding: 10px;
}

.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view,
.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
.embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
  width: calc(50% - 5px);
}

.embed-fixture .angular-fixture.match-races .tabs-view .tabs-content .angular-fixture-races-item {
  padding-right: 10px;
}

.embed-fixture .angular-fixture.full-width .tabs-content {
  max-width: 100% !important;
}

.standings-below.angular-fixture .tabs-content>.widget {
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;

}

#angular-fixture-races.angular-fixture.standings-below .tabs-content>.widget table.data-col,
#angular-fixture-races.angular-fixture.standings-below .tabs-content>.widget .tabs-view {
  width: calc(100% - 40px);
  margin: 0 auto;
}


/* Results 2024 */

#results-tabs>header {
  background-color: var(--dark);
}

#results-tabs>header>.tabs {
  padding: 0;
  max-width: var(--max-width-column-normal);
  margin: 0 auto;
  align-items: stretch;
}

#results-tabs>header>.tabs li {
  flex-shrink: unset;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

#results-tabs>header>.tabs li a {
  padding: 30px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  opacity: 1;
}

#results-tabs>header>.tabs li a.active {
  background-color: var(--cyan);

}

#results-tabs>header>.tabs li.preliminary-regattas a {
  color: var(--yellow);
}

#results-tabs>header>.tabs li.preliminary-regattas a.active {
  background-color: var(--yellow);
  color: var(--dark);
}

#results-tabs>header>.tabs li.unicredit-youth-americas-cup a {
  color: var(--lightgreen);
}

#results-tabs>header>.tabs li.unicredit-youth-americas-cup a.active {
  background-color: var(--lightgreen);
  color: var(--dark);
}

/* #results-tabs > header > .tabs li.lv-37-ac a {
  pointer-events: none;
} */
#results-tabs>header>.tabs li.puig-womens-americas-cup a {
  color: var(--women-primary);
}

#results-tabs>header>.tabs li.puig-womens-americas-cup a.active {
  background-color: var(--women-primary);
  color: #fff;
}

#results-tabs>.tabs-content .angular-fixture {
  margin-top: 0;
}

#results-tabs>.tabs-content .angular-fixture .widget-title {
  display: block;
}

#results-tabs>.tabs-content>* {
  border-top: 8px solid var(--cyan);
}

#results-tabs>.tabs-content .tabs-content>* {
  border-top: none;
}

.relive-landing #results-tabs>.tabs-content .tabs-content>* {
  padding-top: 40px
}

#results-tabs>.tabs-content>.preliminary-regattas,
#results-tabs>.tabs-content>#preliminary-regattas {
  border-color: var(--yellow);
}

#results-tabs>.tabs-content>#unicredit-youth-americas-cup {
  border-color: var(--lightgreen);
}

#results-tabs>.tabs-content>#puig-womens-americas-cup {
  border-color: var(--women-primary);
}

#results-tabs .results-tabs>header {
  background-color: var(--cyan);
  padding-top: 20px;
}

#results-tabs .results-tabs>header>.tabs li a.active {
  background-color: #fff;
  color: var(--dark);
}

#results-tabs .results-tabs.dark>header>.tabs li a.active {
  background-color: var(--light-dark);
  color: #fff;
}

#preliminary-regattas #results-tabs>header .tabs li a {
  color: var(--dark);
  opacity: 1;
}

#preliminary-regattas #results-tabs.dark>header .tabs li a.active {
  color: #fff;
}

#results-tabs>.tabs-content>#preliminary-regattas.results-tabs>header,
#results-tabs>.tabs-content>#preliminary-regattas .results-tabs>header {
  background-color: var(--yellow);
}

#results-tabs>.tabs-content>#unicredit-youth-americas-cup.results-tabs>header,
#results-tabs>.tabs-content>#unicredit-youth-americas-cup .results-tabs>header {
  background-color: var(--lightgreen);
}

#results-tabs>.tabs-content>#puig-womens-americas-cup.results-tabs>header,
#results-tabs>.tabs-content>#puig-womens-americas-cup .results-tabs>header {
  background-color: var(--women-primary);
}



.home-banner .more-items-item>a img {
  height: 23vh;
  object-fit: cover;
}

.icon-banner .more-items-item .wrapper h2 {
  display: flex;
  justify-content: center;
  height: 100%;
  margin: 0;
}

.icon-banner .more-items-item .wrapper h2 a {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  right: 0;
  text-align: right;
  white-space: -moz-pre-space;
}

.icon-banner .more-items-item .wrapper h2 a:after {
  aspect-ratio: 1/1;
  height: 65%;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-left: 30px;
  flex: none;
  background-color: #fff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.more-items-item.getting-around .wrapper h2 a:after,
.discover-banner .more-items-item .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-discover.svg);
  mask-image: url(../img/icon-discover.svg);

}

.more-items-item.hospitality .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-star.svg);
  mask-image: url(../img/icon-star.svg);

}

.more-items-item.getting-around-transport .wrapper h2 a:after,
.more-items-item.getting-around-public-transport .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-transport.svg);
  mask-image: url(../img/icon-transport.svg);

}

.more-items-item.hospitality .wrapper h2 a:after,
.more-items-item.store .wrapper h2 a:after,
.more-items-item.how-to-watch .wrapper h2 a:after,
.more-items-item.getting-around .wrapper h2 a:after,
.more-items-item.getting-around-public-transport .wrapper h2 a:after,
.more-items-item.getting-around-transport .wrapper h2 a:after {
  background-color: var(--dark);
}

.more-items-item.hospitality .wrapper h2 a,
.more-items-item.how-to-watch .wrapper h2 a,
.more-items-item.getting-around-transport .wrapper h2 a,
.more-items-item.getting-around-public-transport .wrapper h2 a,
.more-items-item.getting-around .wrapper h2 a,
.more-items-item.store .wrapper h2 a {
  color: var(--dark);
}

.more-items-item.how-to-watch .wrapper h2 a:after,
.how-banner .more-items-item .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-how-to-watch.svg);
  mask-image: url(../img/icon-how-to-watch.svg);
}

.more-items-item.store .wrapper h2 a:after,
.store-banner .more-items-item .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-store.svg);
  mask-image: url(../img/icon-store.svg);
}

.experience-banner .more-items-item .wrapper h2 a:after {
  -webkit-mask-image: url(../img/icon-experience.png);
  mask-image: url(../img/icon-experience.png);
}

.more-items-item.cultural-regatta .wrapper h2 a:after {
  background-color: transparent;
}

.icon-banner .more-items-item.right-top .wrapper h2,
.icon-banner .more-items-item.right-center .wrapper h2,
.icon-banner .more-items-item.right-bottom .wrapper h2 {
  justify-content: flex-end;
  padding-left: 25%;
}

.icon-banner .more-items-item.right-top .wrapper h2 a,
.icon-banner .more-items-item.right-center .wrapper h2 a,
.icon-banner .more-items-item.right-bottom .wrapper h2 a {
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
}

.icon-banner .more-items-item.right-top .wrapper h2 a:after,
.icon-banner .more-items-item.right-center .wrapper h2 a:after,
.icon-banner .more-items-item.right-bottom .wrapper h2 a:after {
  margin-left: 0;
  margin-right: auto;
}

.icon-banner .more-items-item.left-top .wrapper h2,
.icon-banner .more-items-item.left-center .wrapper h2,
.icon-banner .more-items-item.left-bottom .wrapper h2 {
  justify-content: flex-start;
  padding-right: 25%;
}

.banner-2024.text-over .more-items-item:hover .wrapper {
  background: none;
}

.banner-2024 .more-items-item .wrapper h2 a {
  transition: all .3s var(--easing);
}

.banner-2024 .more-items-item:hover .wrapper h2 a {
  transform: translate(30px, 0px);
  transition: all .3s var(--easing);
}

.banner-2024 .more-items-item:hover .wrapper h2 a:after {
  transform: translate(-30px, 0px);
  transition: all .3s var(--easing);
}

.banner-2024 .more-items-item .wrapper h2 a:after {
  transition: all .3s var(--easing);
}

.banner-2024 .more-items-item .wrapper h2 a:before {
  content: "\ea6c";
  font-family: "Remixicon";
  width: 12%;
  flex: none;
  margin-right: 5%;
  font-size: 70%;

}

#calendar-tabs {
  color: var(--dark);
}

#calendar-tabs .titles .widget-title,
#calendar-tabs .titles .widget-sub-title {
  color: var(--dark);
  margin: 0;
  text-transform: uppercase;
}

#calendar-tabs .titles .widget-sub-title {
  font-weight: 500;
}

#calendar-tabs li a {
  font-weight: bold;
}

#calendar-tabs li a.active {
  color: var(--cyan);
  opacity: 1;
}

#calendar-tabs .schedule-items-list {
  padding: 0;
  margin: 0;
}

#calendar-tabs .schedule-items-list .schedule-item-item {
  list-style: none;

  padding: 10px 0;

  border-radius: 0;
}

#calendar-tabs.tabs-below .schedule-items-list .schedule-item-item {
  margin-right: 20px;
  margin-left: 20px;
}

#calendar-tabs .schedule-items-list .schedule-item-item .wrapper {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border-bottom: 0px;


}

#calendar-tabs .schedule-items-list .schedule-item-item .wrapper .schedule-item-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 135px;
  padding: 3px 10px;
  background-color: var(--red);
  color: #fff;
  margin: 0;
  height: auto;
}

#calendar-tabs .schedule-items-list .schedule-item-item .wrapper .schedule-item-container>* {
  line-height: 1;
  font-size: 12px;
}

#calendar-tabs .schedule-items-list .schedule-item-item .schedule-item-subsection {
  min-width: 125px;
  font-weight: 300;
  font-size: 14px;
  font-weight: 400;
}

#calendar-tabs .schedule-items-list .schedule-item-item .schedule-item-title {
  font-weight: bold;
  font-size: 20px;
}

#calendar-tabs .schedule-items-list .schedule-item-item .schedule-item-date_to {
  display: flex;
  align-items: center;
}

#calendar-tabs .schedule-items-list .schedule-item-item .schedule-item-date_to:before {
  content: " - ";
  line-height: 1;
}



body.photo .article-view header figure {
  display: none;
}



/* 2025 WEBSITE */

#navigation-toggle span {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  display: none
}

#navigation-toggle:after {
  background-color: transparent;
  mask-image: none;
  font-family: "Remixicon";
  content: "\ef3e";
  font-size: 25px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-left: 0;
}

#navigation-toggle.open:after {
  content: "\eb98";
}

.navigation.burger-nav {
  align-items: center;
  padding: 0 0 68px 0;
}

.navigation.burger-nav .menu {
  padding-left: 25%;
  width: 75%;
  margin-right: auto;

}

.navigation.burger-nav .menu>li>a {
  margin-left: 0;
  margin-right: 20px;
  border: none;
  justify-content: space-between;
  font-size: 18px;
  width: 310px;
  flex-wrap: nowrap;
}

.navigation.burger-nav .menu>li:not(#languages)>a {
  text-align: left;
}

.navigation.burger-nav .menu>li {
  justify-content: flex-start;
  transition: all .3s var(--easing);
}

.navigation.burger-nav .menu>li.dropdown>a:after {
  font-family: "Remixicon";
  content: "\ea6e";
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 23px;
  display: block;
  transition: all .3s var(--easing);
}

.navigation.burger-nav.open .menu>li#languages {
  transition: all .3s var(--easing);
}

.navigation.burger-nav>.menu:hover>li:not(#languages) {
  opacity: .3;
  transition: all .3s var(--easing);
}

.navigation.burger-nav>.menu:hover>li:not(#languages):hover {
  opacity: 1;
  transition: all .3s var(--easing);
}

.navigation.burger-nav>.menu:hover>li:not(#languages):hover a:hover {
  color: var(--dark);
  transition: all .3s var(--easing);
  opacity: 1;
}

.navigation.burger-nav>.menu:hover>li:not(#languages):hover a:after {
  transform: translate(10px, 0);
  transition: all .3s var(--easing);
}

.navigation.burger-nav>.menu>li:not(#languages) a:before {
  display: none;
}

.navigation.burger-nav .menu>li.dropdown .submenu {
  width: calc(100% - 320px);
}

.navigation.burger-nav .menu>li.dropdown .submenu:hover li a {
  opacity: 0.4;
}

.navigation.burger-nav .menu>li.dropdown .submenu li a {
  font-weight: bold;
  color: var(--dark);
  font-size: 18px;
  padding: 8px 0;
  line-height: 1.3;
}

.navigation.burger-nav #socialLinks {
  background-color: var(--cyan);
  bottom: 0;
  width: 67.5%;
  left: 0;
  right: auto;
  height: 67px;
  padding-left: 25vw;

}

body.photo #header .navigation .menu>li.photo a,
body.home #header .navigation .menu>li.home a,
body.archive #header .navigation .menu>li.archive a,
body.recon #header .navigation .menu>li.recon a,
body.video #header .navigation .menu>li.video a,
body.documents #header .navigation .menu>li.documents a {
  color: var(--cyan);
}


#header .social-icons {
  width: auto;
}

#header .social-icons a,
#header .social-icons>div {
  padding-left: 0;
  padding-right: 1vw;
  margin: 0;
}

#header .social-icons>div h3 {
  height: 27px;
}

#header .social-icons a {
  font-size: 28px;
  line-height: 27px;
  height: 27px;
}






#events-faqs .cascade-view {
  width: 33.3333%;
}



#general-schedule {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;

}

#general-schedule header {
  width: 300px;
  margin: 0;
  padding: 0;
  position: sticky;
  top: var(--header-height);
  height: calc(100svh - var(--header-height));
  max-height: 600px;
  overflow: auto;
}

#general-schedule header .tabs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: none;
}

#general-schedule header .tabs li a {
  text-align: left;
  border-radius: var(--border-radius-sm);
}

#general-schedule header .tabs .tab-tab-label {
  width: 100%;
  background-color: var(--light-dark);
  text-align: left;
  margin: 5px 0;
  border-radius: var(--border-radius-sm);
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 0;
  align-items: center;
}

#general-schedule header .tabs .tab-tab-label:after {
  content: "\f273";
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
}

#general-schedule header .tabs .tab-tab-label.open:after {
  content: "\f2c0";
}

#general-schedule header .tabs .tab-tab-label.open {
  margin-bottom: 10px;
}

#general-schedule header .tabs .tab-tab-label:first-child {
  margin-top: 0
}

#general-schedule header .tabs .tab-tab-label a {
  color: #fff;
  font-weight: bold;
  pointer-events: none;
}

#general-schedule header .tabs .tab[class*="tab-event"] a {
  display: flex;
  align-items: center;
  text-align: left;

}

#general-schedule header .tabs .tab[class*="tab-event"] a:before {
  width: 20px;
  height: 20px;
  content: "";
  background-color: #ddd;
  margin-right: 10px;
  flex: none;
}

#general-schedule header .tabs .tab.tab-event-23 a:before,
#general-schedule header .tabs .tab.tab-event-3 a:before {
  background-color: var(--yellow);
}

#general-schedule header .tabs .tab.tab-event-6 a:before {
  background-color: var(--lightgreen);
}

#general-schedule header .tabs .tab.tab-event-7 a:before {
  background-color: var(--women-primary);
}

#general-schedule header .tabs .tab.tab-event-20 a:before,
#general-schedule header .tabs .tab.tab-event-21 a:before,
#general-schedule header .tabs .tab.tab-event-8 a:before,
#general-schedule header .tabs .tab.tab-event-9 a:before {
  background-color: #fff;
  border: 1px solid var(--darkblue);
}

#general-schedule .calendar-content {
  width: calc(100% - 300px);
  margin: 0;
  padding-left: calc((100vw - var(--max-width-column)) / 2);
  padding-top: 20px;
  padding-right: 20px;
  max-width: none !important;
}

#general-schedule .calendar-content .day-selector .tabs {
  padding: 20px 0;
  justify-content: flex-start;
  display: none;
}

#general-schedule .calendar-content .day-selector {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: var(--header-height);
  z-index: 4;
}

#general-schedule .more-items-group {
  margin-bottom: 20px;
}

#general-schedule .more-items-group>.wrapper {
  position: sticky;
  top: var(--header-height);
  background: var(--light-dark) !important;
  z-index: 2;
  padding: 15px 20px;
  border-radius: var(--border-radius-sm);
  margin-bottom: 10px;

}

#general-schedule .more-items-group>.wrapper h2 {
  color: var(--white);
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
}

#general-schedule .more-items-item>.wrapper {
  position: relative;
  padding-left: 115px;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

#general-schedule .more-items-item>.wrapper:before {
  content: "";
  position: absolute;
  left: 95px;
  width: 5px;
  background-color: #ddd;
  top: 15px;
  bottom: 15px;
}

#general-schedule .more-items-item.event-23>.wrapper:before,
#general-schedule .more-items-item.event-3>.wrapper:before {
  background-color: var(--yellow);
}

#general-schedule .more-items-item.event-6>.wrapper:before {
  background-color: var(--lightgreen);
}

#general-schedule .more-items-item.event-7>.wrapper:before {
  background-color: var(--women-primary);
}

#general-schedule .more-items-item.event-20>.wrapper:before,
#general-schedule .more-items-item.event-21>.wrapper:before,
#general-schedule .more-items-item.event-8>.wrapper:before,
#general-schedule .more-items-item.event-9>.wrapper:before {
  background-color: white;
  border: 1px solid var(--darkblue);
}

#general-schedule .more-items-item>.wrapper>h2 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 0
}

#general-schedule .more-items-item>.wrapper .more-items-short-text {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(8, 8, 90, 0.33);
  margin: 0
}

#general-schedule .more-items-time {
  display: none
}

#general-schedule .more-items-time-only {
  color: var(--darkblue);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  width: 90px;
  left: 0;
  padding-right: 20px;
  padding-left: 20px;
}

#general-schedule .more-items-item {
  border: 1px solid var(--light-grey-color);
  border-radius: var(--border-radius-md);
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

#schedule-title .widget-title {
  margin-bottom: 0;
  line-height: .8;
}

#general-schedule.small-schedule .widget-title {
  margin-bottom: 0;
}

#general-schedule.small-schedule header {
  display: none;
}

#general-schedule.small-schedule .more-items-group>.wrapper {
  top: 0;
  padding: 15px 20px !important;

}

#top-wrapper-home #general-schedule.small-schedule .tabs-content .widget {
  padding-bottom: 0;
}

#general-schedule.small-schedule .more-items-group {
  aspect-ratio: 40/30;
  overflow: auto;
}

#general-schedule.small-schedule .more-items-item>.wrapper>h2 {
  font-size: 20px;
}

#general-schedule.small-schedule .more-items-group>.wrapper h2 {
  font-size: 24px;
}

#general-schedule.dark .more-items-group>.wrapper {
  border-bottom: 1px solid rgb(165 165 215 / 24%);
  background-color: var(--light-dark) !important;
}

#general-schedule.dark .more-items-item {
  border-top: 1px solid rgb(165 165 215 / 24%);
}

#general-schedule.dark .more-items-item>.wrapper .more-items-short-text {
  color: rgb(255 255 255 / 46%);
}

#general-schedule.dark .more-items-time-only {
  color: #fff;
}





/*
#signup-mediahub .group_recon_access ~ div:has(.submit-button),
.recon_info ~ div:has(.submit-button),
.volunteers_info ~ div:has(.submit-button) {
  display:none;
}
  */
.primary-content #general-schedule header,
.primary-content #general-schedule .calendar-content .day-selector,
.primary-content #general-schedule .more-items-group>.wrapper {
  top: 0
}

.primary-content #general-schedule .calendar-content {
  height: calc(100svh - var(--header-height));
  overflow: auto;
  padding-top: 0;
  padding-left: 0;
  max-height: 600px;
}

#full-event-calendar.cascade-view ul li {
  margin: 0;
}

#full-event-calendar.cascade-view ul li .wrapper h2 {
  padding: 15px;
  background-color: var(--cyan-hover);
  margin: 0;
  font-size: 16px;
}

#full-event-calendar.cascade-view ul li .wrapper h2 a:after {
  content: "\f273";
}

#full-event-calendar.cascade-view ul li .wrapper h2 a.active:after {
  content: "\f2c0";
}

#full-event-calendar.cascade-view ul li .wrapper h2 a {
  padding-left: 30px;
}

#full-event-calendar.cascade-view ul li .wrapper h2 a:before {
  content: "\f3f4";
  font-family: "Ionicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 22px;
  width: 20px;
  line-height: 20px;
  height: 20px;
}

#full-event-calendar.cascade-view ul li .wrapper p {
  opacity: 1;
  padding: 0 15px;
  margin-bottom: 15px;
}

#full-event-calendar.cascade-view ul li .wrapper p:last-child {
  margin-bottom: 15px;
}



.horizontal-scrolling .more-items-list {
  overflow-x: auto;
  padding-top: 20px;
  flex-wrap: nowrap;
  overflow-y: hidden;
}

.horizontal-scrolling .more-items-list .more-items-item {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.quick-links {
  --gap: 35px;
  padding-top: 0;
}

.quick-links .more-items-list .more-items-item {
  width: calc(130px - var(--gap));
  padding: 0;
}

/*
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter) {
    display: inline-block;
    width: auto;
    margin: 10px;
    border-radius: 5px;
    border: 2px solid var(--dark);
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):hover {
  background-color: var(--cyan);
}

#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):hover label span {
  color: #fff;
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):hover label:before,
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):hover label:after {
  color: #fff;  
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter) input {
  display:none
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter) label {
  margin:0;
  padding: 10px 20px;
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter) label span {
  color: var(--dark);
  font-weight: bold;
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter) .validation {
  display:none
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):has(input:checked) label span {
  display: none
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):has(input:checked) label:after {
  content:"BACK";
  font-weight: bold;
}
#signup-mediahub .formly-field-multiCheckbox:not(.group_PressReleases):not(.group_PressReleases_it):not(.group_FanNewsletter):has(input:checked) label:before {
  content: "\f3cf";
  display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 8px;

}

*/


#latest-wrapper .mh-preview-inner {
  padding:0;
}

#latest-wrapper .mh-mosaic-view .mh-preview-title {
  left:0;
  right:0;
}


#latest-photo .separator.top,
#latest-video .separator.top {
  display: none !important;
}

#latest-photo .details-view .downloads-container,
#latest-photo .details-view>header {
  padding-left: 20px;
  padding-right: 20px;
}

#latest-menu #latest-photo .main-view {
  padding: 0;
}

#latest-photo .main-view {
  padding: 20px;
}

#next-event .more-items-category {
  color: var(--dark);
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
}

#next-event .more-items-category:after {
  content: "/";
  margin: 0 0 0 5px;
}

#next-event .more-items-time {
  font-size: 16px;
  margin-left: 5px;
  font-style: italic;
  color: var(--dark);
}

#next-event .wrapper {
  padding-bottom: 5px;
  padding-top: 10px;
}

#event-banner-wrapper #countdown-header .widget-title {
  margin-bottom: 0;
  margin-top: 0;
}

#event-banner-wrapper #countdown-header .countdown-fotorama {
  margin: 0 15px;
  padding: 15px 0 15px 0;
  border-top: 1px solid #00000026;
  width: calc(100% - 30px);
}

#event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text strong {
  font-size: 32px;
  font-weight: bold;
  color: var(--dark);

  margin-right: 5px;
}

#event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text .countdown-time>span:not(.countdown-date) strong {
  width: 40px;
}

#event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text strong:after {
  display: none;
}

#event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text span {
  flex-direction: row;
  align-items: flex-end;
  color: #fff;
}


.archive-list .more-items-list .more-items-item .more-items-category {
  display: flex;
  align-items: center;
  gap: 10px;

}

.archive-list .more-items-list .more-items-item>a:not(.all-box-link) {
  position: relative;
  border-radius: var(--border-radius-sm);
}

.archive-list .more-items-list .more-items-item>a:not(.all-box-link):before {
  content: "";
  left: var(--padding);
  bottom: var(--padding);
  right: var(--padding);
  height: 50%;
  background: #ddd;
  z-index: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
}

.archive-list .more-items-list .more-items-item .img-2 {
  position: absolute;
  left: calc(var(--padding) + 5px);
  bottom: calc(var(--padding) + 5px);
  width: 30%;
  border-radius: 3px;
}

#event-info-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 16px;
}

#event-info-wrapper>* {
  width: calc((100% - 20px) / 2);
  margin: 0;
}

#event-info-wrapper>.other-events {
  width: 100%;
}

#event-info-wrapper .wrapper h2 {
  pointer-events: none;
}

#event-info-wrapper>* .wrapper {
  display: block;
  padding: 20px
}

#event-info-wrapper>* .wrapper .link-button {
  display: inline-block;
  margin-right: 10px !important;
}

.arc-right {
  margin-left: auto;
  display: flex;
  gap: 20px;
  font-size: 16px;
  align-items: center;
  font-weight: bold;
  position: relative;
}

.arc-left {
  display: flex;
  flex-direction: column;
}

.arc-left p {
  margin-bottom: 0;
}

.arc-element {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--light-grey-color);
  font-size: 15px;
}

.arc-label {
  font-weight: bold;
  font-size: 14px;
  opacity: .4;
}

.arc-element.winner-1 .arc-right:before {
  content: "WINNER";
  position: absolute;
  top: -24px;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  right: 0;
}


/* TEAM LIST */

.team-list .more-items-list .more-items-item .more-items-category {
  display: flex;
  align-items: center;
  gap: 10px;
}

.team-list .more-items-list .more-items-item>a:not(.all-box-link) {
  display: flex;
  align-items: center;
}



.team-list .more-items-list .more-items-item .wrapper {
  padding-right: 40%;
}

.team-list.landing-teams .more-items-list .more-items-item .wrapper {
  padding-right: 47%;
}


.team-list .more-items-list .more-items-item>a .img-2 {
  position: absolute;
  height: 100px;
  width: auto;
  right: 23%;
  max-width: 27%;
  object-fit: contain;
}

.team-list .more-items-list .more-items-item .wrapper h2 {
  margin-bottom: 0;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 40%;
  justify-content: center;
}

.team-list.landing-teams .more-items-list .more-items-item .wrapper .more-items-long-text {
  width: 42%;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 65px;
  font-weight: bold;
  font-size: 30px;
  gap: 9px;
  flex-direction: column;
  line-height: 1;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:before {
  content: "";
  background: url(../img/cup.png) no-repeat center center transparent;
  background-size: contain;
  height: 29px;
  width: 20px;
  order: -2;
  margin-bottom: 4px;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:after {
  font-weight: bold;
  font-size: 12px;
  order: -1;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div.team-campaigns:after {
  content: "CAMPAIGNS"
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div.team-wins:after {
  content: "WINS";
  font-size: 14px;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club {
  width: 50%;
  font-size: 14px;
  text-align: center;
  margin-right: auto;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0 6%;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club:before {
  display: none;
}

.team-list.landing-teams .more-items-list .more-items-item .wrapper .more-items-long-text .team-club {
  border: none;
  padding: 0;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club img {
  height: auto;
  width: 40%;
  border-radius: 0;
}

.team-list.landing-teams .more-items-list .more-items-item .wrapper .more-items-long-text .team-club img {
  width: 100%;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club a {
  font-weight: normal;
  font-size: 14px;
  color: var(--dark);
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club a:hover,
.team-list .more-items-list .more-items-item .wrapper .team-links>a:hover {
  text-decoration: underline;
}

.team-list .more-items-list .more-items-item .wrapper .more-items-long-text>.team-wins {
  margin-right: auto;
}

.team-list:not(.landing-teams) .more-items-list .more-items-item>a img {
  aspect-ratio: 2;
  object-fit: cover;
}

.team-links {
  display: flex;
  gap: 20px;
  margin-top: 15px !important;
  flex-wrap: wrap;
}

.team-links .social-icons {
  gap: 10px;
  display: flex;
}

.team-links .social-icons>div:has(a[href=""]) {
  display: none;
}

.team-links .social-icons>div {
  padding: 0;
}

.team-links .social-icons>div a {
  background: var(--grey-color);
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-links .social-icons>div a:hover {
  background-color: var(--cyan);
}

.team-links .social-icons>div a:before {
  color: #fff;
}

.team-links>a {
  color: var(--dark)
}

#vertical-menu .archive-small-title .widget-title,
.archive-small-title .widget-title {
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 1.1;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 20px 0px 20px;
}


#mediahub-welcome-wrapper>* {
  width: 50%;
  padding: 20px;
}


#welcome-items {
  background-image: url(../img/login-bg.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

#welcome-items .more-items-item .wrapper {
  gap: 10px
}

#welcome-items ul li .wrapper ul {
  padding-left: 16px;
}

#welcome-items .more-items-item .wrapper h2 img {
  width: 20%;
  max-width: 200px;
  display: block;
  margin-bottom: 16px;
  flex: none;
}

#login-component .col1 {
  display: flex;
  flex-direction: column;
}

#login-component .col1>form,
#login-component .inline-login-header,
.user-settings-control,
#login-component #inline-login>h2,
#login-component #inline-login .button-group,
.social-login-or,
.social-login.v2 {
  width: 60%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

#login-component #inline-login .button-group {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  align-items: center
}

#login-component #inline-login .button-group>* {
  width: 100%;
}

#inline-login {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.inline-login-text {
  margin-bottom: 8px;
  font-weight: bold;
}

#inline-login h2 {
  font-size: 28px;
  margin-bottom: 24px;
}

.new-user-email span {
  display: block;
}


.inline-login-widget form .btn {
  width: 100%;
  text-align: center;
}

.inline-login-widget .control-group.email {
  flex-grow: 1;
}

.inline-login-widget .inline-login-body {
  position: relative
}

.inline-login-widget .loading-container {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  background: #f0f1f333;
  width: 100%;
  height: 200svh;
  margin-left: -50%;
  margin-top: -100svh;
  backdrop-filter: blur(3px);
}


.user-settings-control {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  font-size: 16px;
  flex-direction: column;
  align-items: flex-start;
}

.user-settings-control>* {
  margin: 0;
}

.dynamic-sign-up {
  max-height: 80svh;
}

.dynamic-sign-up,
.dynamic-sign-up~.user-settings-control {
  overflow: auto;
  width: 80%;
  margin: 0 auto;
  max-width: 500px;

}

.dynamic-sign-up~.user-settings-control {
  order: -1;
  padding: 18px;
}

.dynamic-sign-up~.user-settings-control .control-group {
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}

#login-component .col1:has(.form-messages:not(.message-error)) .user-settings-control {
  display: none;
}

.social-login-or {
  text-align: center;
  margin: 10px auto 30px;
  /* display: flex; */
  display: none;
  align-items: center;
  justify-content: center;
}

.social-login.v2 {
  /* display: none; */
}

.social-login-or:after,
.social-login-or:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
}

.social-login-or:after {
  margin-left: 10px
}

.social-login-or:before {
  margin-right: 10px
}

.social-login-or span {
  flex: none;
}

.social-login .btn-group {
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}

.btn-google,
.btn-facebook,
.btn-microsoft,
.btn-watsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.btn-google:before {
  content: "";
  background-image: url(../img/social/google.svg);
  margin-right: 8px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}

.btn-microsoft:before {
  content: "";
  background-image: url(../img/social/microsoft.svg);
  margin-right: 8px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}

/* Press releases translations */
.press-release-translations #social-links {
  padding-top: 40px;
  padding-bottom: 40px;
}

.press-release-translations #social-links .social-icons {
  flex-wrap: wrap;
  display: flex;
  gap: 15px;
}

.press-release-translations .article-text p span {
  color: var(--text-color) !important;
}

.press-release-translations .article-text p span a {
  color: var(--text-color) !important;
  text-decoration: underline;
}

.press-release-translations #social-links .social-icons>div {
  margin: 0;
}

.press-release-translations #footer {
  z-index: 1;
}

.press-release-translations .article {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 0
}

.press-release-translations .article-view.without-langs {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  gap: 30px;
}

.press-release-translations .article-view.without-langs .article {
  padding: 0 40px 40px 40px;
  border-radius: var(--border-radius-md);
  width: calc(100% - var(--related-content-width) - 35px);
}

.press-release-translations .article .article-view-body {
  width: 100%;
  margin-left: 0;
}

.press-release-translations .article .article-langs-container {
  width: var(--related-content-width);
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-inline: auto;
  gap: 20px;
  padding: 0;
}

.press-release-translations div.without-langs .article-images {
  width: var(--related-content-width);
  z-index: 0;
  flex-wrap: wrap;
  margin-inline: auto;
  gap: 20px;
  padding: 0;
  display: none;
}

.press-release-translations div.without-langs .article-images>div {
  margin: 0px 0 14px !important;
  padding: 9px;
  border-radius: var(--border-radius-md);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 12px 3px #0000000a;
  text-align: right !important;
}

.press-release-translations div.without-langs .article-images>div a {
  color: var(--dark) !important;
  font-size: 13px;
  text-align: right;
  padding: 2px 10px;
  border-radius: var(--border-radius-full);
  margin-left: auto;
  letter-spacing: .5px;
  text-transform: capitalize;
}

.press-release-translations div.without-langs .article-images>div a:after {
  content: "\E364";
  font-family: "UIFont-Solid";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin-left: 3px;
  font-size: 17px;
}

.press-release-translations div.without-langs .article-images>div img {
  width: 100%;
  max-width: none !important;
  margin-bottom: 5px !important;
}

.press-release-translations .article:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: none;
  right: 0;
  width: 250px;
  height: 220px;
  pointer-events: none;
  background-color: var(--white);
  background: linear-gradient(180deg, rgba(42, 123, 155, 0) 0%, rgba(255, 255, 255, 1) 50%);
}

.press-release-translations .article .article-langs-container>h2 {
  width: 100%;
}

.press-release-translations .article .article-langs-container .langs {
  display: flex;
  background: var(--lightgrey);
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px;
}

.press-release-translations .article .article-langs-container .langs>h2 {
  font-size: 15px;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  font-weight: normal;
  width: 100%;
  margin: 0;
}

.press-release-translations .article .article-langs-container .langs>h2 span {
  background: transparent;
  color: var(--blue);
  border-radius: 24px;
  display: flex;
  margin-top: 6px;
  font-size: 13px;
  margin-right: auto;
}

.press-release-translations .article .article-langs-container .langs>h2 span i {
  margin-right: 7px;
}

.press-release-translations .article-images figure {
  margin: 0;
  display: flex;
  gap: 10px;
  float: none;
  flex-wrap: wrap;
}

.press-release-translations .article-images figure .download-image-container {
  width: calc(50% - 5px);
  position: relative;
}

.press-release-translations .article-images figure .download-image-container>a {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  color: transparent;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.press-release-translations .article-images figure .download-image-container>a:before {
  content: "\ec5a";
  font-family: "remixicon";
  content: "\ec5a";
  font-family: "remixicon";
  position: absolute;
  color: white;
  line-height: 1;
  font-size: 18px;
  padding: 7px;
  background: var(--blue);
}

.press-release-translations .article-images figure .download-image-container>.photographer {
  font-size: 11px;
  line-height: 1;
  display: block;
  padding: 6px 0;
}

.press-release-translations .article-aside,
.press-release-translations .article-view-title,
.press-release-translations .article-view-time,
.press-release-translations .article-view-subheader,
.press-release-translations .article-view-category,
.press-release-translations .article-view-intro,
.press-release-translations .article-view-body,
.press-release-translations .article-view header figure,
.press-release-translations .article-view #slideshow-gallery {
  max-width: var(--max-width-column-press-releases);
}

.press-release-translations h1:empty,
.press-release-translations h2:empty {
  display: none
}

.press-release-translations .article .article-title h1 {
  margin-bottom: 0;
  font-size: 32px;
}

.press-release-translations .article .article-title h2 {
  margin-bottom: 30px;
  line-height: 1.3;
}

.press-release-translations .article .article-view-body figure:first-of-type {
  margin-bottom: 30px;
}

.press-release-translations .article .article-view-body figure:first-of-type img {
  width: 320px;
  display: none;
}

.press-release-translations .article .article-view-body figure:first-of-type:after {
  display: none;
}

.press-release-translations .article .article-view-body .article-button {
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

.press-release-translations .article .article-view-body .article-button button,
.press-release-translations .article .article-view-body .article-button a {
  background-color: var(--blue);
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 4px;
  border: none
}

.press-release-translations figure.size-25 {
  width: calc(25% - 3%);
  margin-inline: 1.5%;
}

.press-release-translations figure.size-25:after {
  height: 3px;
  bottom: -3px;
}

.press-release-translations figure.size-33 {
  width: calc(33.3333% - 3%);
  margin-inline: 1.5%;
}

.press-release-translations figure.size-33:after {
  height: 4px;
  bottom: -4px;
}

.press-release-translations figure.size-50 {
  width: calc(50% - 3%);
  margin-inline: 1.5%;
}

.press-release-translations figure.size-50:after {
  height: 6px;
  bottom: -6px;
}

.press-release-translations .article-langs-container .langs a {
  position: relative;
  color: transparent;
  background-color: transparent;
  font-size: 0;
}

.press-release-translations .article-langs-container .langs a {
  opacity: 0.5;
  transition: opacity .3s ease;
}

.press-release-translations .article-langs-container .langs a:hover {
  opacity: 1;
}

.press-release-translations .article-langs-container .langs a.current {
  opacity: 1;
}

.press-release-translations .article-langs-container .langs a:before {
  width: 26px;
  height: 26px;
}

#press-releases-langs ul li .wrapper {
  position: relative;
}

#press-releases-langs ul li .wrapper:before {
  content: "";
  color: transparent;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  order: -1;
  margin-bottom: 10px;
  border-radius: 50%;
}

#press-releases-langs ul li.lang-1 .wrapper:before,
#press-releases-langs ul li.lang-01 .wrapper:before {
  background: url(../img/flags/gb.svg) no-repeat center transparent;
  background-size: cover;
}

#press-releases-langs ul li.lang-3 .wrapper:before,
#press-releases-langs ul li.lang-03 .wrapper:before {
  background: url(../img/flags/it.svg) no-repeat center transparent;
  background-size: cover;
}


#serch-container .search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: 1px solid var(--light-grey-color);
  color: #3b3d40;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: var(--border-radius-sm);
  padding: 6px 15px;
  height: 50px;
  line-height: 18px;
}

#serch-container .search-box:before {
  content: "\f0d1";
  font-family: "Remixicon";
  margin-right: 10px;
  font-size: 22px;

}

#serch-container .search-box form {
  width: 100%;
}

#serch-container .search-box input,
#serch-container .search-box select {
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
}

#serch-container .search-box select {
  height: auto;
  text-align: right;
  z-index: 1;
}

#serch-container .search-options {
  display: flex;
  align-items: center;
  flex: none;
}

#serch-container .search-options>* {
  padding: 0 10px;
  border-right: 1px solid #ddd;
}

#serch-container .search-options>*:last-child {
  border: none;
  padding-right: 0;
}

#serch-container .search-options .search-filters,
#serch-container .search-options .advanced-search {
  flex: none;
}

#serch-container .search-options .search-select-container {
  display: flex;
  align-items: center;
  gap: 7px;
}

#serch-container .search-options .search-select-container:after {
  content: "\ea4e";
  font-family: "Remixicon";
  font-size: 20px;
}

#serch-container .filters-container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 5px;
  gap: 10px;
}

#serch-container .filters-container>* {
  width: 100%;
}

#serch-container .filters-container.related-content {
  flex-direction: column;
}

.dropdown-click {
  background: #fff;
  border-radius: var(--border-radius-sm);
  padding: 3px 15px;
  border: 1px solid var(--light-grey-color);
  position: relative;
  transition: all .3s var(--easing);
}

.dropdown-click:hover {
  border-color: var(--dark);
  transition: all .3s var(--easing);
}

.dropdown-click .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-click .dropdown-toggle:after {
  content: "\ea4e";
  font-family: "Remixicon";
  font-size: 20px;
}

.dropdown-click .submenu {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  position: absolute;
  padding: 0;
  background: #fff;
  left: -1px;
  right: -1px;
  border-right: 1px solid var(--light-grey-color);
  border-bottom: 1px solid var(--light-grey-color);
  border-left: 1px solid var(--light-grey-color);
  border-bottom-right-radius: var(--border-radius-sm);
  border-bottom-left-radius: var(--border-radius-sm);
  transition: all .3s var(--easing);
}

.dropdown-click.active .submenu {
  opacity: 1;
  transition: all .3s var(--easing);
  max-height: 100svh;
}

.advanced-search-container {
  display: flex;
  flex-direction: row-reverse;
}

.dropdown-click:hover .submenu {
  border-color: var(--dark);
}





.modal-download-terms .order-buttons {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--light-grey-color);
  gap: 20px;
}

.modal-download-terms .order-buttons button {
  margin: auto 0;
  background-color: var(--dark);
  color: #fff;
}

.modal-download-terms .order-buttons button:hover {
  background-color: #fff;
  color: var(--dark);
}


.primary-related:has(.details-view) .vertical-menu>header {
  opacity: 0;
  pointer-events: none;
}

body:not(.documents):has(.details-view) {
  overflow: hidden;
}

.primary-related .downloads-main.widget .details-view {
  position: fixed;
  left: var(--body-h-padding);
  top: calc(var(--header-height) + 20px);
  right: var(--body-h-padding);
  width: auto;
  z-index: 99999999;
  bottom: 20px;
  height: auto;
  overflow: auto;
  border-radius: var(--border-radius-lg);
}

.primary-related .downloads-main.widget .details-view:after {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: #000000b3;
  z-index: -1;
}

/* Error Page
  ========================================================== */
#error-404 {
  background: transparent;
  margin: 0 auto;
  width: 50%;
  padding: 20px;
  color: #fff;
}

#error-404 img {
  width: 100%;
  max-width: 250px;
}

#error-404 h1 {
  color: #fff;
  text-transform: uppercase;
}

.page-404 #container {
  height: 100svh;
  display: flex;
  align-items: center;
  background-image: url(../img/menu-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100svh;
  text-align: center;
}







/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:after {
  clear: both;
}



/* DOWNLOADS PAGE */


.downloads-main {
  font-size: 14px;
}

.downloads-main * {
  text-decoration: none;
}

.downloads-main>section>header {
  width: 100%;
  -webkit-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  z-index: 4;
  background-color: transparent;
  height: 65px;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.hide-header.downloads-main>.main-view>header form>div {
  display: none;
}

.downloads-main:not(.full-width)>section>header {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.fixed-content .downloads-main>section>header {
  position: fixed;
  top: var(--header-height);
}

.downloads .navigation.burger-nav.open .menu>li#languages {
  display: none;
}

.downloads-main>section>header form {
  width: 100%;
}

.downloads-main .related-content {
  right: 0;
  z-index: 4;
  padding: 0;
  top: 0;
  position: absolute;
}

.downloads-main:not(.full-width) .related-content {
  top: 65px;
  max-height: 80svh;
  overflow: auto;
}

.hidden-related .downloads-main:not(.full-width) .related-content {
  width: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  min-width: 0;
}

.downloads.fixed-content .related-content {
  top: calc(var(--header-height) + 65px);
}

.downloads-main .main-view.column.related-content .widget {
  margin-bottom: 10px;
  padding: 25px 30px 0 30px;
}

.downloads-main .related-content .widget .widget-title:after {
  display: none;
}

.fixed-content .downloads-main .related-content.zone-3 {
  padding-bottom: 200px;
}

.downloads-filters.submenu-list>ul>li {
  position: relative;
  margin: 0;
  background: transparent;
}

.downloads-filters.submenu-list>ul>li.filters {
  display: block;
  margin-bottom: 10px;
  color: var(--main-color);
}

.downloads-filters.submenu-list>ul>li.filter-types {
  margin-bottom: 20px;
}

.downloads-filters.submenu-list.widget>ul>li.filters-select {
  margin-right: 15px !important;
  margin-bottom: 10px;
  width: auto;
  text-align: left;
}

.downloads-filters.submenu-list>ul>li.filters-select a {
  color: var(--dark-grey-color);
  cursor: pointer;
}

.downloads-filters.submenu-list>ul>li.filters-select a:hover {
  color: var(--main-color);
}

.downloads-filters.submenu-list>ul>li.filters-select .filter-count {
  font-size: 12px;
}

.downloads-filters.submenu-list.tree-view>ul>li.filters-select {
  display: block;
  margin-right: 0;
  width: 100%;
}

.downloads-filters.submenu-list>ul>li ul {
  opacity: 0.9;
}

.downloads-filters.submenu-list li .control-group {
  padding: 0;
  margin: 0;
}

.downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
  right: 0 !important;
  left: auto !important;
  min-width: 248px;
  padding: 0 0 5px 0;
}

.downloads-filters.submenu-list>ul>li.search {
  width: 100%;
  margin-bottom: 20px;
}

.downloads-filters.submenu-list>ul>li.dates {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  max-width: 100%;
  overflow: visible;
}

.downloads-filters.submenu-list>ul>li.dates .date {
  position: relative;
}

.downloads-filters.submenu-list>ul>li.dates .date:first-child {
  margin-right: 10px;
}

.downloads-filters.submenu-list>ul>li.dates .date:last-child {
  margin-left: 10px;
}

.uib-day,
.uib-daypicker th,
.uib-month,
.uib-monthpicker th,
.uib-year,
.uib-yearpicker th {
  padding: 0;
  text-align: center;
}

.uib-daypicker th>*,
.uib-monthpicker th>*,
.uib-yearpicker th>* {
  float: none;
  width: 100%;
}

.uib-day .btn,
.uib-daypicker th .btn,
.uib-month .btn,
.uib-monthpicker th .btn,
.uib-year .btn,
.uib-yearpicker th .btn {
  border: none;
}

.downloads-filters.submenu-list>ul>li.dates .date:first-child .uib-datepicker-popup {
  left: 0 !important;
  right: auto !important;
}

.glyphicon {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-right:before {
  content: "\f3d1";
}

.glyphicon-chevron-left:before {
  content: "\f3cf";
}

.downloads-filters.submenu-list>ul>li .controls {
  height: 42px;
  border-radius: 4px;
  color: var(--dark-grey-color);
  background-color: #ffffff;
  background-image: none;
  width: 100%;
  height: 48px;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.downloads-filters.submenu-list>ul>li .controls>i {
  position: absolute;
  margin: 0 12px;
}

.downloads-filters.submenu-list>ul>li .controls a {
  color: var(--dark-grey-color);
  position: absolute;
  margin: 0 12px;
}

.downloads-filters.submenu-list>ul>li .controls input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  background: none;
  padding: 0 0 0 50px;
  height: 50px;
}

.downloads-filters.submenu-list>ul>li .controls input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.downloads-main .related-content .icon-tabs>ul li a:before {
  color: #ffffff;
}

.downloads-main .related-content .icon-tabs.submenu-list>ul>li.filters a {
  margin-bottom: 20px;
  font-weight: 400;
  color: var(--main-color);
  cursor: default;
}

.downloads-main .related-content .icon-tabs.submenu-list>ul>li.filters a:after {
  display: none;
}

.headroom--unpinned.fixed-content .downloads-main>section>header {
  top: var(--header-height);
}

.headroom--pinned.fixed-content .downloads-main>section>header,
.headroom--top.fixed-content .downloads-main>section>header {
  top: var(--header-height);
}

.fixed-content .downloads-main.widget>section {
  -webkit-transition: padding 0.15s;
  -o-transition: padding 0.15s;
  transition: padding 0.15s;
}

.downloads-main.widget {
  position: relative;
}

.downloads-main.widget:not(.simple-view):has(.hidden:first-child) {
  padding: 0
}

.downloads-main.widget>section {
  padding: 0 var(--related-content-width) 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;

}

.downloads-main.widget:not(.full-width)>section {
  padding: 0;
}

.downloads-main .search-toggle {
  display: none !important;
}

.downloads-main .filters-select,
.downloads-main .lightbox-toggle,
.downloads-main .search-toggle {
  padding: 0;
  text-align: center;
  color: var(--grey-color);
  cursor: pointer;
  border-radius: 50%;
  margin-right: 30px;
}

.downloads-main .filter-types a {
  height: 44px;
  width: 44px;
  margin: 0 10px;
}

.downloads-main .filter-types a:hover {
  color: var(--dark-grey-color);
}

.downloads-main .filter-types a i {
  font-size: 32px !important;
  line-height: 32px;
}

.downloads-main .filter-types a.active {
  color: var(--main-color);
}

.downloads-main .filter-types a.active i {
  color: var(--main-color);
}

.downloads-main .filter-types a.filters-text {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

body:not(.hidden-related) .downloads-main>section>header .filters-select {
  color: var(--main-color);
}

.downloads-main>section>header .show-hide-filters {
  border-right-color: transparent;
}

.downloads-main>section>header .show-hide-filters.active {
  background-color: #ffffff;
}

.downloads-main>section>header .show-hide-filters.active i,
.hidden-related .downloads-main>section>header .show-hide-filters.active i {
  color: var(--dark-grey-color);
}

body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open.active,
body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open,
body:not(.hidden-related) .downloads-main>section>header .show-hide-filters {
  background-color: #2c2f35;
  color: #ffffff;
  border-right-color: #2d3036;
  height: 45px;
}

body:not(.hidden-related) .downloads-main>section>header .show-hide-filters.open i,
body:not(.hidden-related) .downloads-main>section>header .show-hide-filters i {
  color: #ffffff;
}

.downloads-main>section>header .show-hide-filters.open i:before,
body:not(.hidden-related) .downloads-main>section>header .show-hide-filters i:before {
  content: "\f12a";
}

.hidden-related .downloads-main>section>header .show-hide-filters i:before {
  content: "\f39d";
}

.downloads-main .filter-types a i {
  padding: 0;
  width: auto;
}

.hidden-related .downloads-main .filter-types a:not(.active):hover,
.hidden-related .downloads-main>section>header .show-hide-filters.active:not(.open):hover,
.hidden-related .downloads-main>section>header .show-hide-filters:not(.active):hover {
  background-color: rgba(222, 222, 222, 0.38);
}

.fixed-content .downloads-main>section>header form {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0;
  -webkit-transition: padding 0.15s;
  -o-transition: padding 0.15s;
  transition: padding 0.15s;
}

.downloads-main>section>header form>.filter-types:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 200px;
}

.downloads-main>section>header form>.filter-types {
  padding: 0;
}

.downloads-main>section>header form .header-title {
  margin: 0 0 0 30px;
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--titles-color);
}

.downloads-main>section>header form .header-title .events-list {
  margin-right: 20px;
}

.downloads-main>section>header form .header-title .header-logo {
  max-height: 60px;
  width: auto;
}

.downloads-main>section>header form .header-title .gallery-breadcrum-name {
  color: var(--dark);
  font-size: 16px;
  align-items: center;
  display: flex;
  gap: 10px;
}

.downloads-main>section>header form .header-title .gallery-breadcrum:not(:last-child) .gallery-breadcrum-name {
  width: 24px;
  overflow: hidden;
}

.downloads-main>section>header form .header-title .gallery-breadcrum-name:before {
  content: "\f2f5";
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  color: var(--grey-color);
}

.downloads-main>section>header form .header-title .gallery-breadcrum-icon {
  display: none;
  font-size: 24px;
  color: var(--grey-color);
}

.downloads-main>section>header form .header-title .gallery-breadcrum-icon {
  display: none;
  font-size: 24px;
  color: var(--grey-color);
}

.primary-content .downloads-main>section:not(.details-view)>header form .header-title {
  margin: 0;
}

.downloads-main>section>header .control-group {
  padding: 0;
  margin: 0;
}

.downloads-main>section>header .control-group.search .controls>a {
  position: absolute;
  top: 2px;
  right: 39px;
}

.downloads-main>section>header .control-group .controls {
  margin: 0;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.downloads-main>section>header .control-group .controls i {
  padding: 0 12px;
  line-height: 36px;
}

.downloads-main>section>header .input-block-level {
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  height: 36px;
  padding-left: 42px;
}

.downloads-main>section>header .search {
  border: 1px solid #ddd;
  border-radius: 22px;
  background-color: #ffffff;
  margin-right: 20px;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  overflow: hidden;
}

.downloads-main>section>header .search i {
  background-color: rgba(185, 186, 188, 0.07) !important;
}

.downloads-main>section>header .search input {
  border: none;
  min-width: 250px;
  border-left: 1px solid #d6d9dd;
}

.downloads-main>section>header .search .input-block-level {
  padding-right: 20px;
  padding-left: 20px;
}

.downloads-main>section>header .search .custom-select,
.downloads-main>section>header .search input.input-block-level {
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}

.downloads-main>section>header .search .custom-select i,
.downloads-main>section>header .search input.input-block-level i {
  background-color: rgba(185, 186, 188, 0.07) !important;
}

.custom-select {
  margin-right: 0;
}

.custom-select select {
  padding: 5px 35px 5px 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow-down.png) 90% center no-repeat #eee;
  background-size: 12px auto;
  width: auto !important;
  max-width: 200px !important;
  position: relative;
  background-color: rgba(185, 186, 188, 0.07) !important;
}

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

/* CAUTION: IE hackery ahead */
.custom-select select::-ms-expand {
  display: none;
  /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0) {
  .custom-select select {
    background: none\9;
    padding: 5px\9;
  }
}

.multiple-content .downloads-main .downloads-container.galleries-container,
.multiple-content .downloads-main .downloads-container.people-faces,
.multiple-content .downloads-main .downloads-container.latest-main {
  min-height: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.multiple-content .downloads-main:not(.full-width) .downloads-container.people-faces {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.downloads-main .tabs-container {
  min-height: 100px;
}

.downloads-main .downloads-container {
  background-color: var(--secondary-background);
  min-height: 400px;
  opacity: 1;
  border-radius: 0;
  margin-top: 0;
  padding-bottom: 20px;
}

.downloads-main:not(.full-width) .downloads-container {
  margin-top: 0;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view {
  display: inline-block;
  border-bottom: 1px solid rgba(221, 221, 221, 0.29);
  background-color: var(--dark-grey-color);
  position: relative;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header {
  padding-top: 35px;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 35px !important;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p {
  margin-left: 0 !important;
  font-size: 16px;
  color: #ffffff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p a {
  color: #ffffff;
  border-color: #ffffff;
}

.downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title:after {
  background-color: #ffffff;
  width: 20px;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header,
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
  margin-left: 20px !important;
  max-width: 100% !important;
  margin-right: 20px !important;
}

.downloads-main .widget.article-view {
  padding: 0;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.downloads-main .widget.article-view .article header {
  padding-bottom: 0;
  border: none;
}

.downloads-main .widget.article-view .article .article-view-body {
  padding-top: 5px;
}

.downloads-main .widget.article-view .article .article-view-subheader {
  margin-bottom: 20px;
}

.downloads-main .downloads-container>ul {
  list-style: none;
  margin-bottom: 0;
}

.downloads-main .load-more-bt {
  display: block;
  width: 200px;
  color: var(--grey-color);
  background: transparent;
  text-transform: uppercase;
  font-size: 18px;
  padding: 15px 0;
  margin: 20px auto 0 !important;
  border: 2px solid var(--grey-color);
  -webkit-transition: background 0.15s, color 0.15s;
  -o-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}

.downloads-main .load-more-bt:hover {
  background: var(--grey-color);
  color: #ffffff;
}

.downloads-main .downloads-container>ul li p {
  font-size: 16px;
}

.downloads-main .downloads-container>ul li {
  padding: 15px 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border-bottom: 1px solid #ececec;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.downloads-main .downloads-container>ul li:nth-child(odd):not(.separator) {
  background-color: #fbfbfb;
}

.downloads-main .downloads-container>ul li .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-Youtube>a i {
  font-size: 75px;
  width: 95px;
  color: #b7b7b7;
  text-align: center;
}

.downloads-main .downloads-container>ul li .downloads-item-top-container i {
  margin-right: 15px;
}

.downloads-main .downloads-container>ul li.file-doc .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-doc .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-docx .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-docx .downloads-item-info .item-info-type,
.item-info.file-doc .item-info-type,
.item-info.file-docx .item-info-type {
  color: #0078e8;
}

.downloads-main .downloads-container>ul li.file-pdf .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-pdf .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-Articles .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type,
.item-info.file-pdf .item-info-type {
  color: #e80000;
}

.downloads-main .downloads-container>ul li.file-zip .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-zip .downloads-item-info .item-info-type,
.item-info.file-zip .item-info-type {
  color: #444444;
}

.downloads-main .downloads-container>ul li.file-xlsx .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-xlsx .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-xls .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-xls .downloads-item-info .item-info-type,
.item-info.file-xls .item-info-type,
.item-info.file-xlsx .item-info-type {
  color: #21950d;
}

.downloads-main .downloads-container>ul li.file-jpeg .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-jpeg .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-jpg .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-jpg .downloads-item-info .item-info-type,
.item-info.file-jpg .item-info-type,
.item-info.file-jpeg .item-info-type,
.downloads-main .downloads-container>ul li.file-png .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-png .downloads-item-info .item-info-type,
.item-info.file-png,
.item-info.file-png .item-info-type,
.downloads-main .downloads-container>ul li.file-Teams .downloads-item-info .item-info-type {
  color: #65c700;
}

.downloads-main .downloads-container>ul li.file-mp4 .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-mp4 .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-yt .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-yt .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-Youtube .downloads-item-top-container i,
.downloads-main .downloads-container>ul li.file-Youtube .downloads-item-info .item-info-type,
.item-info.file-Youtube .item-info-type,
.item-info.file-yt .item-info-type,
.item-info.file-mp4 .item-info-type,
.item-info.file-Youtube .item-info-type,
.item-info.file-yt .item-info-type,
.item-info.file-mp4 .item-info-type,
.downloads-main .downloads-container>ul li.file-Youtube>a i,
.downloads-main .downloads-container>ul li.file-Video .downloads-item-info .item-info-type {
  color: #e80000;
}

.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:after {
  position: absolute;
  content: "";
  background-color: var(--light-grey-color);
  z-index: 0;
  height: 80%;
  width: 80%;
  margin-top: -34%;
  margin-left: -40%;
  top: 50%;
  left: 50%;
  border-radius: 999px;
  display:none;
}

.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:before {
  z-index: 1;
  display:none;
}

.downloads-main .downloads-container>ul li.file-LEG .downloads-item-info .item-info-type,
.downloads-main .downloads-container>ul li.file-PORT .downloads-item-info .item-info-type {
  color: #8a8a8a;
}

.downloads-main .downloads-container>ul li.file-Youtube>a i {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  border-radius: 50%;
}

.downloads-main .downloads-container>ul li.file-News .downloads-item-info .item-info-type {
  color: #08baff;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type {
  line-height: 22px;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type:hover span {
  border-bottom: 1px solid #e80000;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type i {
  font-size: 22px;
  vertical-align: middle;
  line-height: 22px;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.file-pdf>.item-info-type span {
  line-height: 25px;
  vertical-align: middle;
}

.downloads-main .downloads-container>ul li .downloads-item-main {
  width: calc(100% - 235px);
  word-break: break-word;
}

.downloads-main .downloads-container>ul li .no-buttons.downloads-item-main {
  width: calc(100% - 35px);
}

.landing-search .downloads-main .downloads-container>ul li .downloads-item-main {
  width: calc(100% - 35px);
}

.downloads-main .downloads-container>ul li .downloads-item-title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 5px;
  line-height: 1.3;
  font-weight: bold;
}

.downloads-item-info.top-info {
  padding-bottom: 5px;
}

.downloads-main .downloads-container>ul li .downloads-item-info spa {
  margin-right: 10px;
  color: #37424a;
  font-weight: bold;
}

.item-info .item-info-type {
  text-transform: uppercase;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra {
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 100;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.description {
  white-space: pre-wrap;
  word-break: break-word;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra.date {
  margin-bottom: 5px;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-type,
.item-info .item-info-type {
  color: #b7b7b7;
}

.downloads-main .downloads-container>ul li .downloads-item-info .item-info-time {
  font-weight: 400;
}

.downloads-main .downloads-container>ul li .downloads-item-tools {
  width: 140px;
}

.downloads-main .downloads-container>ul li .downloads-item-tools a,
.tool-favorite,
.tool-select {
  font-size: 30px;
  color: var(--dark-grey-color);
  padding: 5px 20px;
  cursor: pointer;
}

.downloads-main .downloads-container>ul li .downloads-item-tools a,
.tool-favorite,
.tool-select {
  color: var(--light-grey-color);
}

.downloads-main .downloads-container>ul li .downloads-item-tools a:hover,
.downloads-main .downloads-container>ul li .downloads-item-tools a:hover:not(.active),
.downloads .tool-favorite:hover:not(.active) {
  color: var(--grey-color);
}

.downloads-main .downloads-container>ul li .downloads-item-tools .tool-favorite.active,
.downloads .tool-favorite.active {
  color: #ffae00;
}

.downloads-main .downloads-container>ul li .downloads-item-tools .tool-select.active,
.downloads .tool-select.active {
  color: #009eff;
}

.downloads-main .downloads-container>ul li .tool-link,
.downloads-main .downloads-container>ul li .tool-link a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.downloads-main .separator {
  color: var(--dark-grey-color);
  display: block !important;
  width: auto;
  min-height: 10px !important;
  margin-bottom: 0;
  margin-top: 0;
  right: var(--related-content-width);
  top: calc(var(--header-height) + 76px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  z-index: 3;
  background-color: var(--main-background);
  padding-bottom: 0;
  font-size: 14px;
  -webkit-transition: right 0.15s;
  -o-transition: right 0.15s;
  transition: right 0.15s;
  font-weight: normal;
}

.downloads-main .separator .separator-container {
  border-radius: 0 4px 0 0;
  padding: 15px 30px 10px;
  background-color: var(--secondary-background);
  min-height: 52px;
}

.primary-content .downloads-main .separator .separator-container {
  padding-left: 0;

  padding-right: 0;
}

.downloads-main .separator .separator-container a {
  line-height: 1;
  border-radius: 18px;
  color: var(--dark-grey-color);
  margin-left: 20px;
}

.downloads-main .separator .separator-container a:hover,
.downloads-main .separator .separator-container .dropdown:hover>a {
  color: #333c4e;
  border-color: rgba(52, 61, 80, 0.41);
}

.downloads-main .separator .search-term {
  font-weight: bold;
}

.separator .remove-filters,
.separator .actions-menu {
  margin-left: 25px;
}

.downloads-main .separator .tool-select {
  padding: 0;
  font-size: 14px;
}

.downloads-main .separator.top .custom-select select {
  background-color: transparent !important;
}

.downloads-main .separator.top .custom-select {
  max-width: 120px;
  margin-left: 10px;
}

.downloads-main .separator .separator-container a i {
  margin-left: 5px;
  font-size: 26px;
  vertical-align: middle;
}

.downloads-main .separator .separator-container a i.fa {
  font-size: 16px;
}

.separator .actions-menu.dropdown .submenu {
  right: 0 !important;
  margin: 0 !important;
  left: auto !important;
  width: 220px !important;
}

.downloads-main .downloads-container>ul li .downloads-item-top-container {
  width: 95px;
  margin-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.downloads .loading,
.downloads .no-results-container {
  color: var(--dark-grey-color);
  margin-top: 76px;
  border-radius: 0px 4px 0 0;
  padding-top: 100px;
}

.no-results-container {
  text-align: center;
  color: var(--grey-4);
  font-size: 24px;
  padding: 40px 0;
}

.no-results-button {
  color: var(--grey-color);
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 20px;
  margin: 20px auto 0;
  border: 2px solid var(--grey-color);
  -webkit-transition: background 0.15s, color 0.15s;
  -o-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}

.no-results-button:hover {
  background: var(--grey-color);
  color: #ffffff;
}

.downloads-main>section.details-view>header {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  border-top: none;
}

.primary-content .downloads-main>section.details-view>header {
  position: relative;
  top: auto;
}

.downloads-main.widget .details-view,
.fixed-content .downloads-main>section.details-view>header form {
  padding-right: 0;
}

.fixed-content .downloads-main>section.details-view>header form .close-bt {
  margin-right: 30px;
  color: var(--main-color);
}

.downloads .details-view .downloads-container {
  color: var(--dark-grey-color);
  margin: 50px 30px 30px 30px;
  border-radius: 0;
  padding: 50px 30px;
  min-height: calc(100svh - var(--header-height) - 100px);
}

.downloads #primary-content .details-view .downloads-container {
  margin: 0;
  padding: 30px;
}

.related-content .downloads .details-view .downloads-container {
  min-height: 0;
}

.downloads .details-view .downloads-container>.item-info {
  margin: 0 auto;
  max-width: 1680px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.details-view .separator {
  width: 100%;
  border-bottom: 1px solid var(--main-background);
}

.downloads .details-view.lightbox-view .downloads-container {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.downloads .details-view.lightbox-view .downloads-container .separator-container {
  border-radius: 4px 4px 0 0;
}

.hidden-related .downloads-main.widget>section {
  padding-right: 0;
}

.hidden-related .downloads-main .separator {
  right: 0;
}

.hidden-related .downloads-main .separator .separator-container {
  border-radius: 0;
}

.hidden-related.fixed-content .downloads-main>section>header form {
  padding-right: 0;
}

.thumbnails-view.downloads-main .downloads-container>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 20px 30px;
  margin: 0;
  --gap: 20px;
  gap: var(--gap);
}

.primary-content .thumbnails-view.downloads-main .downloads-container>ul {
  padding-left: 0;
  padding-right: 0;
}

.thumbnails-view.downloads-main .downloads-container>ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border: 2px solid var(--light-grey-color);
  -webkit-box-sizing: border-box;
  position: relative;
  vertical-align: top;
  background: transparent;
  border-radius: 4px;
  background-color: #ffffff;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, -webkit-box-shadow 0.15s;
  -o-transition: border-color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
  overflow: hidden;
  width: calc(20% - var(--gap));
  margin: 0;
}

.primary-content .thumbnails-view.downloads-main .downloads-container>ul li {
  width: calc(33.333333% - ((var(--gap) * 2) / 3));
}

.thumbnails-view.downloads-main .downloads-container>ul li.selected,
.thumbnails-view.downloads-main .downloads-container>ul li.selected:hover {
  border-color: var(--selected-items-color);
}

.selected .ion-md-checkbox-outline,
.selected:hover .ion-md-checkbox-outline,
.active.ion-md-checkbox-outline {
  color: var(--selected-items-color);
}

.thumbnails-view.downloads-main .downloads-container>ul li:hover {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-title {
  font-size: 14px;
  color: #000000;
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: normal;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
  width: auto;
  height: 200px;
  text-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  background-color: var(--light-grey-color);
  cursor: pointer;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
  width: auto !important;
  max-width: 90%;
  height: auto;
  max-height: 170px;
  padding: 0;
  -moz-box-sizing: border-box;
  margin: 0;
}

.downloads-main .downloads-container>ul li .downloads-item-top-container img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-grey-color);
}

.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
  position: absolute;
  bottom: 8px;
  right: 4px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container img {
  aspect-ratio: 16/9;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container i,
.item-info .preview-media .item-info-type {
  margin-right: 0;
  width: auto;
  font-size: 70px;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main,
.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-tools {
  width: auto;
  padding: 10px 5%;
  margin: 0;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-tools a {
  padding: 0;
  margin-left: 10px;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul {
  --gap: 0px;
  padding: 0;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0px;
  border-color: white;
  border-radius: 0;
  background-color: #e0e4e8;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-4,
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-3 {
  min-width: 200px;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.selected {
  border-color: var(--selected-items-color);
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:last-child,
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-last-child(2),
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-last-child(3) {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container {
  display: block;
  height: auto;
  margin: auto 0;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
  max-height: none;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i:after {
  position: absolute;
  content: "";
  background-color: var(--light-grey-color);
  z-index: 0;
  height: 17px;
  width: 16px;
  margin-top: -7px;
  margin-left: -8px;
  top: 50%;
  left: 50%;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
  position: absolute;
  left: 0;
  margin-left: 0;
  top: 0;
  margin-top: 0;
  font-size: 48px;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools {
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #020024;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 0, 12, 0)), to(rgba(1, 0, 12, 0.65)));
  background: -o-linear-gradient(top, rgba(1, 0, 12, 0) 0%, rgba(1, 0, 12, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(1, 0, 12, 0) 0%, rgba(1, 0, 12, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0001000c', endColorstr='#a601000c', GradientType=0);
  padding-top: 40px;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
  opacity: 0;
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  z-index: 1;
  padding-left: 3%;
  padding-top: 15px;
  padding-bottom: 13px;
  pointer-events: none;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools .downloads-item-info {
  opacity: 0;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:hover .downloads-item-tools,
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.selected .downloads-item-tools,
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:hover .downloads-item-main {
  opacity: 1;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-title,
.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info {
  color: #ffffff;
  padding-right: 75px;
}

html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools,
html.touch .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
  opacity: 1;
}

.thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info .item-info-type {
  color: #ffffff;
  font-size: 14px;
}

.multiple-content .downloads-main .downloads-container.latest-main,
.multiple-content .downloads-main .downloads-container.people-faces {
  padding-top: 40px;
  margin-top: 0;
}

.multiple-content .downloads-main .downloads-container.people-faces,
.downloads-main .people-faces .separator .separator-container {
  background-color: rgba(185, 186, 188, 0.07);
}

.people-faces .downloads-item-tools,
.latest-main .tool-select {
  display: none;
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li {
  border: none;
  max-width: 200px;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li .downloads-item-top-container {
  background: none;
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li .downloads-item-title {
  font-weight: bold;
  font-size: 16px;
}

.downloads-main .latest-main .separator .separator-container,
.downloads-main .people-faces .separator .separator-container {
  font-size: 24px;
  color: var(--titles-color);
  font-weight: bold;
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li .downloads-item-top-container img {
  border: 2px solid var(--light-grey-color);
  -webkit-transition: border-color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, -webkit-box-shadow 0.15s;
  -o-transition: border-color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}

.thumbnails-view.downloads-main .downloads-container.people-faces>ul li:hover .downloads-item-top-container img {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.simple-view.thumbnails-view.downloads-main .downloads-container {
  padding: 0 30px;
}

.primary-content .simple-view.thumbnails-view.downloads-main .downloads-container {
  padding: 0;
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul {
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s var(--easing);
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul.isotope-loaded {
  opacity: 1;
  transition: opacity 0.3s var(--easing);
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li {
  width: 33.3333%;
  border: none;
  margin: 0;
  padding: 2px;
  transition: all 0.3s var(--easing);
}



.simple-view.thumbnails-view.downloads-main .downloads-container>ul li:hover {
  transform: scale(1.1);
  z-index: 999;
  transition: all 0.3s var(--easing);
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
  height: auto;
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
  width: 100% !important;
  max-width: 100%;
  max-height: none;
  border-radius: 4px;
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main,
.simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-tools {
  opacity: 0;
  position: absolute;
  bottom: 8px;
  background: #00000094;
  left: 8px;
  right: 8px;
  border-radius: var(--border-radius-sm);
  transition: opacity .5s var(--easing);
  pointer-events: none;
  padding: 7px;
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main * {
  color: #ffffff !important;
  font-size: 12px !important;
}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li:hover .downloads-item-main {
  pointer-events: all;
  opacity: 1;

}

.simple-view.thumbnails-view.downloads-main .downloads-container>ul li.type-2 .downloads-item-top-container i {
  display: none;
}

.simple-view.downloads-main>section>header form .header-title {
  display: none
}

.simple-view.downloads-main header .filters-select {
  margin-left: auto;
  margin-right: 0;
}

.downloads-filters.submenu-list>ul>li.toggle-col {
  height: 76px;
  margin-bottom: 0 !important;
  display: none;
}

.downloads .primary-content .simple-view .details-view .downloads-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

#vertical-menu:has(#downloads-main-photo .details-view) div#latest-photo .details-view {
  display: none;
}



.more-items-item>.toggle-bt,
.toggle-bt {
  height: 44px;
  width: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--grey-color);
  cursor: pointer;
  border-radius: 50%;
}

.toggle-bt:hover {
  color: var(--main-color);
}

.toggle-bt i {
  font-size: 32px !important;
  line-height: 32px;
  padding: 0;
  width: auto;
}

.downloads-main .filter-types a.filters-toggle,
.filters-toggle,
.lightbox-toggle,
.search-toggle {
  display: none;
  border: none;
  border-radius: 0;
  padding-left: 14px;
  width: 30px;
  height: 30px;
  margin-right: 30px;
}

.downloads-main .filter-types a.filters-toggle:hover,
.filters-toggle:hover,
.lightbox-toggle:hover,
.search-toggle:hover {
  color: var(--main-color);
  background-color: transparent !important;
}

.preview-media {
  width: 50%;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: sticky;
  top: calc(var(--header-height) + 20px);
}

.preview-media videogular {
  aspect-ratio: 16/9;
}

.preview-media img {
  max-width: 700px;
  width: 100%;
}

.item-info .preview-media .item-info-type {
  margin-top: -22px;
  line-height: 110px;
  display: block;
  text-align: right;
  font-size: 100px
}

.file-zip .preview-media,
.file-xls .preview-media,
.file-xlsx .preview-media,
.file-docx .preview-media,
.file-doc .preview-media,
.file-pdf .preview-media,
.file-zip .preview-details,
.file-xls .preview-details,
.file-xlsx .preview-details,
.file-docx .preview-details,
.file-doc .preview-details,
.file-pdf .preview-details {
  margin: 0 auto;
  display: block;
  padding: 0;
  float: none;
  max-width: 600px;
  min-width: 320px;
}

.file-zip .preview-media .item-info-type,
.file-xls .preview-media .item-info-type,
.file-xlsx .preview-media .item-info-type,
.file-docx .preview-media .item-info-type,
.file-doc .preview-media .item-info-type,
.file-pdf .preview-media .item-info-type {
  max-width: 100px;
  margin-left: -23px;
  margin-bottom: 10px;
}

.file-zip .preview-media,
.file-xls .preview-media,
.file-xlsx .preview-media,
.file-docx .preview-media,
.file-doc .preview-media,
.file-pdf .preview-media {
  aspect-ratio: 10 / 9;
  background-color: var(--light-grey-color);
  border-radius: var(--border-radius-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.preview-details {
  width: 50%;
  max-width: 600px;
  min-width: 320px;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.preview-details .preview-text .item-title {
  margin-top: 0;
  color: #000000;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: none;
}

.preview-details .preview-text .item-info>*,
.preview-details>* {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}

.preview-details .preview-link .preview-link-title {
  font-weight: bold;
  padding: 10px 20px;
  margin: 0;
  background-color: var(--light-grey-color);
}

.preview-details .preview-text .item-info>*:not(.item-info-type) {
  color: var(--dark-grey-color);
}

.preview-details .preview-link,
.preview-details .preview-bottom {
  margin-top: 20px;
  color: var(--dark-grey-color);
  border: 2px solid var(--light-grey-color);
  border-radius: 4px;
}

.preview-bottom .share-combo label {
  margin-right: 10px;
  margin-bottom: 0;
}

.preview-bottom a {
  padding: 5px 20px;
  color: var(--dark-grey-color);
}

.preview-bottom a.lightbox-bt i {
  color: var(--light-grey-color);
  margin-top: -2px;
  font-size: 30px;
  margin-left: -2px;
}

.preview-bottom a.lightbox-bt:hover i {
  color: #ffae00;
}

.preview-bottom a i {
  font-size: 24px;
  padding-right: 10px;
}

.preview-bottom a.lightbox-bt:hover {
  color: #000000;
}

.preview-bottom a.share-bt i {
  font-size: 24px;
  padding-left: 10px;
  padding-right: 0;
}

.preview-bottom a:hover {
  color: #000000;
  background-color: var(--extra-light-grey-color);
}

.preview-link a {
  color: var(--dark-grey-color);
  padding: 5px 20px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.preview-link a i {
  font-size: 30px;
}

.preview-link a .UIcon-reload {
  display: flex;
  width: 25px;
  height: 45px;
  align-items: center;
}

.preview-link a .UIcon-reload:before {
  content: " ";
  display: block;
  width: 25px;
  height: 25px;
  margin: 0px;
  border-radius: 50%;
  border: 3px solid var(--dark-grey-color);
  border-color: var(--dark-grey-color) transparent var(--dark-grey-color) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.preview-link a:hover {
  color: #000000;
}

.preview-details .preview-link ul {
  margin: 0;
  padding: 0;
}

.preview-details .preview-link ul li {
  border-bottom: 1px solid var(--light-grey-color);
  width: 100%;
}

.preview-details .preview-link ul li:hover {
  background-color: var(--extra-light-grey-color);
}

.preview-details .preview-link ul li:last-child {
  border: none;
}

.tags-list {
  margin: 20px 0;
  padding-left: 0;
  pointer-events: none;
}

.tags-list .tag-element {
  margin: 0 10px 10px 0;
  width: auto;
  padding: 5px 15px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #e0e4e8;
  font-size: 14px;
}

.tags-list .tag-element:hover {
  background-color: #818892;
}

.tags-list .tag-element:hover a {
  color: #ffffff;
}

.tags-list .tag-element a {
  color: #818892;
}

.landing-events.more-items ul:before {
  display: none;
}

.landing-events.more-items ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  vertical-align: top;
  background: transparent;
  background-color: #ffffff;
  max-width: 100%;
  -webkit-transition: border-color 0.15s, background 0.15s;
  -o-transition: border-color 0.15s, background 0.15s;
  transition: border-color 0.15s, background 0.15s;
  overflow: hidden;
  border: 2px solid rgba(160, 166, 175, 0.5);
  border-radius: 4px;
}

.landing-events.more-items ul li:hover {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.landing-events.more-items ul li>a {
  height: 200px;
  overflow: visible;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.landing-events.more-items ul li>a img {
  width: auto;
  max-width: 80%;
  height: auto;
  padding: 0;
  max-height: 200px;
}

.landing-events.more-items ul li .wrapper {
  text-align: center;
  margin: 0;
  max-width: 80%;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.landing-events.more-items ul li .wrapper h2 {
  min-height: 10px;
  font-size: 24px;
  font-weight: 100;
}

.landing-events.more-items ul li .wrapper h2 a {
  color: var(--dark-grey-color);
}

.landing-events.more-items ul li .wrapper .plus {
  display: none;
}

.modal-lightbox .md-content ul {
  padding-left: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
  max-height: 400px;
  overflow: auto;
}

.modal-lightbox .control-group .controls.buttons {
  width: auto;
}

.modal-lightbox .md-content ul li {
  border-bottom: 1px solid var(--light-grey-color);
  width: 100%;
}

.modal-lightbox .md-content ul li .tool-favorite.active {
  color: #4CAF4D;
}

.modal-lightbox .md-content ul li .lightbox-bt {
  color: var(--dark-grey-color);
  padding: 5px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.modal-lightbox .lightbox-name {
  display: block;
}

.lightbox-bt .lightbox-created-at,
.lightbox-bt .lightbox-last-update {
  font-size: 12px;
  margin-right: 5px;
}

/* Galleries view */
.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-title {
  font-weight: bold;
  font-size: 16px;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li {
  overflow: visible;
  position: relative;
  z-index: 1;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:before {
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  background: var(--light-grey-color);
  border-radius: 4px;
  max-width: 100%;
  -webkit-transition: border-color 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
  -o-transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, margin 0.15s, -webkit-box-shadow 0.15s;
  overflow: hidden;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: -10px;
  margin-top: 10px;
  z-index: -1;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:hover,
.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li:hover:before {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-main,
.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-tools {
  background-color: #ffffff;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-tools a {
  font-size: 22px;
  color: var(--grey-color);
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container {
  height: auto;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container>ul li .downloads-item-top-container img {
  max-width: 100%;
  max-height: none;
}

.breadcrum-arrow {
  margin-right: 10px;
  margin-left: 10px;
  color: #000000;
  font-size: 16px;
}


#download-toast-event {
  position: fixed !important;
  bottom: 50px !important;
  right: 50px !important;
  width: 30% !important;
  height: auto !important;
  color: #ddd !important;
  background: var(--dark) !important;
  z-index: 2 !important;
  border-radius: var(--border-radius-lg) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
}

#download-toast-event p {
  color: #fff;
  background: transparent !important;
}

/* MEDIACENTER ADVANCE SEARCH & NEW FEATURES */

.as-item {
  margin-bottom: 5px;
}

header.as-item {
  margin-bottom: 30px;
}

.as-item h4 {
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  color: #000;
  font-size: 15px;
}

.as-item h4 i {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.as-item .toggle-bt {
  height: auto;
}

.as-full-width.as-item-container {
  width: 100%;
}

.as-item-container,
.as-item-container .control-group.search,
.as-item-container.as-full-width .control-group.select {
  width: 68%;
  flex: none;
  margin-right: 10px;
}

.as-item-container .control-group.select {
  position: relative;
}

.as-item-container .control-group.select:before {
  content: "\f3d0";
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #000;
  right: 20px;
  font-size: 20px;
  z-index: 1;
  pointer-events: none;
}

.as-item-container .control-group.select select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}

.as-item-container {
  padding-bottom: 10px;
  padding-top: 10px;
  color: #000;
}

.as-item-container .control-group.button {
  background: transparent;
  overflow: visible;
  border: none;
}

.as-item-container .control-group.button button {
  border-radius: 22px;
}

.as-item-container .control-group.button button:focus {
  border: none;
  outline: none;
}

.as-item-container .control-group {
  border: 1px solid #ddd;
  border-radius: 22px;
  background-color: #ffffff;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -webkit-align-content: center;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
}

.as-item-container .control-group .controls {
  margin: 0;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.as-item-container .control-group .controls i {
  width: 31px;
  flex: none;
  text-align: right;
  font-size: 23px;
}

.as-item-container .control-group .controls a {
  margin-top: 0;
  margin-bottom: 0;
  width: 37px;
  color: var(--grey-color);
  text-align: right;
  flex: none;
}

.as-item-container .control-group .controls button {
  height: 34px;
}

.as-item-container .control-group .controls .input-block-level {
  height: 35px;
  padding: 5px 15px;
  border: none;
  width: 100%;
  outline: none !important;
}

.as-item-container .control-group .controls select,
.as-item-container .control-group .controls select:focus {
  border: none;
  text-align: left;
}

.as-item-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}

.as-item-title i {
  font-size: 17px;
  margin-right: 10px;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}

.as-item-description {
  color: var(--dark-grey-color);
  font-style: italic;
  line-height: 1.2;
  font-size: 13px;

}

.as-switch .as-item-container>*:first-child {
  width: 100%;
}

.as-item-container .as-switch-element {
  margin-left: 10px;
  margin-top: 2px;
}

.as-switch-element {
  position: relative;
  display: flex;
  height: 20px;
  width: 40px;
  align-items: center;
  letter-spacing: 1px;
  font-size: 14px;
  flex: none;

}

.as-switch-element input {
  opacity: 0;
  width: 0;
  height: 0;
}

.as-switch-element .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: auto;
  right: 0px;
  bottom: 0;
  background-color: var(--grey-color);
  -webkit-transition: .4s;
  transition: .4s;
  width: 40px;
}

.as-switch-element .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.as-switch-element input:checked+.slider {
  background-color: var(--primary);
}



.as-switch-element input:checked+.slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}


/* Rounded sliders */
.as-switch-element .slider.round {
  border-radius: 34px;
}

.as-switch-element .slider.round:before {
  border-radius: 50%;
}

.as-tags-group {
  margin-bottom: 20px;
  margin-top: 15px;
  margin-left: 20px;
}

.as-tags-group ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.as-tags-group ul li {
  margin-right: 5px;
  margin-bottom: 10px;
  display: flex;
}

.as-tags-group ul li a {
  background: #FFFFFF;
  border-radius: 22px;
  height: 30px;
  text-align: center;
  color: var(--grey-5);
  padding: 0 15px;
  line-height: 30px;
}

.as-tags-group ul li a:hover {
  background: var(--dark-text-color);
}

.as-tags-group .as-item-title {
  font-size: 14px;
}

.as-tags-group .as-item-title i:before {
  content: "\f35b";
  display: inline-block;
  font-family: "Ionicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.downloads-main>section>header .filters-select:has(span) i {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  opacity: .3;
}

.downloads-main>section>header .filters-select.active i {
  opacity: 1;
}

.icon-advance-search {
  background: url(../img/advanced-search.svg) center center transparent no-repeat;
  background-size: contain;
}

.icon-lightboxes {
  background: url(../img/lightboxes.svg) center center transparent no-repeat;
  background-size: contain;
}

.icon-lightboxes-share {
  background: url(../img/lightboxes-share.svg) center center transparent no-repeat;
  background-size: contain;
}

/* LIGHTBOXES */

.lb-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 37px;
  width: calc(100% - 36px) !important;
}

.lb-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.lb-item .filter-count {
  margin-left: 5px;
  font-weight: normal;
  font-size: 13px;
  margin-top: 2px;
}

.actions-list {
  font-size: 20px;
  flex: none;
  margin-left: 20px;
  display: flex;
}

.actions-list a {
  color: var(--text-color);
  margin-left: 7px;
}

.lb-item .as-item-title .icon-group-line {
  font-size: 14px;
  margin-left: 9px;
  display: inline-block;
  vertical-align: middle;
}

.actions-list a.shared {
  font-size: 16px;
  line-height: 30px;
}

.actions-list a.green-icon {
  color: #4cae4c;
}

.actions-list a.red-icon {
  color: var(--orange);
}

.actions-list a.active {
  color: var(--selected-items-color);
}

.actions-list a.green-icon,
.actions-list a.red-icon {
  font-size: 24px;
  display: flex;
}

.btn-text-icon .btn-circle {
  margin-left: 10px;
  font-size: 20px;
}

#downloads-filters-favorites .as-item-container .control-group {
  margin-left: 0;

}

#downloads-filters-favorites .as-item-title {
  cursor: pointer;
  margin-bottom: 0;
}

.modal-grey {
  border-radius: 5px;
  overflow: hidden;
}

.modal-grey .md-content {
  background-color: var(--related-content-color);
}

.modal-grey .md-content .md-header {
  background: transparent;
}

.modal-grey .md-content .md-header .md-header-title,
.modal-grey .md-content .md-header .md-close {
  color: var(--text-color);
}

.modal-grey .md-content .md-header-text {
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 25px;
}

.modal-grey .md-content ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 30px;
  margin-top: 10px;
  padding-bottom: 0;
  max-height: 400px;
  overflow: auto;
}

.modal-grey .md-content>* {
  padding-top: 10px;
}

.modal-grey .control-group .controls.buttons {
  width: auto;
}

.modal-grey .md-content ul li {
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  width: 100%;
}

.modal-grey .md-content ul li:first-child {
  border-top: 1px solid rgba(0, 0, 0, .15);
}

.modal-grey .md-content ul li:hover {
  background: #d1d3d9;
}

.modal-lightbox .md-content ul li .tool-favorite.active {
  color: #4CAF4D;

}

.modal-grey .md-content ul li .lightbox-bt {
  color: var(--dark-grey-color);
  padding: 7px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
}

.modal-grey .lightbox-name {
  display: block;
  color: var(--text-color);
}

.lightbox-bt .lightbox-created-at,
.lightbox-bt .lightbox-last-update {
  font-size: 12px;
  margin-right: 5px;
}

.share-box.lb-item {
  padding: 20px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: none;
}

.share-box .md-header-text {
  margin-bottom: 10px;
}

.share-box button {
  margin-left: 10px !important;
}

.btn-rounded {
  border-radius: 30px;
}

.btn-circle {
  border-radius: 100%;
  height: 30px;
  width: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.btn-lg.btn-circle {
  height: 50px;
  width: 50px;
}

@media only screen and (max-width: 1280px) {

  .as-item-container,
  .as-item-container .control-group.search {
    width: 100%;
    margin-right: 0;
  }

  .as-item-container {
    position: relative
  }

  .as-item-container .control-group.search .controls i {
    display: none;
  }

  .as-item-container .control-group.search .controls .input-block-level {
    padding-right: 40px;
  }

  .as-item-container .control-group.button {
    width: 35px;
  }

  .as-item-container .control-group.button:not(.button-reset) {
    position: absolute;
    right: 0;
  }

  .as-item-container .control-group.button button {
    color: transparent;
    padding: 0;
    height: 35px;
  }

  .as-item-container .control-group.button button:before {
    content: "\f0d1";
    font-family: "remixicon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #fff;
    font-size: 22px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    line-height: 34px;
    padding-right: 2px;
  }

  .as-item-container .control-group.button.button-reset button:before {
    content: "\EB98";
    font-family: "remixicon";
  }

  .as-item-container.as-full-width .control-group.select {
    width: calc(100% - 45px);
  }
}

@media only screen and (max-width: 1024px) {

  .downloads-main>section>header .filters-select span {
    display: none;
  }

}

@media only screen and (max-width: 1023px) {
  .advanced-search .layout-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}



/* Newsletter */
#press-release .tabs-content iframe {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: none;
}

.hidden-related .filters-toggle,
.hidden-related .lightbox-toggle,
.hidden-related .search-toggle,
.hidden-related .downloads-main .filter-types a.filters-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  border: none;
}

i.border.UIcon,
i.rounded.UIcon,
i.square.UIcon,
i.transparent.UIcon,
span.border.UIcon,
span.rounded.UIcon,
span.square.UIcon,
span.transparent.UIcon,
i.border.ion,
i.rounded.ion,
i.square.ion,
i.transparent.ion,
span.border.ion,
span.rounded.ion,
span.square.ion,
span.transparent.ion,
i.transparent.ion-md-star {
  font-size: 28px;
}

[layout-align="start stretch"],
[layout-align] {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
}

[layout-align="start stretch"],
[layout-align=start],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"] {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

[layout-align=center],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

[layout-align=end],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

[layout-align=space-around],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

[layout-align=space-between],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-around start"],
[layout-align="space-between start"] {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -webkit-align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-around center"],
[layout-align="space-between center"] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -webkit-align-content: center;
  max-width: 100%;
}

[layout-align="start center"]>*,
[layout-align="center center"]>*,
[layout-align="end center"]>*,
[layout-align="space-around center"]>*,
[layout-align="space-between center"]>* {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-around end"],
[layout-align="space-between end"] {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-align-items: flex-end;
  -webkit-align-align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-around stretch"],
[layout-align="space-between stretch"] {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -webkit-align-content: stretch;
}

[layout=row],
[layout=column],
[layout] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[layout=column] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[layout=row] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* ==========================================================
   MEDIACENTER MEDIA QUERIES
   ========================================================== */
/* Large screen
  ========================================================== */
@media only screen and (min-width: 2000px) {
  :root {
    --related-content-width: 380px
  }

  .downloads-main.widget>section,
  form.ng-submitted #search-main.downloads-main.widget>section {
    padding-right: 380px;
  }

  .fixed-content .downloads-main>section>header form {
    padding-right: 0;
  }

  .downloads-main .separator {
    right: 380px;
  }

}

@media only screen and (min-width: 1680px) {
  .no-results-container {
    font-size: 40px;
  }

  .no-results-button {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .thumbnails-view.downloads-main .downloads-container>ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li {
    width: calc(25% - var(--gap));
  }

  .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
    height: 180px;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
    max-height: 150px;
  }

  .downloads-main .separator .separator-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .downloads-main>section>header form .header-title {
    margin-left: 20px;
    font-size: 12px;
  }

  .downloads-main .main-view.column.related-content .widget {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .fixed-content .downloads-main>section.details-view>header form .close-bt {
    margin-right: 20px;
  }

  .downloads-main .filter-types a.filters-toggle,
  .downloads-main .filters-select,
  .downloads-main .filters-toggle,
  .downloads-main .lightbox-toggle,
  .downloads-main .search-toggle {
    margin-right: 20px;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-title,
  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-info {
    font-size: 12px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 1280px) {

  .downloads-main.widget>section,
  form.ng-submitted #search-main.downloads-main.widget>section {
    padding-right: 270px;
  }

  .downloads-main .downloads-container {
    margin-top: 64px;
  }

  .downloads-main .related-content {
    width: 270px;
    max-width: 270px;
    min-width: 10px;
  }

  .fixed-content .downloads-main>section>header {
    height: 65px;
  }

  .downloads-main>section>header form .header-title .header-logo {
    max-height: 53px;
  }

  .downloads-main .separator {
    right: 270px;
    top: calc(var(--header-height) + 65px);
  }

  .downloads-filters.submenu-list>ul>li.toggle-col {
    height: 65px;
  }

  .downloads-filters.submenu-list>ul>li.dates {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
  }

  .downloads-filters.submenu-list>ul>li.dates .date:first-child,
  .downloads-filters.submenu-list>ul>li.dates .date:last-child {
    margin: 0 0 20px 0;
  }

  .downloads-filters.submenu-list>ul>li .controls {
    height: 40px;
  }

  .downloads-filters.submenu-list>ul>li .controls input {
    height: 40px;
  }

  .downloads .details-view .downloads-container,
  .downloads .loading,
  .downloads .no-results-container {
    margin-top: 65px;
  }

  .landing-events.more-items ul li>a {
    height: 150px;
  }

  .landing-events.more-items ul li>a img {
    max-height: 150px;
  }

  .landing-events.more-items ul li .wrapper h2 {
    font-size: 20px;
  }

  .uib-day .btn,
  .uib-daypicker th .btn,
  .uib-month .btn,
  .uib-monthpicker th .btn,
  .uib-year .btn,
  .uib-yearpicker th .btn {
    padding-left: 0;
    padding-right: 0;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
    min-width: 100%;
    left: auto !important;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup table {
    width: 100%;
  }

  .thumbnails-view.downloads-main .downloads-container.people-faces>ul li {
    max-width: none;
    width: calc(20% - 20px);
  }
}

/* Tablet devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 1024px) {
  .thumbnails-view.downloads-main .downloads-container>ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li {
    width: calc(33.3333333% - var(--gap));
  }

  .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container {
    height: 180px;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-top-container img {
    max-height: 150px;
  }

  .downloads-main>section>header form .header-title.large .gallery-breadcrum-icon {
    display: block;
  }

  .downloads-main>section>header form .header-title.large .gallery-breadcrum-name {
    display: none;
  }

  .downloads-main>section>header form .header-title.large>span:last-child .gallery-breadcrum-name {
    display: flex;
  }

  .downloads-main>section>header form .header-title.large>span:last-child .gallery-breadcrum-icon {
    display: none;
  }

  .downloads-main>section>header .search input {
    min-width: 200px;
  }

  .downloads-main>section>header .control-group .controls i {
    font-size: 22px;
  }

  .downloads-main:not(.full-width)>section>header {
    top: 50px;
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li:nth-child(4n+1) {
    width: 50%;
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li {
    width: 25%;
  }

  .small-text .more-items-item .wrapper h2,
  .small-text .slide-content .slide-title {
    font-size: 13px;
  }

  .quick-links .more-items-list .more-items-item {
    width: calc(100px - var(--gap));
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li {
    width: 50%;
  }
}

/* Tablet devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 1023px) {

  .downloads-main.widget>section,
  form.ng-submitted #search-main.downloads-main.widget>section {
    padding-right: 0;
  }

  .fixed-content .downloads-main>section>header form {
    padding-right: 0;
  }

  .downloads-main .related-content {
    width: 50%;
    max-width: 50%;
  }

  .downloads-main .filter-types a {
    margin: 0 5px;
  }

  .downloads-main .main-view.column.related-content .widget .more-items-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    max-width: 100%;
  }

  .downloads-main .separator {
    right: 220px;
  }

  .downloads-filters.submenu-list>ul>li.dates,
  .downloads-filters.submenu-list>ul>li.toggle-col {
    width: 100%;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li {
    width: calc(50% - var(--gap));
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li {
    text-align: center;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group {
    float: none;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    text-align: center;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li>.btn {
    float: none;
  }

  .downloads-main>section>header .search select.input-block-level {
    padding-left: 10px !important;
  }

  .downloads-main>section>header .search .controls>i {
    display: none;
  }

  .downloads-main .search-toggle {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .downloads-main>section>header .search {
    margin-right: -40px;
  }

  .downloads-main>section>header .search input {
    padding-right: 40px;
  }

  .downloads-main>section>header .off .search {
    display: none;
  }

  .downloads-main>section>header .off .search .custom-select,
  .downloads-main>section>header .off .search input.input-block-level {
    width: 0;
    margin: 0;
    min-width: auto;
    padding: 0;
    overflow: hidden;
  }

  .downloads-main .filter-types a.filters-toggle,
  .downloads-main .filters-select,
  .downloads-main .filters-toggle,
  .downloads-main .lightbox-toggle,
  .downloads-main .search-toggle {
    margin-right: 15px;
  }

  .downloads-main .off .search-toggle {
    margin-right: 15px;
  }

  .downloads-main .search-toggle {
    margin-right: 20px;
  }

  .thumbnails-view.downloads-main .downloads-container.people-faces>ul li {
    width: calc(33.3333% - 20px);
  }

  .primary-content .thumbnails-view.downloads-main .downloads-container>ul li {
    width: calc(50% - ((var(--gap) * 1) / 2));
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li {
    width: 50%;
  }
}

/* Mobile devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 767px) {

  .right-content #right-navigation .menu li {
    display: inline-block !important;
  }

  .downloads #header {
    padding: 0;
  }

  .downloads-filters.submenu-list>ul>li.toggle-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }

  .downloads-main .related-content {
    z-index: 4;
    top: var(--header-height);
    max-width: none;
    bottom: 0;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .downloads-main:not(.full-width) .related-content {
    max-height: 100%;
    position: fixed;
    top: 115px;
  }

  .downloads.fixed-content .related-content {
    top: var(--header-height);
  }

  .downloads-main .main-view.column.related-content .widget:first-child {
    padding-top: 0;
  }

  .downloads-main .related-content.active {
    display: block;
    top: 45px;
  }

  .downloads-main .related-content .widget {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fixed-content.downloads-page .related-content.zone-3>*:first-child {
    padding-top: 20px;
  }

  .downloads #header .wrapper-group>.wrapper.row-two .right-content {
    display: none;
  }

  .downloads #header .wrapper-group>.wrapper.row-two .menu>li.filters {
    display: none;
  }

  .downloads.downloads-page #header .wrapper-group>.wrapper.row-two .menu>li.filters {
    position: fixed;
    right: 0;
    display: block;
    top: 0;
  }

  .downloads #header .wrapper-group>.wrapper.row-two .menu>li.filters {
    display: none !important;
  }

  .fixed-content .downloads-main>section>header,
  .headroom--pinned.fixed-content .downloads-main>section>header,
  .headroom--top.fixed-content .downloads-main>section>header {
    top: var(--header-height);
  }

  .fixed-content .downloads-main>section>header {
    height: 60px;
  }

  .downloads-main .filter-types a {
    padding: 0;
    width: 47px;
  }

  .downloads-main.widget>section {
    padding-right: 0;
  }

  .fixed-content .downloads-main>section>header form {
    padding-right: 0;
  }

  .downloads-main>section>header form .header-title {
    margin-left: 15px;
  }

  .downloads-main>section>header form .header-title .gallery-breadcrum-icon {
    display: block;
  }

  .downloads-main>section>header form .header-title .gallery-breadcrum-name {
    display: none;
    font-size: 12px;
  }

  .downloads-main>section>header form .header-title>span:last-child .gallery-breadcrum-name {
    display: flex;
  }

  .downloads-main>section>header form .header-title>span:last-child .gallery-breadcrum-icon {
    display: none;
  }

  .downloads-main>section>header form>.filter-types:first-child {
    min-width: 100px;
  }

  .fixed-content .downloads-main>section>header .search {
    position: fixed;
    top: 122px;
  }

  .downloads-main>section>header .search {
    margin-right: 0;
    overflow: visible;
    left: 15px;
    right: 15px;
    position: absolute;
    top: 77px;
  }

  .downloads-main>section>header .search .controls {
    background-color: #ffffff;
    border-radius: 22px;
  }

  .downloads-main>section>header .search:before {
    content: "";
    background-color: #d6d9dd;
    position: absolute;
    left: -15px;
    top: -13px;
    height: 64px;
    right: -15px;
  }

  .downloads-main .off .search-toggle,
  .downloads-main .search-toggle {
    margin-right: 15px;
  }

  .downloads-main .downloads-container {
    margin-top: 60px;
  }

  .downloads-main .downloads-container>ul li {
    font-size: 12px;
    padding: 15px 10px;
  }

  .downloads-main .downloads-container>ul li .downloads-item-tools a {
    padding: 0 5px;
  }

  .downloads-main .downloads-container>ul li .downloads-item-top-container i {
    font-size: 45px;
  }

  .downloads-main .downloads-container>ul li .downloads-item-tools {
    width: 70px;
  }

  .downloads-main .downloads-container>ul li .downloads-item-main {
    width: calc(100% - 98px);
  }

  .downloads-main .downloads-container>ul li .downloads-item-title,
  .thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-title {
    font-size: 13px;
  }

  .downloads-main .downloads-container>ul li .downloads-item-info {
    margin-top: 5px;
  }

  .downloads-main>section>header .control-group .controls i {
    padding: 8px 5px;
  }

  .downloads-main>section>header form .input-block-level {
    padding-left: 40px;
  }

  .downloads-main>section>header form .header-title .header-logo {
    max-height: 47px;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-tools {
    padding: 10px 3% 5px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-main {
    padding-bottom: 8px;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul {
    padding-left: 0;
    padding-right: 0;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-child(5n) {
    max-width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 150px;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li,
  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-4,
  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li.type-3 {
    height: 30svh;
    max-width: 49%;
    min-width: 49%;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:nth-child(5n) .downloads-item-top-container img {
    height: auto;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li .downloads-item-top-container img {
    height: 30svh;
  }

  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:not(.type-4):not(.type-3) .downloads-item-title,
  .thumbnails-mosaic.thumbnails-view.downloads-main .downloads-container:not(.galleries-container):not(.people-faces)>ul li:not(.type-4):not(.type-3) .downloads-item-info {
    display: none;
  }

  .hidden-related .filters-toggle,
  .hidden-related .lightbox-toggle,
  .hidden-related .downloads-main .filter-types a.filters-toggle {
    padding-right: 0;
    border: none;
    width: 24px;
    padding-left: 0;
  }

  .hidden-related .filters-toggle i,
  .hidden-related .lightbox-toggle i,
  .hidden-related .downloads-main .filter-types a.filters-toggle i {
    font-size: 28px !important;
  }

  .downloads-filters.submenu-list>ul>li.toggle-col {
    height: 60px;
  }

  .more-items-item>.toggle-bt,
  .toggle-bt {
    width: 21px;
  }

  .toggle-bt i {
    font-size: 28px !important;
  }

  .toggle-bt i:not(.icon-close-circle-line):before {
    content: "\f2c0";
  }

  .downloads-main .separator {
    position: relative;
    top: auto;
    border-bottom: 1px solid var(--main-background);
  }

  .downloads-main .separator .separator-container {
    padding: 0 15px;
  }

  .downloads-filters.submenu-list>ul>li.filter-types {
    margin-bottom: 20px;
  }

  .downloads-filters.submenu-list>ul>li.filter-types a {
    width: 28px;
  }

  .downloads-filters.submenu-list>ul>li.filter-types a:first-child {
    margin-left: 0;
  }

  .downloads-filters.submenu-list>ul>li.filter-types a:last-child {
    margin-right: 0;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group {
    float: left;
    width: auto;
    padding: 0;
    text-align: left;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li>.btn {
    float: right;
  }

  .thumbnails-view.downloads-main .downloads-container>ul {
    padding-left: 15px;
    padding-right: 15px;
  }

  .thumbnails-view.downloads-main .downloads-container>ul li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .thumbnails-view.downloads-main .downloads-container.galleries-container>ul li {
    margin-left: 10px;
  }

  .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header,
  .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .downloads-main .downloads-container>ul li .downloads-item-info .item-info-extra {
    display: none;
  }

  .downloads-main>section>header .show-hide-filters {
    display: none;
  }

  .preview-details {
    padding-left: 0;
    width: 100%;
    min-width: 10px;
  }

  .preview-details .preview-text .item-title {
    font-size: 22px;
  }

  .preview-link a,
  .preview-bottom a,
  .preview-details .preview-link .preview-link-title {
    padding-left: 15px;
    padding-right: 15px;
  }

  .downloads .details-view .downloads-container>.item-info {
    flex-wrap: wrap;
    gap: 20px;
  }

  .preview-media {
    padding-right: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    top: auto;

  }

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

  .item-info .preview-media .item-info-type {
    text-align: left;
    margin: 0 0 0 -20px;
    line-height: 100px;
    font-size: 100px;
  }

  .downloads .details-view .downloads-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
  }
  .downloads #primary-content .details-view .downloads-container {
    padding: 20px 15px;
  }
  .primary-related .downloads-main.widget .details-view {
    border-radius: 0;
    left: 0;
    top: calc(var(--header-height));
    right: 0;
    bottom: 0;
  }
  .downloads .details-view.lightbox-view .downloads-container {
    padding-top: 0;
  }

  .fixed-content .downloads-main>section.details-view>header form .close-bt {
    margin-right: 15px;
  }

  .downloads .details-view.lightbox-view .downloads-container .separator-container {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }

  .landing-events.more-items ul li>a {
    height: 200px;
  }

  .landing-events.more-items ul li>a img {
    max-height: 200px;
  }

  .lightbox-bt .lightbox-created-at,
  .lightbox-bt .lightbox-last-update {
    display: block;
  }

  .modal-lightbox .md-content ul {
    max-height: 300px;
  }

  .modal-lightbox .control-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal-lightbox .control-group .controls.buttons {
    margin-top: 10px;
    width: 100%;
  }

  #more-news li.more-items-item {
    padding: 0;
  }

  .breadcrum-arrow {
    margin: 0 5px;
  }

  .thumbnails-view.downloads-main .downloads-container.people-faces>ul li {
    width: 50%;
  }

  .downloads-main .latest-main .separator,
  .downloads-main .people-faces .separator {
    border: none;
  }

  .downloads-main .latest-main .separator .separator-container,
  .downloads-main .people-faces .separator .separator-container {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .downloads .details-view .downloads-container {
    margin-top: 0px;
  }

  .primary-content .thumbnails-view.downloads-main .downloads-container>ul li {
    width: 100%;
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li .downloads-item-main {
    left: 2px;
    bottom: 2px;
    right: 2px;
    padding: 4px 4px;
    max-height: calc(100% - 4px);
    overflow: auto;
  }

  .simple-view.downloads-main .downloads-container>ul li .downloads-item-info {
    margin: 0;
  }

  .simple-view.downloads-main .downloads-container>ul li .downloads-item-title {
    line-height: 1.1;
    font-size: 11px !important;
  }




}


/* MEDIACENTER EXCLUSIVE CSS PLUGINS */
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs__container {
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Helvetica', Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs__container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed,
.mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url('../img/mejs-controls.svg') no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover>.mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url('../img/mejs-controls.svg') -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

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

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

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*='display: none']) {
  background: rgba(255, 0, 0, 0.7);
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button>button {
  background: transparent url('../img/mejs-controls.svg');
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs__button>button:focus {
  outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play>button {
  background-position: 0 0;
}

.mejs__pause>button {
  background-position: -20px 0;
}

.mejs__replay>button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 30px 0;
  }
}

@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 30px 0;
  }
}

.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  -o-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  -o-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #ffffff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button>button {
  background-position: -80px 0;
}

.mejs__unfullscreen>button {
  background-position: -100px 0;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute>button {
  background-position: -60px 0;
}

.mejs__unmute>button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button>.mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}

.mejs__captions-button>button {
  background-position: -140px 0;
}

.mejs__chapters-button>button {
  background-position: -180px 0;
}

.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button>.mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #ffffff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
  color: #21f8f8;
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #ffffff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #ffffff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}

.mejs__overlay-error>img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs__cannotplay,
.mejs__cannotplay a {
  color: #ffffff;
  font-size: 0.8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

/* End: Error */
.mejs__chromecast-button>button,
.mejs-chromecast-button>button {
  --disconnected-color: #ffffff;
  background: none;
  display: inline-block;
}

.mejs__chromecast-container,
.mejs-chromecast-container {
  background: #000;
  color: #ffffff;
  font-size: 10px;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mejs__chromecast-layer>img,
.mejs-chromecast-layer>img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.mejs__chromecast-icon,
.mejs-chromecast-icon {
  background: url('../img/chromecast.svg') no-repeat 0 0;
  display: inline-block;
  height: 14px;
  margin-right: 5px;
  width: 17px;
}

.mejs__qualities-button,
.mejs-qualities-button {
  position: relative;
}

.mejs__qualities-button>button,
.mejs-qualities-button>button {
  background: transparent;
  color: #ffffff;
  font-size: 11px;
  line-height: normal;
  margin: 11px 0 0;
  width: 36px;
}

.mejs__qualities-selector,
.mejs-qualities-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  height: 100px;
  left: -10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: -100px;
  width: 60px;
}

.mejs__qualities-selector ul,
.mejs-qualities-selector ul {
  display: block;
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__qualities-selector li,
.mejs-qualities-selector li {
  color: #ffffff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0 10px;
}

.mejs__qualities-selector li:hover,
.mejs-qualities-selector li:hover {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.mejs__qualities-selector input,
.mejs-qualities-selector input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__qualities-selector label,
.mejs-qualities-selector label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 0 0;
  width: 55px;
}

.mejs__qualities-selected,
.mejs-qualities-selected {
  color: #21f8f8;
}

.mejs__vrview-button>button,
.mejs-vrview-button>button {
  background: url('../img/cardboard.svg') no-repeat 0 4px;
}

tags-input {
  display: block;
  padding: 0 !important;
  height: auto !important;
}

tags-input *,
tags-input:after,
tags-input:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #585858;
}

tags-input .host {
  position: relative;
  height: 100%;
}

tags-input .host:active {
  outline: 0;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 12px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: rgba(224, 228, 232, 0.38);
  height: 100%;
}

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

tags-input .tags .tag-item {
  margin: 2px;
  padding: 4px 13px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 33px;
  line-height: 25px;
  border: none;
  border-radius: 25px;
  background: var(--light-grey-color);
}

tags-input .tags .tag-item.selected {
  background: -o-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #febbbb), color-stop(45%, #fe9090), to(#ff5c5c));
  background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
}

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer;
  vertical-align: middle;
  font: 700 16px Arial, sans-serif;
  color: #585858;
}

tags-input .tags .input.invalid-tag,
tags-input .tags .tag-item .remove-button:active {
  color: red;
}

tags-input .tags .input {
  border: 0;
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  height: 33px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
}

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

tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}

tags-input[disabled] .host:focus {
  outline: 0;
}

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}

tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: -o-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f9ff), color-stop(47%, rgba(203, 235, 255, 0.75)), to(rgba(161, 219, 255, 0.62)));
  background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}

tags-input .autocomplete .suggestion-item.selected,
tags-input .autocomplete .suggestion-item.selected em {
  color: #ffffff;
  background-color: #0097cf;
}

tags-input .autocomplete .suggestion-item em {
  font: normal 700 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}




/* ==========================================================
   PLUGINS
   ========================================================== */

/* Calendar */




#schedule-list.tabs-view header~.tabs-content.calendar-content {
  padding-top: 6rem;
}

.month-container {
  display: grid;
  grid-template-columns: repeat(7, 34px);
  row-gap: 2px;
  grid-auto-rows: minmax(34px, auto);
  position: relative;
  padding-top: 55px;
  column-gap: 2px;
  justify-content: space-between;
  height: 100%;
  font-size: 16px;
}

.year-container {
  height: 100%;
}

.year-container.inactiveYear,
.month-container.inactiveMonth {
  display: none;
}

.month-container>div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}

.month-container div.active {
  background-color: var(--white);
  color: var(--dark);
  cursor: pointer;
}

.month-container div.active.event-23,
.month-container div.active.event-3 {
  background-color: var(--yellow);
}

.month-container div.active.event-6 {
  background-color: var(--lightgreen);
}

.month-container div.active.event-7 {
  background-color: var(--women-primary);
}

.month-container div.active.event-20,
.month-container div.active.event-21,
.month-container div.active.event-8,
.month-container div.active.event-9 {
  background-color: white;
}

.month-container div.active.event-6.event-8 {
  background: linear-gradient(45deg, var(--lightgreen) 50%, rgba(255, 255, 255, 1) 50%);
}

.month-container div.active.event-7.event-9,
.month-container div.active.event-7.event-8 {
  background: linear-gradient(45deg, var(--women-primary) 50%, rgba(255, 255, 255, 1) 50%);
}

.month-container div.today {
  background-color: #FA542E;
}

.month-container div.not-selected {
  opacity: 50%;
}

.month-container div.inactive {
  color: #EBEBEB;
  pointer-events: none;
  background: rgba(245, 245, 245, 0.22);


}

.calendar-day {
  color: #fff;
}

.year-container>span {
  display: none;
}

.month-container>span {
  position: absolute;
  font-size: 18px;
  top: 0;
  left: auto;
  font-weight: bold;
  margin: 0 auto;
  color: #fff;
  padding: 10px;
}

#calendar-container {
  transition: margin .5s;
  margin: 0 auto 0 auto;
  max-width: 500px;
  display: flex;
  flex-direction: column-reverse;
  background: var(--light-dark);
  padding: 10px 14px 20px;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  border-radius: var(--border-radius-sm);
}

.calendar-content #toggle-calendar-button {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid var(--dark);
  border-radius: 5px;
  cursor: pointer;
  margin-left: auto;
  margin-top: -56px;
  transform: translate(-6px, 54px);
  background-color: #fff;
}

#general-schedule:not(.filtered) .calendar-content .day-selector {
  display: none !important;
}

#calendar-advertisement-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: .5rem;
  left: 2rem;
  right: 2rem;
}

#calendar-advertisement-container span {
  font-size: 14px;
}

#calendar-container .arrows-container {
  position: absolute;
  right: 24px;
  top: 16px;
  font-weight: bold;
  color: #01010180;
  width: auto;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.calendar-content #toggle-calendar-button:after {
  content: "Clear filters";
  font-size: 16px;
  margin-left: 10px;
}

html[lang="es"] .calendar-content #toggle-calendar-button:after {
  content: "Borrar filtros";
}

html[lang="ca"] .calendar-content #toggle-calendar-button:after {
  content: "Esborrar filtres";
}

#calendar-container .arrows-container>i {
  background-color: rgba(245, 245, 245, 0.22);
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 50%;
}



#content-terrace-list .more-items-item .wrapper time span,
.calendar-content .more-items-item .wrapper time span {
  display: none;
}

.calendar-content .no-results-container {
  margin: 2rem;
}

/* Cookie Dialog */
#gdpr-cookie-message {
  position: fixed;
  left: 0;
  bottom: 30px;
  max-width: 380px;
  padding: 20px;
  border-radius: 0;
  margin-left: 0;
  z-index: 6;
  background: #201f20e0;
}

#gdpr-cookie-message h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 28px;
  color: #ffffff;
  text-transform: uppercase;
  width: 65%;
  line-height: .7;
}

#gdpr-cookie-message h5 {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

#gdpr-cookie-message p,
#gdpr-cookie-message ul {
  color: white;
  font-size: 15px;
  line-height: 1.5em;
}

#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}

#gdpr-cookie-message li {
  width: 49%;
  display: inline-block;
}

#gdpr-cookie-message a {
  color: var(--white);
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover {
  color: white;
  border-bottom-color: var(--white);
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message button,
button#ihavecookiesBtn {
  border: none;
  background: var(--lightblue);
  color: white;
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 0;
  margin-left: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  z-index: 4;
  text-transform: uppercase;
  font-weight: bold;
}

#gdpr-cookie-message button:hover {
  background: white;
  color: #003b47;
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message button#gdpr-cookie-accept,
button#gdpr-cookie-advanced {
  background: #ffffff26;
  color: white;
}

#gdpr-cookie-message button#gdpr-cookie-accept:hover,
button#gdpr-cookie-advanced:hover {
  background-color: var(--cyan);
  color: #fff;
}

#gdpr-cookie-message button:disabled {}

#gdpr-cookie-message input[type="checkbox"] {
  float: none;
  margin-top: 0;
  margin-right: 5px;
}

#ihavecookiesBtn {
  position: fixed;
  right: 35px;
  bottom: 35px;
  max-width: 375px;
  background-color: var(--purple);
  padding: 20px;
  border-radius: 5px;
  margin-left: 30px;
  display: none;
}



/*! locomotive-scroll v4.0.6 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100svh;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
  white-space: nowrap;
  height: 100svh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction="horizontal"] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1);
}

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}



.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.iti__country {
  padding: 5px 10px;
  outline: 0;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
  vertical-align: middle;
}

.iti__country-name,
.iti__flag-box {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0;
}

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../img/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../img/flags@2x.png);
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

.iti__flag {
  background-image: url("../img/flags.png");
}

.iti {
  width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
}

/*
   * The MIT License
   * Copyright (c) 2012 Matias Meno <m@tias.me>
   */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.drop-zone,
.drop-zone * {
  box-sizing: border-box;
}

.drop-zone {
  min-height: 150px;
  border: 2px dashed #0087F7;
  border-radius: 5px;
  background: transparent;
  padding: 20px 20px;
}

.drop-zone.dz-clickable {
  cursor: pointer;
}

.drop-zone.dz-clickable * {
  cursor: default;
}

.drop-zone.dz-clickable .dz-message,
.drop-zone.dz-clickable .dz-message * {
  cursor: pointer;
}

.drop-zone.dz-started .dz-message {
  display: none;
}

.drop-zone.dz-drag-hover {
  border-style: solid;
}

.drop-zone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.drop-zone .dz-message {
  text-align: center;
  margin: 2em 0;
  color: #132246;
}

.drop-zone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  border-radius: 5px;
  background: white;
}

.drop-zone .dz-preview:hover {
  z-index: 1000;
}

.drop-zone .dz-preview:hover .dz-details {
  opacity: 1;
}

.drop-zone .dz-preview.dz-file-preview {
  display: block;
}

.drop-zone .dz-preview.dz-file-preview .dz-image {
  background: none;
  display: none;
}

.drop-zone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
  padding: 10px;
}

.drop-zone .dz-preview.dz-image-preview {
  background: white;
  min-height: 100px;
}

.drop-zone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.drop-zone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.drop-zone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.drop-zone .dz-preview:hover .dz-details {
  opacity: 1;
}

.drop-zone .dz-preview .dz-details {
  z-index: 20;
  opacity: 0;
  font-size: 14px;
  min-width: 100%;
  max-width: 100%;
  padding: 1em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.drop-zone .dz-preview .dz-details .dz-size {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 10px;
  font-size: 14px;
  width: 20%;
  text-align: right;
}

.drop-zone .dz-preview .dz-details .dz-filename {
  width: 80%;
  text-align: left;
  z-index: 1;
  word-break: break-word;
}

.drop-zone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.drop-zone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.drop-zone .dz-preview .dz-details .dz-filename span,
.drop-zone .dz-preview .dz-details .dz-size span {
  padding: 0;
}

.drop-zone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.drop-zone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.drop-zone .dz-preview .dz-image img {
  display: block;
}

.drop-zone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.drop-zone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.drop-zone .dz-preview .dz-success-mark,
.drop-zone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.drop-zone .dz-preview .dz-success-mark svg,
.drop-zone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.drop-zone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.drop-zone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.drop-zone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.drop-zone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.drop-zone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.drop-zone .dz-preview.dz-error .dz-error-message {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.drop-zone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  width: 100%;
  background: var(--cyan);
  background: linear-gradient(to bottom, var(--cyan), #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.drop-zone .btn.delete {
  font-size: 20px;
  background-color: transparent;
  cursor: pointer;
  padding-bottom: 0;
  padding-top: 0;
}

.drop-zone .btn.delete * {
  cursor: pointer;
}

.uib-datepicker table {
  border: none;
  table-layout: fixed;
  width: auto;
  font-size: inherit;
}

.uib-datepicker table th {
  padding: 5px;
}

.uib-datepicker table:focus {
  outline: none;
}

.uib-day,
.uib-daypicker th,
.uib-month,
.uib-monthpicker th,
.uib-year,
.uib-yearpicker th {
  padding: 0;
  text-align: center;
  width: 35px;
}

.uib-daypicker th {
  padding: 5px;
}

.uib-daypicker th>*,
.uib-monthpicker th>*,
.uib-yearpicker th>* {
  float: none;
  width: 100%;
}

.uib-day .btn,
.uib-daypicker th .btn,
.uib-month .btn,
.uib-monthpicker th .btn,
.uib-year .btn,
.uib-yearpicker th .btn {
  border: none;
  border-radius: 0;
}

.uib-day .btn.active,
.uib-daypicker th .btn.active,
.uib-month .btn.active,
.uib-monthpicker th .btn.active,
.uib-year .btn.active,
.uib-yearpicker th .btn.active {
  color: #ffffff;
  background-color: #122346;
}

.uib-daypicker tr:first-child th {
  padding: 5px;
}

.glyphicon {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-right:before {
  content: "\f3d1";
}

.glyphicon-chevron-left:before {
  content: "\f3cf";
}

.dropdown-menu.uib-datepicker-popup {
  padding-top: 0;
}

.downloads-filters.submenu-list>ul>li.dates .date:first-child .uib-datepicker-popup {
  left: 0 !important;
  right: auto !important;
}

/* IMG CROP */
.cropArea {
  overflow: hidden;
  width: auto;
  height: 289px;
  margin-top: 30px;
  padding: 20px;
  background: url(../img/upload.jpg) center center no-repeat #c2c6cf;
  background-size: auto 73%;
}

img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

/* END IMG CROP */



[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
  -o-transition-duration: 50ms;
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: 0.55s;
  -o-transition-duration: 0.55s;
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.55s;
  -o-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: 0.85s;
  -o-transition-duration: 0.85s;
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.85s;
  -o-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: 0.9s;
  -o-transition-duration: 0.9s;
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: 0.95s;
  -o-transition-duration: 0.95s;
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.95s;
  -o-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  -o-transition-duration: 1.05s;
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  -o-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  -o-transition-duration: 1.1s;
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  -o-transition-duration: 1.15s;
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  -o-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  -o-transition-duration: 1.25s;
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  -o-transition-duration: 1.35s;
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  -o-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  -o-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  -o-transition-duration: 1.45s;
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  -o-transition-duration: 1.55s;
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  -o-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  -o-transition-duration: 1.65s;
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  -o-transition-duration: 1.7s;
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  -o-transition-duration: 1.75s;
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  -o-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  -o-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  -o-transition-duration: 1.85s;
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  -o-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  -o-transition-duration: 1.9s;
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  -o-transition-duration: 1.95s;
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  -o-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  -o-transition-duration: 2.05s;
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  -o-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  -o-transition-duration: 2.1s;
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  -o-transition-duration: 2.15s;
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  -o-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  -o-transition-duration: 2.2s;
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  -o-transition-duration: 2.25s;
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  -o-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  -o-transition-duration: 2.3s;
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  -o-transition-duration: 2.35s;
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  -o-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  -o-transition-duration: 2.4s;
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  -o-transition-duration: 2.45s;
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  -o-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  -o-transition-duration: 2.55s;
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  -o-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  -o-transition-duration: 2.6s;
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  -o-transition-duration: 2.65s;
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  -o-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  -o-transition-duration: 2.7s;
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  -o-transition-duration: 2.75s;
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  -o-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  -o-transition-duration: 2.8s;
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  -o-transition-duration: 2.85s;
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  -o-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  -o-transition-duration: 2.9s;
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  -o-transition-duration: 2.95s;
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  -o-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}

[data-aos] {
  pointer-events: none;
}

[data-aos].aos-animate {
  pointer-events: auto;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }

  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0);
  }

  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0);
  }

  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0);
  }

  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0);
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }

  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
    transform: translate3d(0, 100px, 0) scale(0.6);
  }

  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
    transform: translate3d(0, -100px, 0) scale(0.6);
  }

  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
    transform: translate3d(-100px, 0, 0) scale(0.6);
  }

  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
    transform: translate3d(100px, 0, 0) scale(0.6);
  }

  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2);
  }

  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2);
  }

  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2);
  }

  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2);
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden;
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }

  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg);
  }

  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }

  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg);
  }

  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }

  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg);
  }

  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }

  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg);
  }

  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
}

.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-base {
  display: flex;
  display: -webkit-flex;
  pointer-events: none;
  position: absolute;
}

.tooltipster-box {
  flex: 1 1 auto;
}

.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  animation: tooltipster-fading 0.4s;
}

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }

  75% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  animation: tooltipster-rotating 0.6s;
}

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  animation: tooltipster-scaling 0.6s;
}

.tooltipster-sidetip .tooltipster-box {
  background: #000000;
  border: 2px solid #000;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #000000;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #000000;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #000000;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #000000;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: #1b1b1b;
  background: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
  border: 8px solid transparent;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #1b1b1b;
  border-bottom-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #1b1b1b;
  border-left-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #1b1b1b;
  border-right-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #1b1b1b;
  border-top-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
  border-radius: 3px;
  border: 0px solid transparent;
  background: #ededed;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
  color: #505a67;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
  height: 9px;
  margin-left: -9px;
  width: 18px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
  height: 18px;
  margin-left: 0;
  margin-top: -9px;
  width: 9px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
  border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ededed;
  top: 1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ededed;
  left: -1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ededed;
  left: 1px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ededed;
  top: -1px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
  border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
  border-left-color: transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
  border-right-color: transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
  border-top-color: transparent;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -9px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
  left: -9px;
}

.tooltipster-content {
  font-size: 14px;
}

/**
   * @license videogular v1.4.3 http://videogular.com
   * Two Fucking Developers http://twofuckingdevelopers.com
   * License: MIT
   */
@font-face {
  font-family: 'videogular';
  src: url("/assets/css/fonts/videogular.eot");
  src: url("/assets/css/fonts/videogular.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/videogular.woff") format("woff"), url("/assets/css/fonts/videogular.ttf") format("truetype"), url("/assets/css/fonts/videogular.svg#videogular") format("svg");
  font-weight: normal;
  font-style: normal;
}

videogular,
[videogular] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
  display: block;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
  /*****************/
  /* Poster plugin */
  /*****************/
  /**********************/
  /* OverlayPlay plugin */
  /**********************/
  /*********************/
  /* Controlbar plugin */
  /*********************/
  /* IE10 hack */
  /* Controlbar icons */
  /********************/
  /* Buffering plugin */
  /********************/
  /* Loading Spinner
     * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
     */
  /**********************/
  /* IMA ads plugin */
  /**********************/
}

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

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

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

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

videogular.fullscreen vg-media,
[videogular].fullscreen vg-media {
  height: 100% !important;
}

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

videogular .iconButton:hover,
[videogular] .iconButton:hover {
  background-color: #ff0000;
}

videogular .iconButton:focus,
[videogular] .iconButton:focus {
  box-shadow: none;
}

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

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

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

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

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

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

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

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

videogular vg-controls,
[videogular] vg-controls {
  width: auto;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

videogular vg-controls .controls-container,
[videogular] vg-controls .controls-container {
  width: 100%;
  height: 50px;
  position: absolute;
  display: table;
  zoom: 1;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity 0.3s ease;
}

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

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

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

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

videogular vg-scrub-bar [role=slider],
[videogular] vg-scrub-bar [role=slider] {
  margin-top: 21px;
  margin-bottom: 21px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.25);
  position: relative;
  border-radius: 4px;
}

videogular vg-scrub-bar .container,
[videogular] vg-scrub-bar .container {
  position: absolute;
  width: 100%;
  height: 8px;
  top: 21px;
  padding-left: 0;
  background-color: transparent;
  min-height: auto;
}

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

videogular vg-scrub-bar-current-time,
[videogular] vg-scrub-bar-current-time {
  position: absolute;
  background-color: #ff0000;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border-radius: 4px;
}

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

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

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

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

videogular vg-scrub-bar-thumbnails,
[videogular] vg-scrub-bar-thumbnails {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  bottom: 24px;
  z-index: 1;
}

videogular vg-scrub-bar-thumbnails .vg-thumbnails,
[videogular] vg-scrub-bar-thumbnails .vg-thumbnails {
  position: absolute;
  top: -20px;
  margin-top: -40px;
  width: 80px;
  height: 60px;
  overflow: hidden;
}

videogular vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail,
[videogular] vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail {
  height: 60px;
  background-repeat: no-repeat;
}

videogular vg-scrub-bar-thumbnails .background,
[videogular] vg-scrub-bar-thumbnails .background {
  width: 100%;
  height: 50px;
}

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

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

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

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  videogular vg-volume-bar,
  [videogular] vg-volume-bar {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

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

videogular vg-volume-bar .verticalVolumeBar,
[videogular] vg-volume-bar .verticalVolumeBar {
  width: 30px;
  height: 100px;
  background-color: transparent;
  border-radius: 8px;
  position: absolute;
}

videogular vg-volume-bar .volumeBackground,
[videogular] vg-volume-bar .volumeBackground {
  width: 8px;
  height: 85px;
  left: 11px;
  top: 15px;
  background-color: rgba(255, 255, 255, 0.25);
  position: absolute;
  border-radius: 4px;
}

videogular vg-volume-bar .volumeValue,
[videogular] vg-volume-bar .volumeValue {
  width: 8px;
  height: 100%;
  background-color: #ff0000;
  position: absolute;
  border-radius: 4px;
}

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

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

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

@keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@-moz-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@-webkit-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@-o-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@-ms-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

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

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

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

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

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

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

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

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

videogular vg-fullscreen-button .enter,
[videogular] vg-fullscreen-button .enter {
  font-family: 'fontAwesome';
}

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

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

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

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

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

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

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

  100% {
    -moz-transform: rotate(360deg);
  }
}

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

  100% {
    -moz-transform: rotate(-360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

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

videogular vg-overlay-play .overlayPlayContainer,
[videogular] vg-overlay-play .overlayPlayContainer {
  opacity: 1;
}

videogular vg-overlay-play .play:before,
[videogular] vg-overlay-play .play:before {
  background: url(https://www.americascup.com/assets/img/play.png) transparent center center no-repeat;
  background-size: 80px auto;
  content: "";
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
  display: block;
}

videogular vg-controls .controls-container,
[videogular] vg-controls .controls-container {
  background: #00000047;
  border-radius: 40px;
}

/**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
/*
   * 	Default theme - Owl Carousel CSS File
   */
.owl-theme.owl-carousel .owl-nav:not(.disabled) {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-left: 0;
}

.owl-theme.owl-carousel .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 0 18px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  margin: 0;
}

.owl-theme.owl-carousel .owl-nav [class*='owl-']:hover {
  background: #e02020;
  color: #FFF;
  text-decoration: none;
}

.owl-theme.owl-carousel .owl-nav .disabled {
  opacity: 0;
  cursor: default;
}

.owl-theme.owl-carousel .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
}

.owl-theme.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #000000;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme.owl-carousel .owl-dots .owl-dot.active span,
.owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-carousel .owl-item {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.owl-carousel .owl-stage,
.owl-carousel .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.owl-carousel.owl-drag .owl-item.active {
  opacity: 1;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  height: 50px;
  width: 50px;
  font-size: 32px;
  line-height: 32px;
  color: #000000;
  position: relative;
  background: var(--cyan);
  opacity: 0
}

.owl-carousel:hover .owl-nav button.owl-next:not(.disabled),
.owl-carousel:hover .owl-nav button.owl-prev:not(.disabled) {
  opacity: 1;
}

.owl-carousel .owl-nav button.owl-next:before {
  content: "\ea6e";
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 47px;
}

.owl-carousel .owl-nav button.owl-prev:before {
  content: "\ea64";
  font-family: "Remixicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 47px;
}

.owl-carousel .owl-nav button.owl-next {
  border-radius: 5px 0 0 5px;
}

.owl-carousel .owl-nav button.owl-prev {
  border-radius: 0 5px 5px 0;
}

/* Angular */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility: hidden;
}

.ng-anchor {
  position: absolute;
}

/* Isotope */
.isotope {
  padding-bottom: 160px;
}

.isotope ul {
  position: relative;
}

.isotope li {
  margin-right: 0;
  margin-bottom: 4px !important;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-family: var(--font-family-title);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.menu>li.dropdown,
.dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dropdown {
  position: relative;
}

.submenu {
  list-style: none;
  transition: all .5s var(--easing);
  opacity: 0;
}

.dropdown .submenu {
  pointer-events: none;
  position: absolute;
  top: 100%;
  background-color: transparent;
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center;
  z-index: 1;
  overflow: auto;
  margin-top: 40px;
  border-radius: var(--border-radius-md);
  box-shadow: 0px 8px 15px 0px #0000002b;
  width: 200px;
}

.dropdown .submenu:before {
  content: "";
  box-shadow: 0px 0 15px 0px #0000002b;
  background: transparent;
  position: absolute;
  left: 0;
  top: 10px;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-md);
  pointer-events: none;
}

.dropdown:hover .submenu {
  pointer-events: all;
  margin-top: 0;
  opacity: 1;
  transition: all .5s var(--easing);
}

.submenu li {
  background: #fff;
  padding: 5px;
}

.submenu li:first-child {
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}

.submenu li:last-child {
  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
  padding-top: 0;
}

.submenu li:first-child:last-child {
  border-radius: var(--border-radius-md);

}

.tabs .submenu a,
.submenu a {
  color: var(--grey-4);
  display: block;
  text-align: center;
  margin: 0;
  text-transform: capitalize;
  font-weight: normal;
  padding: 10px;
  border-radius: 8px;
}

.submenu a:hover {
  background-color: var(--light-grey-color);
}

.dropdown>a:after {
  content: "\ea4e";
  font-family: "Remixicon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
  font-weight: bold;
}


#header .dropdown .submenu {
  min-width: 200px;
}



#header #navigation .dropdown .submenu,
#header #languages-menu .dropdown .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-left: 0;
  background: var(--dark);
  width: 50vw;
  padding: 20px 0;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: clip-path 0.5s var(--easing), opacity 0s 1s;
  display: block;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
}

#header #languages-menu .dropdown .submenu {
  width: 156px;
}

#header #languages-menu .dropdown .submenu li a:before {
  display: none;
}

#header #navigation .dropdown:last-child .submenu {
  left: auto;
  right: 0;
  width: 250px;
  background: linear-gradient(270deg, var(--dark) 0%, #201f2000 240.82%);

}

#header #navigation .dropdown:last-child .submenu li a {
  padding: 10px 40px 10px 0;
  text-align: right;
}

#header #navigation .dropdown:last-child .submenu li a:before {
  left: auto;
  right: 0;
}

#header #navigation .dropdown:hover .submenu,
#header #languages-menu .dropdown:hover .submenu {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.5s var(--easing);
  opacity: 1;
  pointer-events: all;
}

.scroll-not-top .dropdown:hover .submenu {
  transition-delay: 0s;
}

.dropdown .submenu li a {
  text-align: left;

}


/*!
   * Datepicker for Bootstrap
   *
   * Copyright 2012 Stefan Petre
   * Licensed under the Apache License v2.0
   * http://www.apache.org/licenses/LICENSE-2.0
   *
   */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 230px;
  /*.dow {
      border-top: 1px solid #ddd !important;
    }*/
  font-weight: 100;
}

.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker>div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker td.day.disabled {
  color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
  color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #333c4e;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #536382;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #536382;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker td span:hover {
  background: #eeeeee;
}

.datepicker td span.active {
  color: #ffffff;
  background-color: #536382;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #536382;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}

.datepicker td span.old {
  color: #999999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*!
   * Fotorama 4.6.3 | http://fotorama.io/license/
   */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  transform: none !important;
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0ms;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.fotorama__nav__frame,
.fotorama__thumb-border {
  box-sizing: content-box;
}

.fotorama__caption__wrap {
  box-sizing: border-box;
}

.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: url(https://www.americascup.com/assets/img/fotorama/fotorama.png) no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 2dppx) {

  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: url(https://www.americascup.com/assets/img/fotorama/fotorama@2x.png) 0 0px 160px no-repeat;
  }
}

.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}

@media print {

  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}

.fotorama {
  min-width: 1px;
  overflow: hidden;
}

.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
  display: none;
}

.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000;
}

.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 2147483647 !important;
  background: #000;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: #000;
}

.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0;
}

.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}

.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}

.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}

.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}

.fotorama__stage__frame {
  overflow: hidden;
}

.fotorama__stage__frame.fotorama__active {
  z-index: 8;
}

.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}

.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8;
}

.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9;
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}

.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}

.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}

.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5;
}

.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}

.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}

.fotorama__nav--dots {
  display: block;
}

.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}

.fotorama__nav--thumbs {
  display: block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}

.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}

.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}

.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2;
}

.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}

.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}

.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}

.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.fotorama__select {
  cursor: auto;
}

.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}

@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 11;
  cursor: pointer;
}

.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}

.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}

.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}

.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}

.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 20;
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px;
}

.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}

.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}

.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 20;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}

.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1;
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block;
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}

.fotorama__nav:before,
.fotorama__stage:before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0, 0 0;
  left: -10px;
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}

.fotorama__nav:after,
.fotorama__stage:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px;
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}

/* General styles for the modal */
/*
  Styles for the html/body for special modal where we want 3d effects
  Note that we need a container wrapping all content on the page for the
  perspective effects (not including the modals and the overlay).
  */
.control-group.submit .controls,
.control-group.social .controls {
  margin-bottom: 0;
  font-weight: normal;
  position: relative;
}

.forgotPassword {
  position: absolute;
  right: 0;
  top: 12px;
}

.forgot-response .response-message {
  color: green;
}

.gigya-error-display {
  color: #d31411;
  display: none !important;
}

.gigya-input-submit {
  margin-right: 20px;
  background-color: #0079bc;
  color: #ffffff;
}

.md-close {
  color: var(--dark);
  font-size: 36px;
  cursor: pointer;
}

.md-close:hover {
  color: var(--dark);
}

.md-close i:before {
  content: "\eb98";
  font-family: "Remixicon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}

.container {
  background: #e74c3c;
  min-height: 100%;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 95%;
  max-width: 630px;
  height: auto;
  z-index: 99999;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
  pointer-events: all;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  max-height: 70svh;
  overflow-y: auto;
}

@media only screen and (max-width: 320px) {
  .md-modal {
    min-width: 320px;
  }
}

.md-show {
  visibility: visible;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 99998;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 100% !important;
}

.md-show~.md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-overlay-opened {
  overflow: hidden;
}

/*
  .md-overlay-opened.home #content {
    z-index: 9999999;
    position: relative;
  }
  */
/* Content styles */
.md-content {
  background: #ffffff;
  position: relative;
  margin: 0 auto;
}

.md-content .message-error {
  margin-top: 0;
  margin-bottom: 24px;
}

.md-content .md-header {
  color: #000;
  background-color: white;
  position: relative;
  margin: 0 auto;
  height: 75px;
  padding: 0 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid var(--light-grey-color);
}

.md-content .md-header .md-header-title {
  margin: 0;
  color: var(--dark);
}

.md-content .md-header-text {
  margin-bottom: 10px;
}

.md-content .md-body {
  padding-top: 20px;
}

.md-header img {
  margin-top: -20px;
  left: 35px;
  position: absolute;
  height: 50px;
}

.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 2.4em;
  font-weight: 300;
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
}

.md-content>* {
  padding: 0 40px 24px;
  margin: 0;
  font-size: 18px;
}

.md-content>* p {
  margin: 0;
  padding: 10px 0;
}

.md-content>* ul {
  margin: 0;
  padding: 0 0 30px 20px;
}

.md-content>* ul li {
  padding: 5px 0;
}

.md-content button {
  display: block;
  margin: 0;
  font-size: 0.8em;
}

.md-content button.btn-lg {
  width: 200px;
}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
  -webkit-transform: scale(0) rotate(720deg);
  -moz-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.md-show.md-effect-4~.md-overlay,
.md-effect-4 .md-content {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-5 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -moz-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}

.md-show.md-effect-5 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-6 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}

.md-show.md-effect-6 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  -moz-transform: translate(0%) translateZ(0) rotate(0deg);
  -ms-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7 {
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.md-effect-7 .md-content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-7 .md-content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-8 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-8 .md-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-9 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -moz-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-9 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-10 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -moz-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-12~.md-overlay {
  background: #e74c3c;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
  background: transparent;
}

.md-show.md-effect-12 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-13 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -moz-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}

.md-show.md-effect-13 .md-content {
  -webkit-animation: slit 0.7s forwards ease-out;
  -moz-animation: slit 0.7s forwards ease-out;
  animation: slit 0.7s forwards ease-out;
}

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}

@-moz-keyframes slit {
  50% {
    -moz-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -moz-animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-14 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  -moz-transform: translateY(100%) rotateX(90deg);
  -ms-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  -moz-transform: translateY(0%) rotateX(0deg);
  -ms-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-15 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16~.md-overlay {
  background: rgba(180, 46, 32, 0.5);
}

.md-show.md-effect-16~.container {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}

.md-effect-16 .md-content {
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}

.md-show.md-effect-16~.container,
.md-effect-16 .md-content {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17~.container {
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.md-show.md-effect-17~.container,
.md-show.md-effect-17~.md-overlay {
  -webkit-transform: rotateX(-2deg);
  -moz-transform: rotateX(-2deg);
  -ms-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.md-effect-17 .md-content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18~.container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-18~.md-overlay {
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-18~.container,
.md-show.md-effect-18~.md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0% 50%;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: translateZ(-200px);
  }
}

@-moz-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateZ(-50px) rotateY(5deg);
    -moz-animation-timing-function: ease-out;
  }

  100% {
    -moz-transform: translateZ(-200px);
  }
}

@keyframes rotateRightSideFirst {
  50% {
    transform: translateZ(-50px) rotateY(5deg);
    animation-timing-function: ease-out;
  }

  100% {
    transform: translateZ(-200px);
  }
}

.md-effect-18 .md-content {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}

.md-show.md-effect-18 .md-content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19~.container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-19~.md-overlay {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-19~.container,
.md-show.md-effect-19~.md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 50% 100%;
  -moz-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}

@-moz-keyframes OpenTop {
  50% {
    -moz-transform: rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}

@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}

.md-effect-19 .md-content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}

.md-show.md-effect-19 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}


.md-modal .control-group.submit {
  position: absolute;
  right: 0;
  bottom: 4px;
}

.md-modal .md-content #screen {
  padding-bottom: 80px;
}

#modal-signin .col2 {
  position: absolute;
  left: 40px;
  bottom: 32px;
}

#modal-newsletter .md-header {
  background-color: transparent;
  position: absolute;
  right: 0;
  padding: 0 15px;
}

#modal-newsletter .md-header>div {
  display: none;
}

#modal-newsletter .md-header .md-close {
  color: #fff;
}

#modal-newsletter .md-content>.controls.dontshow {
  position: absolute;
  left: 0;
  bottom: 31px;
}

#modal-newsletter .md-content>.controls a {
  color: var(--white);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;

}

#modal-newsletter .md-content>.controls a:before {
  content: "\ecb7";
  font-family: "Remixicon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  font-size: 19px;
  font-weight: normal;
}

#modal-newsletter .md-content>.controls a:hover {
  color: var(--cyan);
}

#sign-up-overlay {
  background-image: url(../img/newsletter-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 60px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
}

#sign-up-overlay form.ng-submitted {
  padding-top: 0;
  margin: auto;
}

#sign-up-overlay form {
  padding-top: 0;
}

#sign-up-overlay form.ng-invalid .btn {
  opacity: 0.6;
}

#sign-up-overlay form .btn {
  margin-left: auto;
}

#sign-up-overlay.form-inline form:not(.ng-submitted) .formly> :last-child>* {
  margin-right: -45px;
  display: inline-block;
}

.signup-newsletter {
  background-image: url(../img/newsletter-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 36px;
  padding-top: 70px;
}

.signup-newsletter form {
  padding-top: 20px;
}

.signup-newsletter form.ng-invalid .btn {
  opacity: 0.6;
}

.signup-newsletter>* {
  max-width: var(--max-width-column) !important;

}

#sign-up-newsletter>* {
  width: 50% !important;
}

.newsletter #main,
.newsletter #main #row-first .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.newsletter #main .row-fluid {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.newsletter .signup-newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.newsletter .signup-newsletter .widget-title {
  margin-top: 0;
  max-width: var(--max-width-column) !important;
}

.signup-newsletter .widget-title small {
  margin-top: 24px;
  display: block;
  line-height: 1.2;
}

.signup-newsletter .formly .formly-field.formly-field-checkbox {
  width: 100%;
  text-align: left;
}


form .btn {
  background-color: var(--cyan);
  border-color: transparent;
  margin-left: auto;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  margin-left: auto;
  width: auto;
  height: 50px;
  border-radius: var(--border-radius-sm);
}



/* ==========================================================
   Exceptions for this project
   ========================================================== */
/* ==========================================================
   HELPERS
   ========================================================== */
.ir,
.icon {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

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

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* ==========================================================
   MEDIA QUERIES
   ========================================================== */
/* Large screen
  ========================================================== */
@media only screen and (min-width: 1681px) {
  :root {
    --max-width-column: calc(1440px - (var(--body-h-padding) * 2));
    --max-width-column-normal: calc(1440px - (var(--body-h-padding) * 2));
  }

  .primary-related .downloads-main.widget .details-view {
    --max-width-column: calc(1440px - (var(--body-h-padding) * 2));
    max-width: var(--max-width-column);
    left: calc((100vw - var(--max-width-column)) / 2);
    right: calc((100vw - var(--max-width-column)) / 2);
  }

  #countdown-top-stories .countdown-fotorama {
    width: 350px;
  }

  html:not([lang="en"]):not([lang="it"]) body .countdown-text span {
    min-width: 45px;
  }

  .countdown-text strong {
    font-size: 31px;
  }

  body.virtual-eye .column.zone-1 #virtualeye {
    height: 70%;
  }

  body.virtual-eye .column.zone-1 #advanced-dashboard .advanced-dashboard-container {
    height: 30%;
  }
}

@media only screen and (min-width: 2000px) {
  :root {
    --max-width-column: calc(1440px - (var(--body-h-padding) * 2));
    --max-width-column-normal: calc(1440px - (var(--body-h-padding) * 2));
  }

  .compressed-title:not(.tabs-view) .widget-title,
  .compressed-title:not(.tabs-view) .section-title {
    max-width: 300px !important;
  }

  #welcome-items {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 2500px) {
  .link-loader:not(.full-width) {
    padding-left: calc((100vw - var(--max-width-column)) / 2);
    padding-right: calc((100vw - var(--max-width-column)) / 2);
  }
}


@media only screen and (max-width: 1680px) {
  :root {
    --related-content-width: 350px;
    --max-width-column: calc(100vw - (var(--body-h-padding) * 2));
    --max-width-column-normal: calc(100vw - (var(--body-h-padding) * 2));
    --body-h-padding: 100px;
  }

  .medium-text .more-items-item .wrapper h2,
  .medium-text .slide-content .slide-title {
    font-size: 40px;
  }

  .x-medium-text .more-items-item .wrapper h2,
  .x-medium-text .slide-content .slide-title {
    font-size: 30px;
  }

  .medium-text .more-items-item .wrapper h3 {
    font-size: 24px;
  }

  #home-top ul li .wrapper {
    height: 270px;
  }

  #countdown-top-stories {
    padding-left: 20px;
  }

  .small-title>.section-title,
  .small-title>.widget-title {
    font-size: 22px;
  }

  #countdown-top-stories:after {
    height: 30%;
  }

  /* Felix 1680 */
  .banners-2024.x-medium-text .more-items-item .wrapper h2 {
    font-size: 27px;
  }

  /* Relive 2024 */

  .advanced-dashboard .dash-top-info {
    height: 35px;
    font-size: 16px;
  }

  .advanced-dashboard .dash-top-info .tabs {
    font-size: 13px;
  }

  .advanced-dashboard .dash-top-info .tabs li {
    border-bottom: 3px solid transparent;
    padding: 10px 0px 7px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams .dash-info-column-team {
    margin: 4px 0;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value {
    font-size: 36px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw {
    padding: 15px 0;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed {
    height: 50px;
  }

  .advanced-dashboard .dash-teams-container {
    height: calc(100% - 40px);
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:before {
    top: 50px;
    height: 60px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:after {
    margin-top: -25px;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    background-size: 94px auto;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed .dash-value-speed-graph {
    width: 120px;
    height: 60px;
    border-radius: 0 0 60px 60px;
    margin-left: -60px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw .value-wind-dir {
    height: 120px;
    width: 120px;
    margin-top: -60px;
    margin-left: -60px;
  }

  .primary-content #general-schedule .more-items-group>.wrapper h2,
  .primary-content #general-schedule .more-items-item>.wrapper>h2 {
    font-size: 20px;
  }

}


@media only screen and (max-width: 1440px) {
  :root {
    --max-width-column-small: 900px;
    --related-content-width: 280px;
    --body-h-padding: 20px;
  }

  .full-width-1440 {
    --max-width-column: 100%;
  }

  .column .full-width-1440.tabs-end>header,
  .column .full-width-1440.tabs-start>.widget-title,
  .column .full-width-1440.tabs-start>.section-title,
  .full-width-1440.tabs-end>header,
  .full-width-1440.tabs-start>header,
  .full-width-1440.tabs-start>.widget-title,
  .full-width-1440.tabs-start>.section-title {
    padding-right: var(--gap);
  }

  .column .full-width-1440.tabs-start>header,
  .column .full-width-1440.tabs-end>.widget-title,
  .column .full-width-1440.tabs-end>.section-title,
  .full-width-1440.tabs-start>header,
  .full-width-1440.tabs-end>.widget-title,
  .full-width-1440.tabs-end>.section-title {
    padding-left: var(--gap);
  }

  .full-width.tabs-end.slider-items header,
  .full-width.tabs-start.slider-items .widget-title,
  .full-width.tabs-start.slider-items .section-title,
  .full-width.tabs-end.slider-items-desktop header,
  .full-width.tabs-start.slider-items-desktop .widget-title,
  .full-width.tabs-start.slider-items-desktop .section-title {
    padding-right: 80px;
  }

  .full-width.tabs-start.slider-items header,
  .full-width.tabs-end.slider-items .widget-title,
  .full-width.tabs-end.slider-items .section-title,
  .full-width.tabs-start.slider-items-desktop header,
  .full-width.tabs-end.slider-items-desktop .widget-title,
  .full-width.tabs-end.slider-items-desktop .section-title {
    padding-left: 80px;
  }

  .menu>li.burger>a {
    -webkit-mask-position: 15px center;
    mask-position: 15px center;
    width: 60px;
  }

  .secondary-content>* {
    width: 575px;
  }

  .section-title,
  .widget-title {
    font-size: 26px;
  }

  .large-title>.section-title,
  .large-title>.widget-title {
    font-size: 64px;
  }

  .x-medium-title>.section-title,
  .x-medium-title>.widget-title {
    font-size: 48px;
  }

  .small-title>.section-title,
  .small-title>.widget-title {
    font-size: 20px;
  }

  .x-small-title>.section-title,
  .x-small-title>.widget-title {
    font-size: 16px;
  }

  .menu>li>a {
    font-size: 16px;
  }

  #secondary-navigation .menu li>li>a {
    font-size: 13px;
  }

  h1 {
    font-size: 48px;
  }

  .column>.widget:not(.full-width).tabs-col.slide-items-events>.tabs-content,
  .column>.widget:not(.full-width).tabs-col.slide-items-events>.more-items-list {
    max-width: 850px !important;
  }

  .one-five.social-stream .socialstream-item,
  .one-six.social-stream .socialstream-item,
  .one-seven.social-stream .socialstream-item,
  .one-eight.social-stream .socialstream-item,
  .one-nine.social-stream .socialstream-item {
    width: calc(25% - var(--gap));
  }

  .one-four:not(.full-width) .more-items-item .wrapper,
  .one-five:not(.full-width) .more-items-item .wrapper,
  .one-six:not(.full-width) .more-items-item .wrapper,
  .one-seven:not(.full-width) .more-items-item .wrapper,
  .one-eight:not(.full-width) .more-items-item .wrapper,
  .one-nine:not(.full-width) .more-items-item .wrapper,
  .social-stream:not(.full-width) .more-items-item .wrapper {
    padding: 15px 15px;
  }

  .slide-content .slide-title {
    font-size: 48px;
  }

  .xxl-text .more-items-item .wrapper h2,
  .xxl-text .slide-content .slide-title {
    font-size: 110px;
  }

  .xxl-text .more-items-item .wrapper h3 {
    font-size: 60px;
  }

  .xxl-text .more-items-item .wrapper h4 {
    font-size: 32px;
  }

  .xl-text .more-items-item .wrapper h2,
  .xl-text .slide-content .slide-title {
    font-size: 90px;
  }

  .large-text .more-items-item .wrapper h2,
  .large-text .slide-content .slide-title {
    font-size: 52px;
  }

  .large-text .more-items-item .wrapper .more-items-category,
  .large-text .more-items-item .wrapper .more-items-subsection {
    font-size: 15px;
  }

  .large-text.img-aside .more-items-item .wrapper h2 {
    font-size: 40px;
  }

  .large-text.img-aside.tabs-col .more-items-item .wrapper h2 {
    font-size: 32px;
  }

  .medium-text .more-items-item .wrapper h2 {
    font-size: 34px;
  }

  .medium-text .more-items-item .wrapper h3 {
    font-size: 22px;
  }

  .medium-text .more-items-item .wrapper .more-items-text,
  .medium-text .more-items-short-text,
  .medium-text .slide-content p,
  .medium-text .wrapper>p {
    font-size: 18px;
  }

  .medium-text .wrapper>ul {
    font-size: 16px;
  }

  .large-wrapper-padding .more-items-item .wrapper,
  .large-wrapper-padding .slide-content {
    padding: 60px;
  }

  .x-medium-wrapper-padding .more-items-item .wrapper,
  .x-medium-wrapper-padding .slide-content {
    padding: 40px;
  }

  .medium-wrapper-padding .more-items-item .wrapper,
  .medium-wrapper-padding .slide-content {
    padding: 30px;
  }

  .column>.widget.small-padding,
  .column>.widget.small-padding.slide-items {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .p-xl {
    padding: 20px;
  }

  .tabs li a {
    padding: 5px 10px;
  }

  .tabs-col>header .tabs {
    width: 150px;
  }

  .tabs-col>.tabs-content,
  .tabs-col>.more-items-list {
    padding-left: 150px;
    padding-right: 150px;
  }

  .icon-tabs.center-tabs header {
    padding-bottom: 0;
  }

  .icon-tabs.center-tabs header li {
    width: 170px;
  }

  .icon-tabs.center-tabs header li a:before,
  .icon-tabs.center-tabs>ul li a:before,
  .tab .input-group:before {
    font-size: 32px;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-username {
    font-size: 13px;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-time {
    font-size: 10px;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-message {
    font-size: 13px;
  }

  .social-stream:not(.full-width) .socialstream-item .socialstream-item-time,
  .social-stream:not(.full-width) .socialstream-item .socialstream-item-username {
    padding-left: 40px;
    padding-right: 40px;
  }

  .social-stream:not(.full-width) .socialstream-item .socialstream-item-username-image,
  .social-stream.list-view .socialstream-item .socialstream-item-username-image {
    width: 30px;
    top: 16px;
    left: 15px;
  }

  .md-content>*,
  .md-content .md-header {
    padding-left: 30px;
    padding-right: 30px;
  }

  .more-items-item .wrapper {
    padding: 15px 20px;
  }

  .text-over .wrapper {
    padding: 9px 13px;
  }

  .more-items-item>a:not(.all-box-link) img,
  .more-items-item .more-items-img-container img {
    padding: 0 0 0;
  }

  .text-over .wrapper {
    padding: 20px;
  }

  .img-aside .more-items-item .wrapper {
    padding-top: 15px;
  }

  .img-aside.bottom-box .more-items-item .wrapper {
    padding-bottom: 15px;
  }

  .img-aside.img-max-w .more-items-item>a:not(.all-box-link),
  .img-aside.img-max-w .more-items-item .more-items-img-container {
    max-width: 200px;
  }

  .img-aside .more-items-item>a:not(.all-box-link) img,
  .img-aside .more-items-item .more-items-img-container img {
    padding: 0 0 0 0;
  }

  .img-end.img-aside .more-items-item>a:not(.all-box-link) img,
  .img-end.img-aside .more-items-item .more-items-img-container img,
  .img-end-start.img-aside .more-items-item:nth-child(odd)>a img,
  .img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
  .img-start-end.img-aside .more-items-item:nth-child(even)>a img,
  .img-start-end.img-aside .more-items-item:nth-child(even) .more-items-img-container img {
    padding: 0 0 0 0;
  }

  .img-start-end:not(.img-aside) .more-items-item:nth-child(even)>a img,
  .img-start-end:not(.img-aside) .more-items-item:nth-child(even) .more-items-img-container img,
  .img-end-start:not(.img-aside) .more-items-item:nth-child(odd)>a img,
  .img-end-start:not(.img-aside) .more-items-item:nth-child(odd) .more-items-img-container img {
    padding: 0 0 0 0;
  }

  .offset-image-top.img-end.img-aside.center-box .more-items-item .wrapper,
  .offset-image-top.img-end.img-aside .more-items-item .wrapper,
  .offset-image-top.img-start.img-aside.center-box .more-items-item .wrapper,
  .offset-image-top.img-start.img-aside .more-items-item .wrapper,
  .offset-wrapper-top.img-aside .more-items-item .wrapper,
  .offset-wrapper-bottom.img-aside .more-items-item .wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: var(--body-h-padding);
    padding-left: var(--body-h-padding);
  }

  .offset-image-top .more-items-item>a:not(.all-box-link),
  .offset-wrapper-top .wrapper {
    flex: none;
    margin-top: -11vw;
  }

  .offset-image-bottom .more-items-item>a:not(.all-box-link),
  .offset-wrapper-bottom .wrapper {
    flex: none;
    margin-bottom: -11vw;
  }

  .slider-widget-menu {
    padding-left: 25px;
    padding-right: 25px;
  }

  #home-top ul li .wrapper {
    height: 210px;
    padding: 20px 25px 0 25px;
  }

  .event-banner ul li .wrapper .more-items-category {
    font-size: 36px;
  }

  .event-banner ul li>a .img-1 {
    height: 70px;
  }

  .landing-news .more-items-item .more-items-category {
    margin-top: -37px;
  }

  .has-video .hover-video:before {
    width: 70px;
    height: 70px;
    font-size: 70px;
    line-height: 70px;
    margin-top: -35px;
    margin-left: -35px;
  }

  .timeline .more-items-item .wrapper h2 {
    font-size: 16px;
  }

  .timeline .more-items-item .wrapper .more-items-short-text {
    font-size: 13px;
  }

  .timeline .more-items-item .wrapper:before {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
  }

  .timeline .more-items-item .wrapper .more-items-subsection {
    font-size: 14px;
  }

  /* Felix laptop */
  /* Web 2024 */
  #on-water-banner ul li .wrapper h2 {
    font-size: 16px;
  }

  .banners-2024.x-medium-text .more-items-item .wrapper h2 {
    font-size: 24px;
  }

  html[lang="es"] .events-info.web-2024 .arrow-button .wrapper>.link-button a {
    font-size: 14px;
  }

  html[lang="ca"] #navigation .menu>li>a {
    font-size: 11px;
    padding: 0 5px;
  }

  html[lang="ca"] #navigation .submenu li a {
    font-size: 12px;
  }

  html[lang="es"] body.event-page #right-banners,
  html[lang="ca"] body.event-page #right-banners {
    width: 65%;
  }

  /* Live */
  #countdown-top-stories:after {
    margin-right: 5px;
    height: 29%;
  }

  #live-wrapper:not(.relive) .aus-button {}

  #omega-clock #widget-embed {
    transform: scale(0.85);
    aspect-ratio: 219/94;
    justify-content: center;
    margin-top: 0;
  }

  #home-top-wrapper #home-top ul li .wrapper {
    width: 75%;
    height: 170px
  }

  #home-top-wrapper .hero-img.live-home ul li>div:first-child {
    height: calc(100svh - var(--header-height) - 170px);
  }

  #home-top-wrapper .slider-widget-menu {
    left: 25%
  }

  .events-list ul .more-items-item {
    padding-bottom: 80px;
    aspect-ratio: auto;
  }

  .events-list ul .more-items-item .wrapper h2 {
    font-size: 18px;
  }

  .events-list ul .more-items-item .wrapper {
    padding-bottom: 15px !important;
  }

  #calendar-container {

    padding: 16px 20px;
  }


  .month-container>span {
    font-size: 16px;
  }

  #calendar-container .arrows-container>i {
    width: 42px;
    height: 42px;
    line-height: 42px;
  }

  /* Relive 2024 */

  .advanced-dashboard .dash-team-main-info .dash-team-name .team-short-name {
    font-size: 28px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-name .team-long-name {
    font-size: 18px;
    margin-top: 0;
    padding-right: 10px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data {
    margin-bottom: 3px;
  }

  .advanced-dashboard #dash-teams-column {
    width: 68%;
  }

  .advanced-dashboard #dash-stats-column {
    width: 32%;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams .dash-info-column-team,
  .advanced-dashboard #dash-info-column .dash-info-column-bottom a {
    font-size: 14px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 .dash-team-value.dash-value-dtl {
    background-size: auto 9px;
    padding: 0 0 12px;
  }

  .advanced-dashboard .dash-top-info .tabs li {
    margin: 0 7px;
  }

  .advanced-dashboard .dash-top-info {
    padding: 0 10px;
    font-size: 14px;
  }

  .advanced-dashboard #dash-info-column .info-title {
    font-size: 14px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value {
    font-size: 32px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value-type {
    font-size: 16px;
  }

  .advanced-dashboard .dash-data-labels .dash-label-value {
    line-height: 1.2;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value-small .dash-value {
    font-size: 20px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams {
    padding-left: 10px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw .dash-value-large .dash-value {
    font-size: 22px;
  }

  .advanced-dashboard .flag img {
    width: 18px;
    height: 18px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data>* {
    margin-right: 5px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw .value-wind-dir {
    height: 100px;
    width: 100px;
    margin-top: -50px;
    margin-left: -50px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-bottom-data .dash-team-pro-pen {
    left: 40px;
    height: 21px;
    width: 90px;
    font-size: 15px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-bottom-data .dash-team-pro-pen:after {
    left: 10px;
    right: 10px;
    top: 3px;
    bottom: 3px;
  }

  body.relive .advanced-dashboard .dash-teams-container .dash-team-value .dash-value {
    font-size: 20px;
  }



  #general-schedule.small-schedule .more-items-group {
    aspect-ratio: 40/36;
  }

  /* TEAMS 2024 */

  .landing-teams-yw ul li .wrapper .teams-link {
    width: 350px;
  }

  .landing-teams-yw.img-aside.center-box ul li .wrapper {
    padding-right: 370px !important;
  }

  .quick-links {
    --gap: 20px;
    padding-top: 0;
  }

  .quick-links .more-items-list .more-items-item {
    width: calc(105px - var(--gap));
  }

  #welcome-items .more-items-item .wrapper h2 img {
    margin: 0;
    padding-right: 30px;
    border-right: 1px solid #dddddd36;
  }

  #welcome-items .more-items-item .wrapper h2 a {
    display: flex;
    gap: 30px;
    align-items: center;
  }



}

@media only screen and (max-width: 1366px) {
  :root {
    --body-h-padding: 75px;

  }


  .more-items-item time {
    font-size: 12px;
  }

  .slide-content .slide-title {
    font-size: 42px;
  }

  #home-top ul li .wrapper {
    padding: 20px 25px 0 25px;
  }

  .slider-widget-menu {
    padding-left: 25px;
    padding-right: 25px;
  }

  /* Felix big laptop */
  /* Web 2024 */

  /* Pre event Page*/
  .event-page #event-tabs .tab a::before {
    font-size: 34px;
    top: 8px;
  }

  #events-banner .widget-title:after {
    font-size: 26px;
    height: 28px;

  }

  #side-wrapper #calendar-tabs .widget-title:after {
    font-size: 26px;
    height: 22px;
  }

  .event-page #event-tabs .tabs {
    padding-bottom: 26px;
  }

  .event-page #event-tabs .tabs li a {
    padding: 5px 15px;
  }


}

@media only screen and (max-width: 1280px) {

  :root {
    --body-h-padding: 15px;
    --max-width-column-small: 850px;
    --related-content-width: 250px;
    --row1-height: 40px;
    --row2-height: 40px;
  }

  .full-width-1280 {
    --max-width-column: 100%;
  }

  .fixed-header #content {
    margin-top: calc(var(--header-height) + 20px);
  }

  .menu>li>a {
    font-size: 14px;
  }

  .column .full-width-1280.tabs-end>header,
  .column .full-width-1280.tabs-start>.widget-title,
  .column .full-width-1280.tabs-start>.section-title,
  .full-width-1280.tabs-end>header,
  .full-width-1280.tabs-start>header,
  .full-width-1280.tabs-start>.widget-title,
  .full-width-1280.tabs-start>.section-title {
    padding-right: var(--gap);
  }

  .column .full-width-1280.tabs-start>header,
  .column .full-width-1280.tabs-end>.widget-title,
  .column .full-width-1280.tabs-end>.section-title,
  .full-width-1280.tabs-start>header,
  .full-width-1280.tabs-end>.widget-title,
  .full-width-1280.tabs-end>.section-title {
    padding-left: var(--gap);
  }

  body,
  input,
  textarea {
    font-size: 16px;
  }

  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 10px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 9px;
  }

  h6 {
    font-size: 14px;
  }

  .section-title,
  .widget-title {
    font-size: 24px;
  }

  .fixed-header #header,
  #header {
    max-width: 100%;
    border-radius: 0;
  }

  #header .social-icons a {
    padding: 0 5px;
  }

  #header .social-icons>div h3,
  #header .social-icons a {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
  }

  #header #header-zone7 {
    border-radius: 0;
    padding-left: var(--body-h-padding);
    padding-right: 10px;
  }

  #languages-menu li#languages:before {
    font-size: 18px;
  }

  time {
    font-size: 11px;
  }

  .secondary-content>* {
    width: 475px;
  }

  .small-text .more-items-item .wrapper h2,
  .small-text .slide-content .slide-title {
    font-size: 14px;
  }

  .column>.widget:not(.full-width).tabs-col.slide-items-events>.tabs-content,
  .column>.widget:not(.full-width).tabs-col.slide-items-events>.more-items-list {
    max-width: 717px !important;
  }

  .full-width.tabs-end.slider-items header,
  .full-width.tabs-start.slider-items .widget-title,
  .full-width.tabs-start.slider-items .section-title,
  .full-width.tabs-end.slider-items-desktop header,
  .full-width.tabs-start.slider-items-desktop .widget-title,
  .full-width.tabs-start.slider-items-desktop .section-title {
    padding-right: 60px;
  }

  .full-width.tabs-start.slider-items header,
  .full-width.tabs-end.slider-items .widget-title,
  .full-width.tabs-end.slider-items .section-title,
  .full-width.tabs-start.slider-items-desktop header,
  .full-width.tabs-end.slider-items-desktop .widget-title,
  .full-width.tabs-end.slider-items-desktop .section-title {
    padding-left: 60px;
  }

  .xxl-text .more-items-item .wrapper h2,
  .xxl-text .slide-content .slide-title {
    font-size: 90px;
  }

  .xxl-text .more-items-item .wrapper h3 {
    font-size: 50px;
  }

  .xxl-text .more-items-item .wrapper h4 {
    font-size: 28px;
  }

  .xl-text .more-items-item .wrapper h2,
  .xl-text .slide-content .slide-title {
    font-size: 70px;
  }

  .large-text .more-items-item .wrapper h2 {
    font-size: 42px;
  }

  .large-text .more-items-item .wrapper .more-items-category,
  .large-text .more-items-item .wrapper .more-items-subsection {
    font-size: 14px;
  }

  .large-text.img-aside .more-items-item .wrapper h2 {
    font-size: 38px;
  }

  .medium-text .more-items-item .wrapper h2 {
    font-size: 32px;
  }

  .x-medium-text .more-items-item .wrapper h2 {
    font-size: 24px;
  }

  .x-medium-title>.section-title,
  .x-medium-title>.widget-title {
    font-size: 42px;
  }

  .medium-text .more-items-item .wrapper h3 {
    font-size: 20px;
  }

  .small-title>.section-title,
  .small-title>.widget-title {
    font-size: 18px;
  }

  .x-small-title>.section-title,
  .x-small-title>.widget-title {
    font-size: 16px;
  }

  .large-wrapper-padding .more-items-item .wrapper,
  .large-wrapper-padding .slide-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .more-items-item .wrapper {
    padding: 10px 15px;
  }

  .icon-tabs.center-tabs header li {
    width: 145px;
  }

  .icon-tabs.center-tabs header li a {

    padding: 5px 20px;
  }

  .icon-tabs.center-tabs header li a:before,
  .icon-tabs.center-tabs>ul li a:before,
  .tab .input-group:before {
    font-size: 28px;
  }

  .slide-content .slide-title {
    font-size: 40px;
  }

  .slide-content p {
    font-size: 16px;
    line-height: 1.4;
  }

  .article-view-intro p {
    font-size: 18px;
  }

  .tabs li a {
    font-size: 14px;
  }

  .tabs-col .link-button a {
    margin-top: 7px;
    padding: 12px 17px;
    font-size: 12px;
  }

  .tabs-col>header .tabs {
    width: 130px;
  }

  .tabs-col:not(.slide-items-events)>.tabs-content,
  .tabs-col:not(.slide-items-events)>.more-items-list {
    padding-left: 130px;
    padding-right: 130px;
  }

  .img-aside.img-max-w .more-items-item>a:not(.all-box-link),
  .img-aside.img-max-w .more-items-item .more-items-img-container {
    max-width: 150px;
  }

  .related-content .img-aside .more-items-item>a:not(.all-box-link),
  .related-content .img-aside .more-items-item .more-items-img-container {
    max-width: 80px;
  }

  .related-content .img-aside .more-items-item h2 {
    font-size: 16px;
  }

  .article-view-category,
  .article-view-time {
    font-size: 16px;
  }

  .scoreboard ul li {
    font-size: 20px;
  }

  .one-of-seven,
  .one-seven .more-items-item,
  .one-seven.img-aside .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven.landing li,
  .one-seven .control-group,
  .one-seven .formly>* {
    width: calc(20% - var(--gap));
  }

  .more-items-item h2 {
    font-size: 19px;
  }

  .load-more-bt::before {
    font-size: 40px;
  }

  .btn-lg {
    font-size: 16px;
  }

  .pagination-page,
  .pagination.more .pagination-more,
  .pagination.showmore-inline .pagination-page,
  .load-more-bt,
  .widget-link>a,
  .btn,
  .link-button a,
  .btn-group a,
  .more-items-action {
    width: 180px;
  }


  #home-top ul li .wrapper {
    height: 190px;
    padding: 20px 25px 0 25px;
  }

  .widget .slides .fotorama__video-play:before {
    width: 150px;
    height: 150px;
    font-size: 150px;
    line-height: 150px;
    margin-top: -75px;
    margin-left: -75px;
  }


  .countdown-text strong {
    font-size: 22px;
  }

  .countdown-text span {
    min-width: 32px;
  }

  #countdown-top-stories:after {
    height: 35px;
    width: 15%;
  }

  /* Felix laptop 1280 */
  html[lang="es"] body.event-page #right-banners,
  html[lang="ca"] body.event-page #right-banners {
    width: 80%;
  }

  .banners-2024.x-medium-text .more-items-item .wrapper h2 {
    font-size: 22px;
  }

  html[lang="ca"] #navigation ul.menu>li>a {
    font-size: 11px;
    padding: 0 3px;
  }

  html[lang="ca"] #navigation ul.submenu li a {
    font-size: 11px;
  }

  /* Event Page */
  #side-wrapper #calendar-tabs .wrapper .more-items-text {
    font-size: 12px;
  }

  #side-wrapper #calendar-tabs .more-items-item .wrapper h2 {
    font-size: 12px;
  }

  #side-wrapper #calendar-tabs .more-items-item .wrapper h2 span {
    font-size: 10px;
  }

  /* Pre Event Home */

  .youth-and-women .landing-teams .more-items-item .wrapper>h2:nth-child(2) a {
    font-size: 16px;
  }

  .youth-and-women .double-cta .link-button a {}

  .landing-teams-2024 ul li>a img {
    aspect-ratio: 100 / 28;
    object-fit: cover;
  }

  #home-top-la.live-announcements .close {
    right: 15px;
  }


  #home-top-banners {
    padding-left: 20px;
    padding-right: 20px;
  }


  /* Results 2024 */

  .match-content .match-info {
    width: 40px
  }

  .match-content .team-container {
    margin-left: 95px;
    width: calc(100% - 133px);
  }

  .match-content .match-info.match-data {
    width: 95px
  }

  .status-4 .match-content .team-container {
    width: calc(100% - 246px);
  }

  .status-8 .match-content .team-container {
    width: calc(100% - 95px);
  }

  /* Relive 2024 */

  .advanced-dashboard .dash-top-info,
  .advanced-dashboard #dash-info-column .info-title {
    height: 30px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams .dash-info-column-team,
  .advanced-dashboard #dash-info-column .dash-info-column-bottom a {
    font-size: 12px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams .dash-info-column-team {
    margin: 2px 0;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-main-info {
    padding-left: 10px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-name .team-short-name {
    font-size: 22px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value {
    font-size: 28px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value-type {
    font-size: 14px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 .dash-team-value.dash-value-dtl:after {
    -webkit-mask-size: 70px auto;
    mask-size: 70px auto;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-name .team-long-name {
    font-size: 14px;
  }

  .advanced-dashboard .dash-team-main-info {
    width: 200px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed {
    height: 40px;
  }

  .advanced-dashboard .dash-data-labels {
    font-size: 8px;
  }

  .advanced-dashboard .flag img {
    width: 16px;
    height: 16px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-status,
  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-pro-pen {
    font-size: 11px;
  }

  .advanced-dashboard .dash-top-info .tabs {
    font-size: 11px;
  }

  .advanced-dashboard .dash-teams-container {
    height: calc(100% - 35px);
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw {
    padding: 12px 0;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 .dash-team-value.dash-value-dtl {
    background-size: auto 6px;
    padding: 0 0 9px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:before {
    top: 40px;
    height: 51px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:after {
    margin-top: -24px;
    width: 86px;
    height: 86px;
    margin-left: -43px;
    background-size: 80px auto;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed .dash-value-speed-graph {
    width: 100px;
    height: 50px;
    border-radius: 0 0 50px 50px;
    margin-left: -50px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw .value-wind-dir {
    height: 90px;
    width: 90px;
    margin-top: -45px;
    margin-left: -45px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-bottom-data .dash-team-pro-pen {
    height: 19px;
    font-size: 13px;
    width: 77px;
  }

  body.relive .advanced-dashboard .dash-team-main-info .dash-team-name .team-long-name {
    font-size: 16px;
  }

  #top-wrapper-home .title-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  #top-wrapper-home .title-buttons .btn {
    margin: 20px 0 0 0;
  }



  #welcome-items {
    display: flex;
    align-items: center;
  }

  #welcome-items ul {
    height: auto;
  }

  #welcome-items>ul .owl-item>li {
    justify-content: center;
    background: #0d2d4c7a;
    border-radius: var(--border-radius-lg);
    height: calc(100svh - 60px);
  }

  #welcome-items .more-items-item .wrapper {
    gap: 10px;
    align-items: center;
    text-align: center;
  }

  #welcome-items .more-items-item .wrapper ul {
    list-style: none;
  }

  #welcome-items .more-items-item .wrapper h2 a {
    display: block;

  }

  #welcome-items .more-items-item .wrapper h2 img {
    margin: 0 auto;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    width: 40%;
    max-width: 100px;
  }


  #event-banner-wrapper #countdown-header .countdown-fotorama {
    padding: 15px 0 15px 0;
  }

  #event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text strong {

    font-size: 26px;
  }

  #event-banner-wrapper #countdown-header .countdown-fotorama .countdown-text .countdown-time>span:not(.countdown-date) strong {
    width: 34px;
  }

  .related-content {
    gap: 20px;
  }

  #next-event .more-items-category,
  #next-event .more-items-time {
    font-size: 14px;
  }

  .quick-links .more-items-list .more-items-item>a {
    padding: 10px 10px 0 10px;
  }
}

/* Tablet devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 1180px) {
  #header>.wrapper-group>.wrapper.row2 {
    width: auto
  }

  .navigation.burger-nav {
    display: flex !important;
  }

  #navigation-more {
    overflow: auto;
    bottom: 0;
    top: calc(var(--row1-height) + 5px);
    z-index: 2;
  }

  #navigation-more:after {
    top: calc(var(--row1-height) + 5px)
  }

  #navigation-more>.menu,
  #navigation-more>.menu.menu-featured {
    width: 100%;
    padding-top: 64px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  #navigation-more>.menu.menu-featured {
    padding-top: 20px;
    border: none;
  }

  #navigation-more>.menu.menu-more,
  #navigation-more>.menu.menu-more .menu {
    padding-top: 20px;
  }

  #header .menu-more>.social-links,
  #languages-menu #languages {
    padding: 0 40px;
  }

  #languages-menu #languages {
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
  }

  #languages-menu li#languages:before {
    font-size: 21px;
    position: relative;
    color: #fff;
    margin: 0;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    height: auto;
    line-height: 21px;
  }

  #languages-menu #languages>a {
    padding: 0;
    background: transparent;
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    padding-right: 15px;
    border-radius: 0;
  }

  #languages-menu #languages .submenu {
    right: 0;
    left: 0;
    z-index: 1;
    position: relative;
    display: flex;
    top: auto;
    background: transparent;
    box-shadow: none;
  }

  #languages-menu #languages .submenu a {
    border: none;
    opacity: .4;
    margin-right: 15px;
    padding: 0;
  }

  #languages-menu #languages.dropdown .submenu li:first-child:before {
    display: none;
  }

  #navigation-more .menu.menu-more,
  #navigation-more .menu.menu-more .menu {
    padding-top: 20px;
  }

  #navigation-more>*:last-child {
    border-bottom: 6px solid var(--cyan);
  }

  #navigation-more #user-menu,
  #navigation-more #user-menu .menu {
    flex-direction: column;

    padding: 0;
  }

  #navigation-more #user-menu {
    padding: 0 40px;
  }


  #user-menu .menu>li.dropdown a i:before {
    line-height: 21px;
  }


  #user-menu .menu>li .submenu li:before {
    display: none;
  }

  #navigation-more #languages-menu .menu {
    padding: 0;
  }

  #navigation-more>.menu>li {
    border-right: none;
    width: 100%;
    padding: 0 40px;
    display: block;
  }

  .menu-more #user-menu .menu>li.dropdown div.dropdown>a {
    padding: 0;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 21px;
    line-height: 21px;
  }

  #navigation-more:before {
    background-size: auto 100%;
    height: 50px;
  }

  #navigation-more>.menu>li:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }

  #navigation-more>.menu li a {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  #navigation-more>.menu>li.dropdown .submenu {
    top: auto;
    left: 0;
    position: relative;
    margin-bottom: 10px;
  }

  #navigation-more>.menu>li.dropdown>a:after {
    content: "\ea4e";
    font-size: 26px;
    line-height: 18px;
  }

  #navigation-more>.menu>li.dropdown .submenu a {
    padding-left: 0;
    padding-right: 0;
    opacity: 0.8;
  }

  #navigation-more>.menu:hover>li>a {
    opacity: 1;
  }

  .navigation.burger-nav .menu>li>a {
    font-size: 18px;
  }

  .navigation.burger-nav .menu>li.active>a {
    color: #fff
  }


  .navigation.burger-nav .menu>li.dropdown .submenu {
    width: calc(100% - 200px);
  }

  .navigation.burger-nav .menu>li.dropdown .submenu li a {
    font-size: 16px;
  }

  #header {
    padding: 0;
  }

  .navigation.burger-nav>.menu>li:not(#languages) {
    margin: 5px 0;
  }

  .navigation.burger-nav #socialLinks {
    padding-left: 40px;
  }


  #home-top-banners {
    padding-left: 10px;
    padding-right: 10px;
  }

  #live_announcements .owl-carousel.owl-drag .owl-item li .wrapper p {
    line-height: 1.1;
    font-size: 13px;
  }

  .medium-text .more-items-item .wrapper .more-items-text,
  .medium-text .more-items-short-text,
  .medium-text .slide-content p,
  .medium-text .wrapper>p {
    font-size: 18px;
  }

  .medium-text .wrapper>ul {
    font-size: 16px;
  }

  .medium-text .more-items-item .wrapper h3 {
    font-size: 18px;
  }

  /* Felix 1180 */
  #on-water-banner ul li .wrapper h2 {
    font-size: 14px;
  }

  #whatsapp-group li .wrapper {
    gap: 2em;
  }

  #whatsapp-group li .wrapper>* {
    font-size: 20px;
  }

  /* Web 2024 */
  html[lang="ca"] .events-info.web-2024 .arrow-button .wrapper>.link-button a,
  html[lang="es"] .events-info.web-2024 .arrow-button .wrapper>.link-button a {
    font-size: 14px;
  }


  /* Results 2024 */


  .status-4 .match-content .match-info.match-points .team-b:after {
    display: none;
  }

  .status-4 .match-content .match-info.match-points {
    width: 114px;
  }

  .status-4 .match-content .team-container {
    width: calc(100% - 214px);
  }

  .angular-fixture .more-items-item .wrapper .team .team-name>*,
  .match-content .team-container .team-name h2 {
    font-size: 14px;
  }

  .angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr:not(.data-header) td:first-child:before {
    width: 30px;
    margin-right: 11px;
  }

  /* Relive 2024 */
  body.virtual-eye .column.zone-1 #advanced-dashboard .advanced-dashboard-container {
    height: 32%;
  }

  body.virtual-eye .column.zone-1 #virtualeye {
    height: 68%;
  }

  .advanced-dashboard .dash-team-main-info {
    width: 170px;
  }

  .advanced-dashboard #dash-info-column {
    width: 130px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value {
    font-size: 23px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value-type {
    font-size: 13px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed .dash-value-type {
    margin-bottom: 2px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw .dash-value-large .dash-value {
    font-size: 20px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value .dash-value-small .dash-value {
    font-size: 18px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams .dash-info-column-team .dash-info-column-team-result {
    width: 26px;
    padding: 1px 5px;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-bottom a {
    margin-bottom: 3px;
    margin-top: 3px;
  }

  body.relive #live-wrapper #clips-list ul li>a h2,
  #live-wrapper #clips-list ul li .wrapper h2 {
    font-size: 16px;
  }


  .more-items-item.text-right-top .wrapper>p,
  .more-items-item.text-right-top .wrapper>h2,
  .more-items-item.text-right-center .wrapper>p,
  .more-items-item.text-right-center .wrapper>h2,
  .more-items-item.text-right-bottom .wrapper>p,
  .more-items-item.text-right-bottom .wrapper>h2 {
    padding-left: 30%;
  }

  /* Teams 2024 */

  .landing-teams-2024 li.NYYC .logo-club {
    max-height: 95px;
  }

  .landing-teams-2024 .logo-club {
    max-width: 340px;
    max-height: 70px;
  }

  .landing-teams-2024 li.ARBR .logo-club {
    max-height: 60px;
  }

  .quick-links {
    --gap: 20px;
  }

  .quick-links .more-items-list .more-items-item {
    width: calc(110px - var(--gap));
  }


  /* Team List */

  .team-list .more-items-list .more-items-item .wrapper {
    padding-right: 36%;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text {
    width: 35%;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club {
    padding: 0 4%;
    width: 47%;
  }
}

@media only screen and (min-width: 1180px) {
  html:not([lang="en"]):not([lang="it"]) #header #navigation-toggle {
    display: none;
  }
}

@media only screen and (max-width: 1080px) {
  :root {
    --body-h-padding: 20px;
    --related-content-width: 230px;
  }

  #cookiesbar {
    top: var(--header-height);
  }

  .secondary-content>* {
    width: 512px;
  }

  .slide-content>* {
    width: auto;
  }

  .secondary-content:first-child>* {
    margin-left: 0;
  }

  .secondary-content:last-child>* {
    margin-right: 0;
  }

  .row-fluid .column.secondary-content:first-child>* {
    padding-right: 15px;
  }

  .row-fluid .column.secondary-content:last-child>* {
    padding-left: 15px;
  }

  .column>.widget,
  .column>.widget.slide-items {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .column>.widget.small-padding:not(.p-0):not(.pt-0):not(.pb-0):not(.padding-0),
  .column>.widget.small-padding.slide-items:not(.p-0):not(.pt-0):not(.pb-0):not(.padding-0) {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /* Header */

  .transparent-header.header-lg .slide.top-box .slide-content {
    padding-top: 140px;
  }

  .transparent-header .slide.top-box .slide-content {
    padding-top: 90px;
  }


  .header-lg .bg-vid {
    margin-top: -100px;
  }

  #header>.wrapper-group>.wrapper {
    padding-left: 0;
  }

  #header>.wrapper-group>.wrapper-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }



  /* end Header */
  .fixed-header.header-lg #content {
    margin-top: 50px;
  }

  .transparent-header #content,
  .transparent-header.header-lg #content {
    margin-top: 0;
  }

  .header-lg .bg-vid {
    margin-top: -50px;
  }

  .one-of-five,
  .two-of-five,
  .three-of-five,
  .four-of-five,
  .one-of-six,
  .one-of-seven {
    /* width: 25%; */
  }

  .one-four .more-items-item,
  .one-five .more-items-item,
  .one-four .more-video-item,
  .one-five .more-video-item,
  .one-four .galleries-item,
  .one-five .galleries-item,
  .one-four .socialstream-item,
  .one-five .socialstream-item,
  .one-four .control-group,
  .one-five .control-group,
  .one-four .formly>*,
  .one-five .formly>*,
  .one-four.img-aside .more-items-item,
  .one-five.img-aside .more-items-item,
  .one-four.landing li,
  .one-five.landing li {
    width: calc(33.333333% - var(--gap));
  }

  .primary-content .one-three .more-items-item,
  .primary-content .one-three .more-video-item,
  .primary-content .one-three .galleries-item,
  .primary-content .one-three .socialstream-item,
  .primary-content .one-three .control-group,
  .primary-content .one-three .formly>*,
  .primary-content .one-three.img-aside .more-items-item,
  .primary-content .one-three.landing li,
  .primary-content .one-four .more-items-item,
  .primary-content .one-five .more-items-item,
  .primary-content .one-six .more-items-item,
  .primary-content .one-seven .more-items-item,
  .primary-content .one-eight .more-items-item,
  .primary-content .one-nine .more-items-item,
  .primary-content .one-four .more-video-item,
  .primary-content .one-five .more-video-item,
  .primary-content .one-six .more-video-item,
  .primary-content .one-seven .more-video-item,
  .primary-content .one-eight .more-video-item,
  .primary-content .one-nine .more-video-item,
  .primary-content .one-four .galleries-item,
  .primary-content .one-five .galleries-item,
  .primary-content .one-six .galleries-item,
  .primary-content .one-seven .galleries-item,
  .primary-content .one-eight .galleries-item,
  .primary-content .one-nine .galleries-item,
  .primary-content .one-four .socialstream-item,
  .primary-content .one-five .socialstream-item,
  .primary-content .one-six .socialstream-item,
  .primary-content .one-seven .socialstream-item,
  .primary-content .one-eight .socialstream-item,
  .primary-content .one-nine .socialstream-item,
  .primary-content .one-four .control-group,
  .primary-content .one-five .control-group,
  .primary-content .one-six .control-group,
  .primary-content .one-seven .control-group,
  .primary-content .one-eight .control-group .primary-content .one-nine .control-group .primary-content .one-four .formly>*,
  .primary-content .one-five .formly>*,
  .primary-content .one-six .formly>*,
  .primary-content .one-seven .formly>*,
  .primary-content .one-eight .formly>*,
  .primary-content .one-nine .formly>*,
  .primary-content .one-four.img-aside .more-items-item,
  .primary-content .one-five.img-aside .more-items-item,
  .primary-content .one-six.img-aside .more-items-item,
  .primary-content .one-seven.img-aside .more-items-item,
  .primary-content .one-eight.img-aside .more-items-item,
  .primary-content .one-nine.img-aside .more-items-item,
  .primary-content .one-four.landing li,
  .primary-content .one-five.landing li,
  .primary-content .one-six.landing li,
  .primary-content .one-seven.landing li,
  .primary-content .one-eight.landing li,
  .primary-content .one-nine.landing li {
    width: calc(50% - var(--gap));
  }

  .more-items .tabs-content .more-items {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .large-text .more-items-item .wrapper h2,
  .large-text.img-aside .more-items-item .wrapper h2 {
    font-size: 40px;
  }

  .xl-text .more-items-item .wrapper h2,
  .xl-text .slide-content .slide-title {
    font-size: 60px;
  }

  .xxl-text .more-items-item .wrapper h2,
  .xxl-text .slide-content .slide-title {
    font-size: 90px;
  }

  .xxl-text .more-items-item .wrapper h4 {
    font-size: 24px;
  }

  .medium-text .more-items-item .wrapper h2 {
    font-size: 28px;
  }

  .x-medium-text .more-items-item .wrapper .more-items-text,
  .x-medium-text .more-items-short-text,
  .x-medium-text .slide-content p,
  .x-medium-text .wrapper>p {
    font-size: 15px;
  }

  .small-title>.section-title,
  .small-title>.widget-title {
    font-size: 22px;
  }

  .medium-title>.section-title,
  .medium-title>.widget-title {
    font-size: 38px;
  }

  .transparent-header.header-lg .slide.top-box .slide-content {
    padding-top: 90px;
  }

  .slide-content .slide-title {
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .slide-content p {
    font-size: 14px;
  }

  .countdown-text {
    font-size: 36px;
  }

  .scoreboard ul li {
    font-size: 20px;
  }

  .tabs-col>.more-items-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  .menu>li.burger {
    border: none;
  }

  header .countdown-text span.number {
    font-size: 20px;
  }

  header .countdown-text span.name {
    font-size: 10px;
  }

  #header #countdown .widget-title {
    font-size: 16px;
  }

  #header #countdown {
    padding-right: 175px;
  }

  body:not(.sustainability-v2) #header #countdown::after {
    width: 175px;
  }

  .icon-tabs.center-tabs header li {
    width: 130px;
  }

  .widget.article-view.full-width .article::before {
    right: 0;
    margin-right: -100px;
  }

  .offset-image-top .more-items-item>a:not(.all-box-link),
  .offset-wrapper-top .wrapper {
    margin-top: -15vw;
  }

  .offset-image-bottom .more-items-item>a:not(.all-box-link),
  .offset-wrapper-bottom .wrapper {
    margin-bottom: -15vw;
  }

  .large-wrapper-padding .more-items-item .wrapper,
  .large-wrapper-padding .slide-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  #home-top ul li .wrapper {
    height: 180px;
  }

  .slider-widget-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  #global-partners {
    width: 100%;

  }

  #footer-partners-wrapper #global-partners .more-items-list {
    flex-wrap: wrap;
  }

  #footer-partners-wrapper #global-partners .more-items-list li {
    width: calc(33.333% - var(--gap));
  }

  /* Article */


  .article-view-body .img-50,
  .article-view-body .img-25 {
    padding-left: 50px;
  }

  .article-view-body .img-right.img-50,
  .article-view-body .img-right.img-25 {
    padding-right: 50px;
  }

  .timeline .more-items-group>.wrapper h2 {
    font-size: 26px;
  }

  .timeline .more-items-item .wrapper h2 {
    font-size: 14px;
  }

  .timeline .more-items-item .wrapper .more-items-short-text {
    font-size: 12px;
  }

  .timeline .more-items-item .wrapper .more-items-subsection {
    font-size: 12px;
  }

  #countdown-top-stories .countdown-fotorama {
    width: 47%;
  }

  #countdown-top-stories .widget-title {
    width: 53%;
  }

  .countdown-text span {
    font-size: 11px;
    line-height: 1;
  }

  .countdown-text strong {
    font-size: 22px;
  }

  #copyright.ace-barcelona {
    width: 290px;
  }

  #footer .logo-img {
    max-height: 138px;
  }

  #calendar-tabs .tabs-content .wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #calendar-tabs .tabs-content .wrapper h2 a {
    font-size: 18px;
  }

  .timeline-view .more-items-item .wrapper .more-items-subsection {
    width: 70px;
    height: 70px;
    font-size: 14px !important;
  }

  .timeline-view .more-items-item:nth-child(2n) .wrapper .more-items-subsection {
    margin-right: -35px;
  }

  .timeline-view .more-items-item:nth-child(2n+1) .wrapper .more-items-subsection {
    margin-left: -35px;
  }

  .timeline-view .more-items-item:nth-child(2n+1) .more-items-img-container,
  .timeline-view .more-items-item:nth-child(2n) .wrapper {
    padding-right: 60px;
    padding-left: 0;
  }

  .timeline-view .more-items-item:nth-child(2n+1) .wrapper,
  .timeline-view .more-items-item:nth-child(2n) .more-items-img-container {
    padding-left: 60px;
    padding-right: 0;
  }

  #footer-partners-wrapper-2 {
    flex-direction: column;
  }


  #footer-partners-wrapper #host-partners .more-items-item {
    width: calc(11.111111111111111% - var(--gap));
  }

  #timekeeper {
    padding-bottom: 50px;
    width: 50%;
  }

  #secondary-navigation .menu {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #secondary-navigation .menu>li {
    margin-bottom: 20px;
    width: 33.33333%;
  }

  #general-schedule .more-items-item>.wrapper>h2 {
    font-size: 20px;
  }

  #general-schedule .more-items-item>.wrapper .more-items-short-text {
    font-size: 12px;
  }

  #general-schedule header .tabs .tab a {
    font-size: 12px;
  }

  #general-schedule .more-items-time-only {
    font-size: 14px;
    width: 64px;
    padding-right: 10px;
    padding-left: 10px;
  }

  #general-schedule .more-items-item>.wrapper {
    padding-left: 80px !important;
  }

  #general-schedule .more-items-item>.wrapper {
    padding-left: 105px !important;
  }

  #general-schedule .more-items-item>.wrapper:before {
    left: 63px;
    width: 5px;
  }

  #general-schedule .more-items-group>.wrapper h2 {
    font-size: 28px;
  }

  .primary-content #general-schedule .more-items-group>.wrapper h2,
  .primary-content #general-schedule .more-items-item>.wrapper>h2 {
    font-size: 18px;
  }



  /* Felix 1080 */
  #time-keeper ul {
    max-width: 80% !important;
    margin-left: 0;
  }

  #whatsapp-group li .wrapper,
  #whatsapp-group li:before {
    padding-bottom: 30px !important;
  }

  #whatsapp-group li .wrapper>h2:before {
    font-size: 70px;
  }

  /* Web 2024 */
  html[lang="ca"] .events-info.web-2024 .arrow-button .wrapper>.link-button a,
  html[lang="es"] .events-info.web-2024 .arrow-button .wrapper>.link-button a {
    font-size: 16px;
  }

  .simple-button {
    padding-bottom: 60px;
  }

  /* Relive 2024 */

  #sound-buttons-wrapper {
    bottom: 28px;
  }

  #home-top-wrapper.one-banner-wrapper .slider-widget-animated ul .more-items-item,
  #home-top-wrapper.one-banner-wrapper .hero-img ul li>a img,
  #home-top-wrapper.one-banner-wrapper .hero-img ul li>a video,
  #home-top-wrapper.one-banner-wrapper .hero-img ul li>div:first-child,
  #home-top-wrapper.one-banner-wrapper .hero-img ul,
  #home-top-wrapper.one-banner-wrapper .slider-widget-wrapper,
  #home-top-wrapper.one-banner-wrapper,
  #home-top-wrapper.one-banner-wrapper>#right-column {
    height: calc(80svh - var(--header-height));
  }



}

/* Tablet devices layout adjustments
  ========================================================== */

@media only screen and (max-width: 1280px) {
  html[lang="ca"] #navigation ul.menu>li>a {
    font-size: 11px;
    padding: 0 3px;
  }

  html[lang="ca"] #navigation ul.submenu li a {
    font-size: 11px;
  }

  /* Event Page */
  #side-wrapper #calendar-tabs .wrapper .more-items-text {
    font-size: 12px;
  }

  #side-wrapper #calendar-tabs .more-items-item .wrapper h2 {
    font-size: 12px;
  }

  #side-wrapper #calendar-tabs .more-items-item .wrapper h2 span {
    font-size: 10px;
  }

}

@media only screen and (max-width: 1024px) {

  :root {
    --header-extra: 0px;
    --row1-height: 60px;
    --row2-height: 60px;
    --header-height: 60px;
  }

  #header #navigation-toggle {
    display: flex;
  }

  #navigation {
    display: none;
  }

  #header>.wrapper-group {
    flex-direction: row;
  }

  #user-menu .menu:not(.not-logged) {
    margin-right: 0;
    height: var(--header-height);
  }

  .full-width.tabs-end.slider-items header,
  .full-width.tabs-start.slider-items .widget-title,
  .full-width.tabs-start.slider-items .section-title,
  .full-width.tabs-end.slider-items-desktop header,
  .full-width.tabs-start.slider-items-desktop .widget-title,
  .full-width.tabs-start.slider-items-desktop .section-title {
    padding-right: 50px;
  }

  .full-width.tabs-start.slider-items header,
  .full-width.tabs-end.slider-items .widget-title,
  .full-width.tabs-end.slider-items .section-title,
  .full-width.tabs-start.slider-items-desktop header,
  .full-width.tabs-end.slider-items-desktop .widget-title,
  .full-width.tabs-end.slider-items-desktop .section-title {
    padding-left: 50px;
  }

  .angular-fixture .more-items-item .wrapper .team .team-logo {
    width: 40px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .team-flag img,
  .standings-show .team-logo img {
    height: 24px;
  }

  body.photo #header .navigation .menu>li.photo a,
  body.home #header .navigation .menu>li.index a,
  body.archive #header .navigation .menu>li.archive a,
  body.recon #header .navigation .menu>li.recon a,
  body.video #header .navigation .menu>li.video a {
    color: #fff;
  }

  .menu>li>a {
    color: #fff;
  }

  #mediahub-welcome-wrapper>* {
    padding: 15px;
  }



  #login-component .col1>form,
  #login-component .inline-login-header,
  .user-settings-control,
  #login-component #inline-login>h2,
  #login-component #inline-login .button-group,
  .social-login-or,
  .social-login.v2 {
    width: 100%;
  }

  .team-links {
    margin-top: 10px !important;
  }

}

@media only screen and (max-width: 1023px) {

  :root {
    --related-content-width: 100%;
  }

  #omega-clock {
    height: var(--header-height);
    width: auto;
    aspect-ratio: 219/94;
    overflow: hidden;
  }

  #omega-clock #widget-embed iframe {
    transform: scale(.64);
  }

  .menu>li>a {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo-link {
    max-width: 260px;
  }

  .header-lg .bg-vid {
    margin-top: 0;
  }

  .header-lg .bg-vid .slide {
    top: 0;
  }

  #secondary-navigation {
    display: none;
  }

  #navigation-more>.menu {
    padding: 80px 20px 30px 20px;
  }

  #navigation-more>.menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  #navigation-more>.menu>li {
    padding-right: 20px;
  }

  #navigation-more>.menu.menu-featured>li>a {
    font-size: 26px;
  }

  #navigation-more>.menu>li>a small {
    font-size: 13px;
  }

  #navigation-more>.menu>li.dropdown .submenu {
    top: 82px;
    left: 45%;
  }

  #navigation-more>.menu>li.dropdown .submenu a {
    padding-right: 20px;
    font-size: 16px;
  }

  #languages-menu #languages a {
    padding-right: 10px;
  }

  .header-lg .navigation {
    top: 50px;
  }

  .secondary-content,
  .secondary-content>* {
    width: 100%;
  }

  .secondary-content:first-child>* {
    margin-left: 0;
  }

  .secondary-content:first-child .tabs-view,
  .secondary-content:first-child .tabs-view .section-title,
  .secondary-content:first-child .tabs-view>header,
  .secondary-content:last-child .tabs-view,
  .secondary-content:last-child .tabs-view .section-title,
  .secondary-content:last-child .tabs-view>header {
    padding-left: 0;
    padding-right: 0;
  }

  .widget-wrapper>* {
    padding: 0 0 var(--gap) 0;
    width: 100%;
  }

  .primary-related {
    flex-direction: column;
    gap: 20px;
  }

  .related-content {
    padding: 0;
    position: relative;
    top: auto;
  }

  .related-content .widget {
    padding: 0;
  }

  .primary-content .widget.article-view {
    background: transparent;
  }

  .related-content .vertical-menu {
    position: relative;
    top: auto;
  }

  .large-title>.section-title,
  .large-title>.widget-title {
    font-size: 32px;
  }

  .large-text .more-items-item .wrapper h2,
  .large-text.img-aside .more-items-item .wrapper h2,
  .large-text.text-over .more-items-item .wrapper h2 {
    font-size: 32px;
  }

  .large-text .link-button a,
  .large-text .btn-group a {
    padding: 10px 20px;
    font-size: 18px;
  }

  .xxl-text .more-items-item .wrapper h2,
  .xxl-text .slide-content .slide-title {
    font-size: 80px;
  }

  .xxl-text .more-items-item .wrapper h3 {
    font-size: 42px;
  }

  .medium-text .more-items-item .wrapper h2 {
    font-size: 26px;
  }

  .img-aside .more-items-item .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }



  .image-only-50 .more-items-item>a:not(.all-box-link)>img,
  .image-only-50 .more-items-item .more-items-img-container>img {
    width: 65%;

  }

  .aside-vertical-tablet.img-end-mobile.img-aside .more-items-item,
  .aside-vertical-tablet.img-end-start.img-aside .more-items-item:nth-child(2n+1),
  .aside-vertical-tablet.img-end.img-aside .more-items-item {
    flex-direction: column-reverse;
  }

  .aside-vertical-tablet.img-start-mobile.img-aside .more-items-item,
  .aside-vertical-tablet.img-aside .more-items-item,
  .img-start-mobile.aside-vertical-mobile.img-end.img-aside .more-items-item {
    flex-direction: column !important;
  }

  .aside-vertical-tablet.img-aside .more-items-item>a:not(.all-box-link),
  .aside-vertical-tablet.img-aside .more-items-item .more-items-img-container,
  .aside-vertical-tablet.img-aside .more-items-item>.fotorama {
    width: 100%;
  }

  .tabs li a {
    font-size: 12px;
  }

  #header>.wrapper-group>.wrapper {
    z-index: 1;
  }

  #header>.wrapper-group>.wrapper.row1 {
    z-index: 2;
  }

  .top-image-container {
    display: block;
  }

  .row-fluid .column.secondary-content:first-child>* {
    padding-right: 30px;
  }

  .row-fluid .column.secondary-content:last-child>* {
    padding-left: 30px;
  }

  .tabs-col>header .tabs {
    width: 110px;
  }

  .tabs-col>.tabs-content,
  .tabs-col>.more-items-list {
    padding-right: 0;
    padding-left: 110px;
  }

  .icon-tabs.center-tabs header li {
    width: 115px;
  }

  .icon-banner .more-items-item.right-top .wrapper h2,
  .icon-banner .more-items-item.right-center .wrapper h2,
  .icon-banner .more-items-item.right-bottom .wrapper h2 {
    padding-left: 20%;
  }

  body,
  input,
  textarea,
  .md-content>* {
    font-size: 17px;
  }

  .one-of-six,
  .one-of-seven .one-of-eight .one-of-nine {
    width: 33.33333%;
  }

  .one-three .more-items-item,
  .one-four .more-items-item,
  .one-five .more-items-item,
  .one-three .more-video-item,
  .one-four .more-video-item,
  .one-five .more-video-item,
  .one-three .galleries-item,
  .one-four .galleries-item,
  .one-five .galleries-item,
  .one-three .socialstream-item,
  .one-four .socialstream-item,
  .one-five .socialstream-item,
  .one-three .control-group,
  .one-four .control-group,
  .one-five .control-group,
  .one-three .formly>*,
  .one-four .formly>*,
  .one-five .formly>*,
  .one-three.img-aside .more-items-item,
  .one-four.img-aside .more-items-item,
  .one-five.img-aside .more-items-item,
  .one-three.landing li,
  .one-four.landing li,
  .one-five.landing li {
    width: calc(50% - var(--gap));
  }

  .one-six .more-items-item,
  .one-seven .more-items-item,
  .one-six .more-video-item,
  .one-seven .more-video-item,
  .one-six .galleries-item,
  .one-seven .galleries-item,
  .one-six .socialstream-item,
  .one-seven .socialstream-item,
  .one-six .control-group,
  .one-seven .control-group,
  .one-six .formly>*,
  .one-seven .formly>*,
  .one-six.img-aside .more-items-item,
  .one-seven.img-aside .more-items-item,
  .one-six.landing li,
  .one-seven.landing li,
  .one-eight .more-items-item,
  .one-nine .more-items-item,
  .one-eight .more-video-item,
  .one-nine .more-video-item,
  .one-eight .galleries-item,
  .one-nine .galleries-item,
  .one-eight .socialstream-item,
  .one-nine .socialstream-item,
  .one-eight .control-group,
  .one-nine .control-group,
  .one-eight .formly>*,
  .one-nine .formly>*,
  .one-eight.img-aside .more-items-item,
  .one-nine.img-aside .more-items-item,
  .one-eight.landing li,
  .one-nine.landing li {
    width: calc(33.333333% - var(--gap));
  }

  .secondary-content .widget li {
    width: inherit;
  }

  .more-items.text-over .more-items-item h2 {
    font-size: 28px;
  }

  .sponsors {
    text-align: center;
  }

  .sponsors li {
    width: 15%;
  }



  .article-view-body>p,
  .article-view-body>ul,
  .article-view-body>a,
  .article-view-body>div {
    padding-left: 0;
  }

  .img-25 {
    width: 30%;
  }

  .article-view header figure::after,
  .article-view-body .img-50::after,
  .article-view-body .img-75::after,
  .article-view-body .img-100::after {
    width: 50%;
  }

  .article-view-body .img-75 {
    width: 100%;
  }

  .widget.article-view .article header .article-view-time .date-time {
    display: inline-block;
  }

  .widget.article-view .article header {
    margin-bottom: 20px;
  }

  .article-view-body .img-50 figcaption {
    padding-left: 10px;
  }

  .article-view-body figure.img-25,
  .article-view-body figure.img-50,
  .article-view-body figure.img-75,
  .article-view-body figure.img-100 {
    margin-bottom: 30px;
  }

  body.news .article-view-body figure:after {
    width: 50%;
  }

  #home-top ul li .wrapper {
    padding: 25px 30px 0px 30px;
    width: 75%;
  }

  .slider-widget-menu {
    padding-left: 30px;
    padding-right: 30px;
    left: 25%;
  }

  .event-banner ul li>a .img-2 {
    height: 300px;
    object-fit: cover;
  }

  .event-banner ul li .wrapper h2 {
    font-size: 42px;
  }

  #landing-news-wrapper {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-teams .wrapper {
    padding-left: 10%;
    padding-right: 10%;

  }



  .landing-teams-2024 ul li>a img {
    aspect-ratio: 10 / 5;
  }

  .share-buttons {
    align-items: center;
  }

  #gdpr-cookie-message {
    bottom: calc(var(--vh, 1vh) * 26);
    right: 0;
    left: auto;
  }

  #sign-up-newsletter>* {
    width: 100% !important;
  }

  #countdown-top-stories {
    width: max(calc(100vw - 1000px), 25%);
    right: min(75%, 1000px);
    height: calc(180px + (var(--vh, 1vh) * 3));
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center;
  }

  #countdown-top-stories:after {
    width: 100%;
    height: calc(27px + (var(--vh, 1vh) * 3));
    background-position: center;
    margin: 15px 0 0;
  }

  #countdown-top-stories .widget-title {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
  }

  .timeline .more-items-item .wrapper {
    padding-left: calc(50% + 20px);
  }

  .timeline .more-items-item .wrapper .more-items-subsection {
    width: calc(50% - 40px);
  }

  .timeline .more-items-item .wrapper .more-items-subsection {
    font-size: 11px;
  }

  .timeline .more-items-item .wrapper h2 {
    font-size: 12px;
  }

  .timeline .more-items-item .wrapper .more-items-short-text {
    font-size: 10px;
    line-height: 1;
  }

  .timeline .more-items-group>.wrapper h2 {
    font-size: 22px;
  }

  .timeline .widget-title {
    margin-bottom: 0;
  }

  #calendar-tabs.tabs-below>header {
    padding-bottom: 10px;
    margin: 0 20px !important;
    width: calc(100% - 30px) !important;
    padding-left: 0;
  }

  #side-wrapper #calendar-tabs>header {
    margin: 0 !important;
  }

  #calendar-tabs .tabs-content .more-items-list {
    margin-top: 10px;
    padding-bottom: 20px;
  }

  #calendar-tabs .tabs-content .wrapper {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    padding: 10px 0;
  }

  #calendar-tabs .tabs-content .wrapper h2 {
    padding-left: 10px;
    font-size: 16px;
  }

  #calendar-tabs .schedule-items-list .schedule-item-item .wrapper .schedule-item-container>* {
    font-size: 11px;
  }

  #top-wrapper-home>* .tabs-content>* {
    padding-bottom: 0;
  }

  #calendar-tabs .tabs-content .wrapper .more-items-category {
    width: 57px;
    text-align: center;
    padding: 0 5px;
    line-height: 1;
    min-width: 0;
    font-size: 12px;
  }

  #top-wrapper-home>* .widget-title,
  #top-wrapper-home>* .section-title {
    margin-bottom: 0;
    margin-top: 0;
  }

  #howtowatch-banner ul {
    height: 20vh;
    align-items: center;
  }

  #howtowatch-banner ul li {
    width: calc(100% - var(--gap));
  }

  #howtowatch-banner ul li>a img {
    width: 90%;
  }

  #top-wrapper-home {
    flex-direction: column;
  }

  #top-wrapper-home>* {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    aspect-ratio: auto;
  }

  .livestream:after,
  #calendar-tabs:after {
    display: none;
  }

  #top-wrapper-home>*:first-child {
    margin-bottom: 20px;
  }

  #countdown-top-stories .countdown-fotorama {
    width: 100%;
  }

  .embed-fixture .angular-fixture .tabs-content>.widget {
    padding-right: 6px;
  }

  /* Felix 1023*/
  #time-keeper ul {
    max-width: 50% !important;
  }

  #calendar-tabs .schedule-items-list .schedule-item-item .schedule-item-subsection {
    width: 57px;
    text-align: center;
    padding: 0 9px !important;
    line-height: 1;
    min-width: 0;
    font-size: 12px;
  }

  #calendar-tabs .schedule-items-list .schedule-item-item div.schedule-item-title {
    padding-left: 10px !important;
    font-size: 16px;
  }

  /* Pre event Page */
  .youth-and-women .landing-teams .wrapper {}

  /* Events 2024 */

  #events-faqs {
    flex-wrap: wrap;
  }

  #events-faqs .cascade-view {
    width: 100%;
  }

  .navigation.burger-nav {
    background-position: -73% top;
  }

  .navigation.burger-nav .menu>li.dropdown .submenu {
    width: calc(100% - 292px);
  }

  .navigation.burger-nav .menu>li>a {
    width: 263px;
  }

  .navigation.burger-nav .menu>li#languages,
  .navigation.burger-nav #socialLinks {
    width: 50%;
  }

  #header .social-icons a,
  #header .social-icons>div {
    padding-right: 2vw;
  }



  /* Relive 2024 */

  .advanced-dashboard .advanced-dashboard-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .advanced-dashboard .advanced-dashboard-container #dash-info-column {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .advanced-dashboard .advanced-dashboard-container #dash-info-column>* {
    height: auto;
    margin: 0px 5px 0px 5px;
  }

  .advanced-dashboard .advanced-dashboard-container #dash-info-column .dash-info-column-top {
    width: 30%;
  }

  .advanced-dashboard .advanced-dashboard-container #dash-info-column .dash-info-column-bottom {
    width: 70%;
  }

  .advanced-dashboard .advanced-dashboard-container .dash-teams-container {
    height: calc(100% - 30px);
  }

  .advanced-dashboard .advanced-dashboard-container .dash-teams-container.dash-team-pos-2 .dash-team-value.dash-value-dtl:after {
    -webkit-mask-position: center 57px;
    mask-position: center 57px;
  }

  .advanced-dashboard .dash-team-main-info {
    width: 160px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-pro-pen {
    padding: 0 20px;
  }

  body.virtual-eye .column.zone-1 #virtualeye {
    height: 60%;
  }

  body.virtual-eye .column.zone-1 #advanced-dashboard .advanced-dashboard-container {
    height: 40%;
  }

  .advanced-dashboard #dash-teams-column {
    width: 70%;
  }

  .advanced-dashboard #dash-stats-column {
    width: 30%;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data {
    margin-bottom: 1px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 .dash-team-value.dash-value-dtl:after {
    -webkit-mask-position: center 65px;
    mask-position: center 65px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-name .team-long-name {
    margin-top: 10px;
    padding-right: 0;
    font-size: 16px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-status,
  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-pro-pen {
    font-size: 16px;
  }

  .advanced-dashboard .flag img {
    width: 28px;
    height: 28px;
  }

  .advanced-dashboard .dash-data-labels .dash-label-value {
    padding: 0 5px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-value.dash-value-dtl,
  .advanced-dashboard #dash-teams-column .dash-teams-container .dash-data-labels>*:nth-child(2) {
    margin-bottom: 20px;
  }

  #relive-races .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-value.dash-value-dtl,
  #relive-races .advanced-dashboard #dash-teams-column .dash-teams-container .dash-data-labels>*:nth-child(2) {
    margin-bottom: 0;
  }

  .advanced-dashboard .dash-data-labels .dash-team-main-info {
    padding: 0;
  }

  .advanced-dashboard #dash-info-column .dash-info-column-teams {
    padding-left: 20px;
  }

  .advanced-dashboard #dash-info-column .info-title {
    padding: 0 20px;
  }

  body.relive .advanced-dashboard:not(li) {
    height: auto;
  }

  body.relive .advanced-dashboard .dash-team-main-info {
    height: 90px;
  }

  body.relive .advanced-dashboard #dash-teams-column {
    padding-bottom: 0;
  }

  body.relive .advanced-dashboard .dash-teams-container .dash-team-container,
  body.relive .advanced-dashboard .dash-data-labels {
    padding: 10px 0 0;
  }

  body.relive .advanced-dashboard .dash-teams-container .dash-team-container.data-labels-total-1,
  body.relive .advanced-dashboard .dash-data-labels.data-labels-total-1 {
    margin-top: 0;
  }

  #relive-races .advanced-dashboard>* {
    min-height: 200px;
  }

  .related-content .vertical-menu {
    display: none;
  }

  .press-release-translations .article-view.without-langs .article {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .press-release-translations .article .article-title h2 {
    font-size: 20px;
  }

  .team-list:not(.landing-teams) .more-items-list .more-items-item .wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .img-wrapper-gap-10-tablet .more-items-item {
    gap: 10px;
  }

  .img-wrapper-gap-20-tablet .more-items-item {
    gap: 20px;
  }

  .img-wrapper-gap-30-tablet .more-items-item {
    gap: 30px;
  }
}

@media only screen and (max-width: 1123px) {
  #weatherForecast iframe {
    height: 245px;
  }
}

@media only screen and (max-width: 847px) {
  #weatherForecast iframe {
    height: calc((var(--max-width-column)* 9) / 16 + 203px);
  }
}

@media only screen and (max-width: 900px) {

  :root {
    --row2-height: 60px;
    --row1-height: 60px;
    --header-height: 60px;
    --header-extra: 0px;
  }

  .full-width-900 {
    --max-width-column: 100%;
  }

  .column .full-width-900.tabs-end>header,
  .column .full-width-900.tabs-start>.widget-title,
  .column .full-width-900.tabs-start>.section-title,
  .full-width-900.tabs-end>header,
  .full-width-900.tabs-start>header,
  .full-width-900.tabs-start>.widget-title,
  .full-width-900.tabs-start>.section-title {
    padding-right: var(--gap);
  }

  .column .full-width-900.tabs-start>header,
  .column .full-width-900.tabs-end>.widget-title,
  .column .full-width-900.tabs-end>.section-title,
  .full-width-900.tabs-start>header,
  .full-width-900.tabs-end>.widget-title,
  .full-width-900.tabs-end>.section-title {
    padding-left: var(--gap);
  }

  #main {
    min-height: 0;
  }





  /* Felix Tablet */
  #us-live-img {
    width: 100%;
    padding-bottom: 10px;
  }

  #whatsapp-group li .wrapper>* {
    font-size: 18px;
  }

  #whatsapp-group li .wrapper {
    gap: 1em;
  }

  #whatsapp-group li:before {
    font-size: 70px;
  }

  #on-water-banner ul li .wrapper h2 {
    font-size: 12px;
  }

  body.ac-sailing.format .article-view-body p>a {
    font-size: 22px;
    padding: 20px;
  }

  body.ac-sailing header .article-view-category {
    font-size: 26px;
    line-height: 1.2;
  }

  .ac-sailing .md-modal.modal-overlay.modal-overlay-team #ov-container {
    flex-direction: column;
  }

  .ac-sailing .md-modal.modal-overlay.modal-overlay-team #ov-data-img {
    width: 100%;
  }

  .ac-sailing .md-modal.modal-overlay.modal-overlay-team .md-close i:before {
    color: #fff;
  }

  .ac-sailing .modal-overlay .md-content .md-header .md-close {
    right: 0;
    top: 0;
    height: 40px;
    display: flex;
  }

  .ac-sailing .md-modal.modal-overlay.modal-overlay-team {
    align-items: flex-start;
  }

  /* Supplier registration */
  #supplier-registration-wrapper {
    flex-direction: column;
    gap: 0em;
  }

  #supplier-registration-wrapper>* {
    height: auto;
    top: auto;
    position: relative
  }

  /* Live */
  #live-wrapper:not(.relive) {
    background: url(../img/live-bg-mobile.png) no-repeat;
    background-size: cover;
  }

  #live-wrapper:not(.relive)>.widget-wrapper {
    width: 100%;

  }

  #live-wrapper:not(.relive) #widget-embed iframe {
    width: 100%;
    height: auto;
  }

  #live-wrapper:not(.relive) #widget-embed .section-title {
    color: var(--dark);
  }

  #live-wrapper:not(.relive) .aus-button {
    right: 0;
  }

  #live-wrapper:not(.relive) .aus-button a {
    color: var(--dark);
  }

  /* Event page */
  #side-wrapper .link-button {
    margin-top: 0;
  }

  #side-wrapper #calendar-tabs .tabs {
    padding-left: 0;
  }


  #header .social-icons,
  #header .social-icons>li {
    padding: 0;

  }

  #header .social-icons {
    width: 100%;
    justify-content: space-between;
  }

  #header .social-icons>div,
  #header .social-icons a {
    padding: 0;
    margin: 0;
  }

  #header .social-icons>div {
    margin: 15px 0 10px 0;
  }

  #header .menu-more .social-icons a:hover,
  #header .menu-more .social-icons a:hover::before,
  #header .menu-more .social-links.red a,
  #header .menu-more .social-links.red a::before,
  #header .menu-more .social-icons>div.social-newsletter a::before,
  #header .menu-more .social-icons a::before {
    color: #ffffff;
  }

  #header .social-icons>div h3,
  #header .social-icons a {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
  }

  .menu-more .social-icons .social-tiktok a::before {
    background-color: #ffffff;
    -webkit-mask-size: 28px auto;
    mask-size: 28px auto;
    width: 19px;
    height: 19px;
  }

  #header .menu-more .social-links .login {
    margin: 20px 0;
  }

  #header .menu-more .social-links .login>a {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 18px;
    padding: 0;
  }

  #header .menu-more .social-links .login>a>i {
    padding: 0 15px 0 0;
    margin-right: 15px;
    font-size: 21px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }

  #header .social-icons>li.login {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    height: 100%;
  }

  #header .social-icons>li.login .submenu {
    top: var(--header-height)
  }

  .countdown-text span {
    min-width: 26px;
  }

  /* Pre event Page */
  .event-page #main-wrapper {
    flex-direction: column;
  }

  .event-page #event-tabs {
    width: 100% !important;
    margin-right: 0;
  }

  .event-page #side-wrapper {
    width: 100% !important;
    position: relative;
    top: auto;
  }

  body.event-page #page-title .article {
    transform: translateY(calc(var(--vh, 1vh) * -10));
    padding: 20px 0px 0 20px;
  }

  #side-wrapper #events-banner {
    padding-top: 20px;
  }

  .event-page #event-tabs .tabs-content header figure {
    margin-right: 0;
  }

  body.event-page #event-tabs header {
    padding-left: 0;
    padding-bottom: 30px;
    margin: 0 auto !important;
  }

  .event-page #event-tabs ul.tabs {
    padding-bottom: 0px;
  }

  .event-page #event-tabs ul.tabs li a {
    padding: 5px 12px;
  }

  .event-page #event-tabs .tabs-content .article-view-body {
    margin-left: auto;
  }

  .event-page #event-tabs .tabs-content .article-view-body>p {
    padding: 0;
  }

  #side-wrapper .more-items-list .li {
    margin: 0;
  }

  #footer-partners-wrapper .more-items-list {
    justify-content: flex-start;
  }

  #footer-partners-wrapper .more-items-item>a {
    height: 70px;
  }

  #sponsor ul {
    max-width: 50% !important;
    width: 600px;
  }





  #omega-clock #widget-embed {
    transform: scale(0.64);
  }

  #omega-clock #widget-embed iframe {
    transform: none;
  }

  .navigation.burger-nav .menu {
    padding-left: 10%;
    width: 90%;
    background: none;
  }

  .navigation.burger-nav .menu>li>a {
    width: 285px;
  }

  .navigation.burger-nav .menu>li.dropdown .submenu {
    width: calc(100% - 317px);
  }

  #header .countdown-text strong {
    font-size: 16px;
  }

  #header .countdown .widget-title {
    font-size: 14px;
  }

  #normal-top-wrapper,
  #home-top-wrapper.live-wrapper:not(.one-banner-wrapper) {
    flex-direction: column;
  }

  #home-top-wrapper {
    flex-direction: column-reverse;
  }

  #live_announcements {
    height: auto;
  }

  #normal-top-wrapper>*,
  .live-announcements-on #home-top-wrapper .slider-widget-wrapper,
  #home-top-wrapper .slider-widget-wrapper {
    width: 100%;

  }

  .live-announcements-on #home-top-wrapper {
    height: calc(100svh - var(--header-height));
  }

  #live_announcements .owl-carousel.owl-drag .owl-item li .wrapper h2 {
    font-size: 14px;
  }

  .live-announcements-on #home-top-wrapper .slider-widget-animated ul .more-items-item,
  .live-announcements-on #home-top-wrapper .hero-img,
  .live-announcements-on #home-top-wrapper .hero-img ul li>a,
  .live-announcements-on #home-top-wrapper .hero-img ul li>a img,
  .live-announcements-on #home-top-wrapper .hero-img ul li>a video,
  .live-announcements-on #home-top-wrapper .hero-img ul li>div:first-child,
  .live-announcements-on #home-top-wrapper .hero-img ul,
  #home-top-wrapper .slider-widget-animated ul .more-items-item,
  #home-top-wrapper .hero-img,
  #home-top-wrapper .hero-img ul li>a,
  #home-top-wrapper .hero-img ul li>a img,
  #home-top-wrapper .hero-img ul li>a video,
  #home-top-wrapper .hero-img ul li>div:first-child,
  #home-top-wrapper .hero-img ul {
    height: 100%;
  }

  #normal-top-wrapper #normal-right-column {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #right-column,
  .live-announcements-on #home-top-wrapper .slider-widget-wrapper,
  #home-top-wrapper .slider-widget-wrapper,
  #home-top-wrapper.one-banner-wrapper .slider-widget-wrapper {
    height: 50%;
  }

  #right-column {
    width: 100%;
  }

  #home-top-wrapper #home-top ul li .wrapper {
    height: 135px;
    padding: 15px 20px 0px 20px;
  }

  #home-top-wrapper .hero-img.live-home ul li>div:first-child {
    height: calc(100svh - var(--header-height) - 135px);
  }

  #home-top-wrapper .slider-widget-menu {
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0
  }

  #home-top-wrapper #home-top ul li .wrapper .link-button {
    bottom: 14px;
  }


  #normal-top-wrapper>.widget.text-over>.more-items-list>.more-items-item>.wrapper {
    min-height: auto;
  }

  body.womens-theme #normal-right-column:before {
    background-size: cover;
    left: 0;
  }

  /* Results */

  .angular-fixture .more-items-item .wrapper .team>.team-time span {
    margin-right: 5px;
  }

  .angular-fixture .more-items-item .wrapper .team .team-name>* {
    font-size: 12px;
  }

  .angular-fixture.tabs-center header .tabs {
    justify-content: flex-start;
  }

  .match-content .team-container .team-name {
    padding-left: 10px;
  }

  .match-content .team-container .team-name h2 {
    font-size: 20px;
    margin: 0;
  }

  .match-content .team-container .team-name h2.team-name-short {
    order: -2;
  }

  .match-content .team-container .team-name h2.team-name-all {
    font-size: 16px;
  }

  .match-content .team-container {
    width: calc(100% - 39px);
    margin-left: 0;
  }

  .match-content .match-info.match-data {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: 100%;
    padding: 5px 0;
  }

  .match-content .match-info .match-name {
    margin-bottom: 0;
    position: relative;
  }

  .match-content .match-info.match-points {
    padding-top: 40px;
    padding-right: 0;
  }

  .angular-fixture .group-name {
    font-size: 20px;
  }

  .match-content .match-info .match-results {
    font-size: 20px;
    line-height: 30px;
    width: 36px;
    height: 30px;
  }

  .match-content .team-container .team-logo {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .match-content .team-container .team-name .match-status {
    right: 48px;

  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view {
    margin-bottom: 20px;
  }

  .embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view,
  .embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show,
  .embed-fixture #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col,
  #angular-fixture-races.angular-fixture .tabs-content>.widget>.tabs-view,
  #angular-fixture-races.angular-fixture .tabs-content>.widget>.standings-show {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #results-tabs>header>.tabs {
    max-width: 100%;
  }

  .angular-fixture.match-races .tabs-view .tabs-content .angular-fixture-races-item {
    padding-left: 15px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
    margin-left: 0;
    width: 100%;
  }

  .match-content .match-info .team-result {
    height: 42px;
  }

  .status-4 .match-content .match-info.match-points {
    margin-top: 33px;
  }

  .status-4 .match-content .team-container {
    width: calc(100% - 129px);
  }

  #results-tabs>header>.tabs li a {
    padding: 20px 10px;
    font-size: 14px;
  }

  .angular-fixture.match-races .tabs-content>.widget>table.data-col tbody tr:not(.data-header) td:first-child:before {
    width: 39px;
    margin-right: 11px;
  }



  /* Relive 2024 */

  .advanced-dashboard:not(li) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  .advanced-dashboard>* {
    width: 100%;
  }

  .advanced-dashboard .dash-top-info,
  .advanced-dashboard #dash-info-column .info-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advanced-dashboard #dash-teams-column,
  .advanced-dashboard #dash-stats-column {
    width: 100%;
  }

  .advanced-dashboard #dash-teams-column .dash-teams-container .dash-team-container .dash-team-value,
  .advanced-dashboard #dash-stats-column .dash-teams-container .dash-team-container .dash-team-value {
    width: 100%;
  }

  .advanced-dashboard #dash-teams-column .dash-teams-container .dash-team-value,
  .advanced-dashboard #dash-stats-column .dash-teams-container .dash-team-value {
    height: 85px;
  }

  .advanced-dashboard #dash-teams-column {
    border: none;
    padding-bottom: 10px;
  }

  .advanced-dashboard #dash-stats-column .info-title {
    margin-top: 0;
  }

  .advanced-dashboard .dash-teams-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .advanced-dashboard .dash-teams-container>* {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px !important;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container {
    height: auto;
    width: 45%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: block;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-main-info {
    padding: 15px 0 0;
    margin: 0 10px 0;
    border-left: none;
    border-top-width: 2px;
    border-top-style: solid;
    text-align: center;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-main-info .dash-team-bottom-data .dash-team-pro-pen {
    left: 50%;
    margin-left: -40px;
    bottom: 0;
    top: auto;
    width: 80px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-1 {
    padding-bottom: 0;
    order: -2;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 {
    padding-top: 0;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container.dash-team-pos-2 .dash-team-value.dash-value-dtl {
    padding-bottom: 0;
    background-position: center 57px;
    background-size: auto 8px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-container .dash-team-value {
    width: 100%;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:before {
    top: 52px;
    width: 100%
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed:after {
    margin-top: -33px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed .dash-value-type {
    margin-bottom: -9px;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-speed .dash-value-speed-graph {
    margin-top: 10px;
    top: 50%;
  }

  .advanced-dashboard .dash-teams-container .dash-team-value.dash-value-tw {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .advanced-dashboard .dash-team-main-info {
    width: auto;
    height: 125px;
    position: relative;
    margin-top: 0;
  }

  .advanced-dashboard .dash-team-main-info .dash-label-value {
    margin-left: 0;
    margin-top: 30px;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-status {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
  }

  .advanced-dashboard .dash-team-main-info .dash-team-top-data .dash-team-pro-pen {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
  }

  .advanced-dashboard .dash-data-labels {
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(192, 192, 192, 0.18) calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(192, 192, 192, 0.18) calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));
    width: 10%;
    left: 50%;
    margin-left: -5%;
  }

  .advanced-dashboard .dash-data-labels .dash-label-value {
    padding: 5px 0;
  }

  .advanced-dashboard .dash-data-labels .dash-team-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  body.virtual-eye .column.zone-1 {
    height: auto;
  }

  body.virtual-eye .column.zone-1 #advanced-dashboard .advanced-dashboard-container {
    height: auto;
    margin-top: 0;
    z-index: 1;
  }

  body.virtual-eye .column.zone-1 #virtualeye {
    height: calc(100svh - 180px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  #live-wrapper.relive {
    flex-direction: column;
  }

  #live-wrapper #clips-list,
  #live-wrapper.relive #top-video {
    width: 100%;
    padding-bottom: 10px;
  }

  body.live #live-wrapper #clips-list ul {
    flex-wrap: nowrap;
  }

  body.relive #live-wrapper #clips-list ul li>a,
  body.live #live-wrapper #clips-list .tabs-content {
    display: flex;
    aspect-ratio: auto;
    padding: 0;
    pointer-events: all;
  }

  body.relive #live-wrapper #clips-list ul li>a .image-container,
  #live-wrapper #clips-list ul li {
    flex-shrink: 0;
    width: 40vw;
    margin: 0 15px 0 0;
    min-width: 300px;
  }

  body.relive #live-wrapper #clips-list ul li>a img,
  #live-wrapper #clips-list ul li img {
    width: auto;
    height: 80px;
  }

  body.relive #live-wrapper #clips-list ul li>a h2,
  #live-wrapper #clips-list ul li .wrapper h2 {
    width: auto;
  }

  #sound-buttons-wrapper {
    position: relative;
    width: auto;
    bottom: auto;
    margin-top: 20px;
    padding-bottom: 0;
  }

  #angular-fixture-races.angular-fixture.hide-races {
    flex-direction: column;
  }

  #angular-fixture-races.angular-fixture.hide-races>.widget-title,
  #angular-fixture-races.angular-fixture.hide-races .tabs-content {
    width: 100% !important;
  }

  body.fixture:not(.embed-fixture) #angular-fixture-races.angular-fixture.hide-races .tabs-content>.widget>table.data-col {
    margin-top: 20px;
  }

  .status-8 .match-content .team-container {
    width: 100%;
  }

  #results-wrapper-widget>* {
    width: 100%;
  }

  #results-wrapper-widget>*:first-child {
    margin-bottom: 6px;
  }

  /* TEAMS 2024 */


  .landing-teams-yw ul li {
    flex-direction: column !important;
    border-left: none;
    border-top: 20px solid var(--women-primary);
    height: auto;
  }

  .landing-teams-y ul li {
    border-top-color: var(--lightgreen);
  }

  .landing-teams-yw ul li>a {
    width: 100% !important;
    height: 250px;
  }

  .landing-teams-yw ul li>a img {
    height: 150px;
    width: 250px !important;
  }

  .landing-teams-yw ul li .wrapper .teams-link {
    position: relative;
    margin-top: 30px;
    margin-right: -30px;
    margin-left: auto;
  }

  .landing-teams-yw.img-aside.center-box ul li .wrapper {
    padding-right: 30px !important;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 30px;
  }


  #home-top-wrapper.one-banner-wrapper {
    height: auto;
  }

  #home-top-wrapper.one-banner-wrapper>#right-column {
    height: auto;
    width: 100%;
  }

  #home-top-wrapper.one-banner-wrapper>#right-column .widget ul {
    max-width: 100%;
  }

  #home-top-wrapper.one-banner-wrapper #home-top-banners {
    max-width: 100%;
    padding: 0
  }


  .layout-column-tablet {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #mediahub-welcome-wrapper {
    height: auto;
    margin-bottom: 50px;
  }

  #mediahub-welcome-wrapper>* {
    width: 100%;
    height: auto;
    align-items: flex-start;
    flex-direction: row;
  }

  #mediahub-welcome-wrapper>*:first-child {
    padding: 0;
    height: 50svh
  }

  #welcome-items {
    border-radius: 0;
  }

  #welcome-items ul {
    padding-top: 0;
    max-width: 100%;
  }

  #inline-login h2 {
    margin-bottom: 20px;
  }

  .inline-login-widget .loading-container {
    left: -15px;
    top: 0;
    width: 100vw;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
  }

  .dynamic-sign-up {
    max-height: none;
  }

  .dynamic-sign-up,
  .dynamic-sign-up~.user-settings-control {
    overflow: visible;
    width: 100%;
    max-width: 600px;
  }

  .team-list .more-items-list .more-items-item>a .img-2 {
    right: 28%;
    max-width: 13%;
  }

  .team-list .more-items-list .more-items-item .wrapper {
    padding-right: 45%;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text {
    width: 25%;
    gap: 10px;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div {
    min-width: 65px;
    font-size: 25px;
    gap: 7px;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:before {
    height: 25px;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:after {
    font-size: 11px;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div.team-wins:after {
    font-size: 13px;
  }

  .team-list:not(.landing-teams) .more-items-list .more-items-item .more-items-long-text {
    width: 50%;
  }

  .team-list:not(.landing-teams) .more-items-list .more-items-item .wrapper {
    padding-right: 50%;
  }
}

/* Tablet and above
  ========================================================== */
@media only screen and (min-width: 767px) {
  #right-banners {
    min-width: 315px;
  }

  /* Felix min 767 */
  .getting-around #right-banners {
    max-width: 380px;
    min-width: 370px;
  }

}

@media only screen and (min-width: 768px) {
  .bottom-gap-0 .more-items-item {
    margin-bottom: 0 !important;
  }
}

/* Mobile devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 767px) {
  :root {
    --body-h-padding: 15px;
    --row2-height: 55px;
    --row1-height: 55px;
    --top-bottom-gap-list: 35px;
    --max-width-column-small: calc(100vw - (var(--body-h-padding) * 2));
    --max-width-column: calc(100vw - (var(--body-h-padding) * 2));
    --max-width--normal: calc(100vw - (var(--body-h-padding) * 2));
    --header-height: 55px;
  }

  body,
  input,
  textarea,
  .md-content>* {
    font-size: 18px;
  }

  .full-width-mobile {
    --max-width-column: 100%
  }

  #header {
    padding: 0;
  }

  #header>.wrapper-group {
    padding-left: 15px;
  }

  #user-menu .menu>li.dropdown #user>a:after,
  #user-menu .menu:not(.not-logged)>li:first-child {
    display: none;

  }

  .p-xl {
    padding: 20px;
  }

  .fixed-header #content {
    margin-top: calc(var(--header-height) + 15px);
  }

  .gap-mobile-50 {
    --gap: 50px;
  }

  .gap-mobile-49 {
    --gap: 49px;
  }

  .gap-mobile-48 {
    --gap: 48px;
  }

  .gap-mobile-47 {
    --gap: 47px;
  }

  .gap-mobile-46 {
    --gap: 46px;
  }

  .gap-mobile-45 {
    --gap: 45px;
  }

  .gap-mobile-44 {
    --gap: 44px;
  }

  .gap-mobile-43 {
    --gap: 43px;
  }

  .gap-mobile-42 {
    --gap: 42px;
  }

  .gap-mobile-41 {
    --gap: 41px;
  }

  .gap-mobile-40 {
    --gap: 40px;
  }

  .gap-mobile-39 {
    --gap: 39px;
  }

  .gap-mobile-38 {
    --gap: 38px;
  }

  .gap-mobile-37 {
    --gap: 37px;
  }

  .gap-mobile-36 {
    --gap: 36px;
  }

  .gap-mobile-35 {
    --gap: 35px;
  }

  .gap-mobile-34 {
    --gap: 34px;
  }

  .gap-mobile-33 {
    --gap: 33px;
  }

  .gap-mobile-32 {
    --gap: 32px;
  }

  .gap-mobile-31 {
    --gap: 31px;
  }

  .gap-mobile-30 {
    --gap: 30px;
  }

  .gap-mobile-29 {
    --gap: 29px;
  }

  .gap-mobile-28 {
    --gap: 28px;
  }

  .gap-mobile-27 {
    --gap: 27px;
  }

  .gap-mobile-26 {
    --gap: 26px;
  }

  .gap-mobile-25 {
    --gap: 25px;
  }

  .gap-mobile-24 {
    --gap: 24px;
  }

  .gap-mobile-23 {
    --gap: 23px;
  }

  .gap-mobile-22 {
    --gap: 22px;
  }

  .gap-mobile-21 {
    --gap: 21px;
  }

  .gap-mobile-20 {
    --gap: 20px;
  }

  .gap-mobile-19 {
    --gap: 19px;
  }

  .gap-mobile-18 {
    --gap: 18px;
  }

  .gap-mobile-17 {
    --gap: 17px;
  }

  .gap-mobile-16 {
    --gap: 16px;
  }

  .gap-mobile-15 {
    --gap: 15px;
  }

  .gap-mobile-14 {
    --gap: 14px;
  }

  .gap-mobile-13 {
    --gap: 13px;
  }

  .gap-mobile-12 {
    --gap: 12px;
  }

  .gap-mobile-11 {
    --gap: 11px;
  }

  .gap-mobile-10 {
    --gap: 10px;
  }

  .gap-mobile-9 {
    --gap: 9px;
  }

  .gap-mobile-8 {
    --gap: 8px;
  }

  .gap-mobile-7 {
    --gap: 7px;
  }

  .gap-mobile-6 {
    --gap: 6px;
  }

  .gap-mobile-5 {
    --gap: 5px;
  }

  .gap-mobile-4 {
    --gap: 4px;
  }

  .gap-mobile-3 {
    --gap: 3px;
  }

  .gap-mobile-2 {
    --gap: 2px;
  }

  .gap-mobile-1 {
    --gap: 1px;
  }

  .gap-mobile-0 {
    --gap: 0px;
  }

  .layout-column-mobile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column>.widget.small-padding:not(.pt-0):not(.pb-0):not(.padding-0),
  .column>.widget.small-padding.slide-items:not(.pt-0):not(.pb-0):not(.padding-0),
  .column>.widget,
  .column>.widget.slide-items {
    padding-top: calc(var(--body-h-padding) * 2);
    padding-bottom: calc(var(--body-h-padding) * 2);
  }

  .full-width.tabs-end.slider-items-desktop header,
  .full-width.tabs-start.slider-items-desktop header,
  .full-width.tabs-end.slider-items-desktop .widget-title,
  .full-width.tabs-start.slider-items-desktop .widget-title,
  .full-width.tabs-end.slider-items-desktop .section-title,
  .full-width.tabs-start.slider-items-desktop .section-title {
    padding-left: var(--gap);
    padding-right: var(--gap);
  }

  .related-content {
    padding-top: 0;
  }

  .related-content,
  .primary-content {
    width: 100%;
    --max-width-column: 100%;
    --max-width-column-normal: 100%;
  }

  .is-mobile {
    display: block !important;
  }

  .is-desktop {
    display: none !important;
  }

  .no-wrapper-mobile .more-items-item .wrapper {
    display: none;
  }

  #header .row1 {
    padding-top: 0;
  }

  #header>.wrapper-group>.wrapper.row2 {
    display: none;
  }

  #header>.wrapper-group>.wrapper {
    padding-right: 0;
  }

  #header .social-icons a,
  #footer .social-icons a {
    padding: 0 4px;
  }

  #footer-logo {
    max-height: 40px;
  }

  #footer .logo-img {
    max-height: none;
    width: 100%;
  }

  #copyright {
    font-size: 12px;
  }

  #copyright.ace-barcelona {
    width: 100%;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 24px;
  }

  .slide-content .btn,
  .btn {
    padding: 8px 20px;
    font-size: 16px;
  }

  .more-items-text,
  .more-items-short-text,
  .more-items-long-text,
  .slide-content p,
  .wrapper>p {
    font-size: 16px;
  }

  .one-of-two,
  .one-of-three,
  .two-of-three,
  .one-of-four,
  .three-of-four,
  .one-of-five,
  .two-of-five,
  .three-of-five,
  .four-of-five,
  .one-of-six,
  .one-of-seven,
  .one-of-eight,
  .one-of-nine,
  .primary-content .primary-content,
  .secondary-content,
  .related-content {
    width: 100%;
  }

  .one-two .more-items-item,
  .one-two .more-video-item,
  .one-two .galleries-item,
  .one-two .socialstream-item,
  .one-two .control-group,
  .one-two .formly>*,
  .one-two.img-aside .more-items-item,
  .one-two.landing li,
  .one-three .more-items-item,
  .one-three .more-video-item,
  .one-three .galleries-item,
  .one-three .socialstream-item,
  .one-three .control-group,
  .one-three .formly>*,
  .one-three.img-aside .more-items-item,
  .one-three.landing li,
  .one-four .more-items-item,
  .one-four .more-video-item,
  .one-four .galleries-item,
  .one-four .socialstream-item,
  .one-four .control-group,
  .one-four .formly>*,
  .one-four.img-aside .more-items-item,
  .one-four.landing li,
  .one-five .more-items-item,
  .one-five .more-video-item,
  .one-five .galleries-item,
  .one-five .socialstream-item,
  .one-five .control-group,
  .one-five .formly>*,
  .one-five.img-aside .more-items-item,
  .one-five.landing li,
  .one-six .more-items-item,
  .one-six .more-video-item,
  .one-six .galleries-item,
  .one-six .socialstream-item,
  .one-six .control-group,
  .one-six .formly>*,
  .one-six.img-aside .more-items-item,
  .one-six.landing li,
  .one-seven .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven .control-group,
  .one-seven .formly>*,
  .one-seven.img-aside .more-items-item,
  .one-seven.landing li,
  .one-eight .more-items-item,
  .one-eight .more-video-item,
  .one-eight .galleries-item,
  .one-eight .socialstream-item,
  .one-eight .control-group,
  .one-eight .formly>*,
  .one-eight.img-aside .more-items-item,
  .one-eight.landing li,
  .one-nine .more-items-item,
  .one-nine .more-video-item,
  .one-nine .galleries-item,
  .one-nine .socialstream-item,
  .one-nine .control-group,
  .one-nine .formly>*,
  .one-nine.img-aside .more-items-item,
  .one-nine.landing li,
  .primary-content .one-three .more-items-item,
  .primary-content .one-three .more-video-item,
  .primary-content .one-three .galleries-item,
  .primary-content .one-three .socialstream-item,
  .primary-content .one-three .control-group,
  .primary-content .one-three .formly>*,
  .primary-content .one-three.img-aside .more-items-item,
  .primary-content .one-three.landing li,
  .primary-content .one-four .more-items-item,
  .primary-content .one-five .more-items-item,
  .primary-content .one-six .more-items-item,
  .primary-content .one-seven .more-items-item,
  .primary-content .one-four .more-video-item,
  .primary-content .one-five .more-video-item,
  .primary-content .one-six .more-video-item,
  .primary-content .one-seven .more-video-item,
  .primary-content .one-four .galleries-item,
  .primary-content .one-five .galleries-item,
  .primary-content .one-six .galleries-item,
  .primary-content .one-seven .galleries-item,
  .primary-content .one-four .socialstream-item,
  .primary-content .one-five .socialstream-item,
  .primary-content .one-six .socialstream-item,
  .primary-content .one-seven .socialstream-item,
  .primary-content .one-four .control-group,
  .primary-content .one-five .control-group,
  .primary-content .one-six .control-group,
  .primary-content .one-seven .control-group,
  .primary-content .one-four .formly>*,
  .primary-content .one-five .formly>*,
  .primary-content .one-six .formly>*,
  .primary-content .one-seven .formly>*,
  .primary-content .one-four.img-aside .more-items-item,
  .primary-content .one-five.img-aside .more-items-item,
  .primary-content .one-six.img-aside .more-items-item,
  .primary-content .one-seven.img-aside .more-items-item,
  .primary-content .one-four.landing li,
  .primary-content .one-five.landing li,
  .primary-content .one-six.landing li,
  .primary-content .one-seven.landing li,
  .primary-content .one-eight .more-items-item,
  .primary-content .one-eight .more-video-item,
  .primary-content .one-eight .galleries-item,
  .primary-content .one-eight .socialstream-item,
  .primary-content .one-eight .control-group,
  .primary-content .one-eight .formly>*,
  .primary-content .one-eight.img-aside .more-items-item,
  .primary-content .one-eight.landing li,
  .primary-content .one-nine .more-items-item,
  .primary-content .one-nine .more-video-item,
  .primary-content .one-nine .galleries-item,
  .primary-content .one-nine .socialstream-item,
  .primary-content .one-nine .control-group,
  .primary-content .one-nine .formly>*,
  .primary-content .one-nine.img-aside .more-items-item,
  .primary-content .one-nine.landing li {
    width: calc(100% - var(--gap));
  }

  .aside-vertical-mobile.img-end-mobile.img-aside .more-items-item,
  .aside-vertical-mobile.img-end-start.img-aside .more-items-item:nth-child(2n+1),
  .aside-vertical-mobile.img-end.img-aside .more-items-item {
    flex-direction: column-reverse;
  }

  .aside-vertical-mobile.img-start-mobile.img-aside .more-items-item,
  .aside-vertical-mobile.img-aside .more-items-item,
  .img-start-mobile.aside-vertical-mobile.img-end.img-aside .more-items-item {
    flex-direction: column !important;
  }

  .aside-vertical-mobile.img-aside .more-items-item>a:not(.all-box-link),
  .aside-vertical-mobile.img-aside .more-items-item .more-items-img-container,
  .aside-vertical-mobile.img-aside .more-items-item>.fotorama {
    width: 100%;
  }

  .img-wrapper-gap-10-mobile .more-items-item {
    gap: 10px;
  }

  .img-wrapper-gap-20-mobile .more-items-item {
    gap: 20px;
  }

  .img-wrapper-gap-30-mobile .more-items-item {
    gap: 30px;
  }

  .section-title,
  .widget-title,
  .large-title>.section-title,
  .large-title>.widget-title,
  .medium-title>.section-title,
  .medium-title>.widget-title,
  .x-medium-title>.section-title,
  .x-medium-title>.widget-title {
    font-size: 26px;
  }

  .section-title,
  .widget-title {
    margin-bottom: 20px;
  }

  .medium-text .more-items-item .wrapper .more-items-text,
  .medium-text .more-items-short-text,
  .medium-text .slide-content p,
  .medium-text .wrapper>p {
    font-size: 16px;
    line-height: 1.3;
  }

  .boxed.right-box:not(.slider-widget-animated) .wrapper,
  .boxed.left-box:not(.slider-widget-animated) .wrapper,
  .boxed:not(.slider-widget-animated) .wrapper {
    width: 100%;
    max-width: 100%;
  }

  .more-items-item.text-right-top .wrapper>p,
  .more-items-item.text-right-top .wrapper>h2,
  .more-items-item.text-right-center .wrapper>p,
  .more-items-item.text-right-center .wrapper>h2,
  .more-items-item.text-right-bottom .wrapper>p,
  .more-items-item.text-right-bottom .wrapper>h2 {
    padding-left: 36%;
  }

  .more-items-item.text-left-top .wrapper>p,
  .more-items-item.text-left-top .wrapper>h2,
  .more-items-item.text-left-center .wrapper>p,
  .more-items-item.text-left-center .wrapper>h2,
  .more-items-item.text-left-bottom .wrapper>p,
  .more-items-item.text-left-bottom .wrapper>h2 {
    padding-right: 36%;
  }

  .title-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .title-buttons .btn {
    margin-top: 20px;
    margin-left: 0;
  }

  .tabs-col>header {
    margin-bottom: 20px;
    overflow: auto;
  }

  .tabs-col>header .tabs {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-view:not(.tabs-col):not(.large-tabs)>header {
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: calc((100vw - var(--max-width-column)) / 2);
    padding-right: calc((100vw - var(--max-width-column)) / 2);
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }

  .tabs-view[data-scroll]:not(.tabs-col)>header {
    overflow: hidden;
  }

  .tabs-view>header.is-inview {
    height: 50px;
    align-items: center;
    justify-content: flex-start;
    background: #ffffffdf;
    top: var(--header-height);
  }

  .tabs-view>header.is-inview:before {
    width: auto;
    left: 0;
    background-color: transparent !important;
  }

  .grey-bg.tabs-view>header.is-inview:before {
    background-color: var(--lightgrey) !important;
  }

  .tabs-view.dark header.is-inview {
    background-color: rgba(0, 0, 66, .8);
  }

  .item-padding-0-mobile .more-items-item {
    padding: 0;
  }

  .item-border-right-0-mobile .more-items-item {
    border-right: none;
  }

  .item-border-left-0-mobile .more-items-item {
    border-left: none;
  }

  .item-border-bottom-0-mobile .more-items-item {
    border-bottom: none;
  }

  .item-border-top-0-mobile .more-items-item {
    border-top: none;
  }

  /* Slides */
  .slide-content {
    padding-bottom: 50px;
  }

  .widget .fotorama__arr--next {
    right: 0;
  }

  .widget .fotorama__arr--prev {
    left: 0;
  }

  .slides .fotorama__dot,
  .slides .fotorama__nav__frame.fotorama__active .fotorama__dot {
    height: 2px;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: none;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    padding: 40px 40px 70px;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .slide-title {
    margin-left: auto;
    margin-right: auto;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content>* {
    max-width: 100%;
  }

  .slide-content .slide-title {
    font-size: 26px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .slide-content>* {
    max-width: 100%;
  }

  .one-two .slide-content>*,
  .one-three .slide-content>* {
    max-width: 100%;
  }

  .text-left.topstory-text-right.one-two .slide-content>*,
  .text-left.one-two .topstory-text-right .slide-content>*,
  .text-left.topstory-text-right.one-three .slide-content>*,
  .text-left.one-three .topstory-text-right .slide-content>* {
    margin-left: 0;
  }

  .fotorama__video-play {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
  }

  .widget .slides .fotorama__video-play:before {}

  /* Sign up */

  .signup-newsletter>* {
    width: 100% !important;
  }

  .form-inline .formly .formly-field.firstname,
  .form-inline .formly .formly-field.lastname {
    width: 100%;
  }

  .signup-newsletter .btn {
    width: 50%;
  }

  .form-inline .formly> :last-child {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .form-inline form:not(.ng-submitted) .formly> :last-child>* {
    width: 100%;
    margin-right: calc(var(--body-h-padding) * -1);
    display: inline-block;
  }

  .formly>*> :not(.form-buttons) {
    width: 100% !important;
  }

  /* Tabs */

  .tabs-end .more-items-list,
  .tabs-start .more-items-list {
    margin-top: 25px;
  }

  .tabs-end>header,
  .tabs-start>header {
    width: 100% !important;
    margin-top: 0px;
  }

  .tabs-end>header .tabs,
  .tabs-start>header .tabs,
  .tabs-center>header .tabs {
    justify-content: flex-start;
  }

  /* More Items */
  .more-items-list {
    margin-bottom: 0;
  }

  li.more-items-item:last-child {
    margin-bottom: 0;
  }

  .aside-vertical-mobile.img-aside.center-box .more-items-item .wrapper,
  .img-aside.aside-vertical-mobile .more-items-item .wrapper {
    padding: 15px !important;
  }

  .img-aside .more-items-item .wrapper {
    padding: 20px 10px 0 10px;
  }

  .more-items .more-items-item h2,
  .more-items.text-over .more-items-item h2,
  .large-text .wrapper h2 {
    min-height: inherit;
    font-size: 20px;
  }

  .img-aside.more-items .more-items-item h2 {
    font-size: 18px;
  }

  .img-aside.img-max-w .more-items-item>a:not(.all-box-link),
  .img-aside.img-max-w .more-items-item .more-items-img-container {
    max-width: 100px;
  }

  .img-start-mobile.img-aside .more-items-item,
  .aside-vertical-mobile.img-aside .more-items-item,
  .img-start-mobile.aside-vertical-mobile.img-end.img-aside .more-items-item {
    flex-direction: column;
  }

  .img-end-mobile.img-aside .more-items-item,
  .aside-vertical-mobile.img-end-start.img-aside .more-items-item:nth-child(2n+1),
  .aside-vertical-mobile.img-end.img-aside .more-items-item {
    flex-direction: column-reverse;
  }

  .offset-image-top .more-items-item>a:not(.all-box-link),
  .offset-image-bottom .more-items-item>a:not(.all-box-link),
  .offset-wrapper-top.img-aside .more-items-item .wrapper,
  .offset-wrapper-bottom.img-aside .more-items-item .wrapper {
    margin: 0;
    width: 100%;
  }

  .img-aside.aside-vertical-mobile .more-items-item>a:not(.all-box-link),
  .img-aside.aside-vertical-mobile .more-items-item .more-items-img-container {
    width: 100%;
  }

  .img-background.text-over .more-items-item>.bg-vid .ytplayer-container {
    position: relative;
    padding-top: 100%;
  }

  .img-background.text-over .more-items-item>.bg-vid .ytplayer-container iframe {
    position: absolute;
  }

  .left-image-texture .more-items-item>a:not(.all-box-link) {
    position: relative;
  }

  .wrapper-padding-right-0-mobile .wrapper,
  .wrapper-padding-right-0-mobile.aside-vertical-mobile.img-aside.center-box .more-items-item .wrapper,
  .wrapper-padding-right-0-mobile.more-items-item .wrapper,
  .wrapper-padding-right-0-mobile.img-aside.aside-vertical-mobile .more-items-item .wrapper {
    padding-right: 0 !important;
  }

  .wrapper-padding-left-0-mobile .wrapper,
  .wrapper-padding-left-0-mobile.aside-vertical-mobile.img-aside.center-box .more-items-item .wrapper,
  .wrapper-padding-left-0-mobile.more-items-item .wrapper,
  .wrapper-padding-left-0-mobile.img-aside.aside-vertical-mobile .more-items-item .wrapper {
    padding-left: 0 !important;
  }

  .wrapper-padding-top-0-mobile .wrapper,
  .wrapper-padding-top-0-mobile.aside-vertical-mobile.img-aside.center-box .more-items-item .wrapper,
  .wrapper-padding-top-0-mobile.more-items-item .wrapper,
  .wrapper-padding-top-0-mobile.img-aside.aside-vertical-mobile .more-items-item .wrapper {
    padding-top: 0 !important;
  }

  .wrapper-padding-bottom-0-mobile .wrapper,
  .wrapper-padding-bottom-0-mobile.aside-vertical-mobile.img-aside.center-box .more-items-item .wrapper,
  .wrapper-padding-bottom-0-mobile.more-items-item .wrapper,
  .wrapper-padding-bottom-0-mobile.img-aside.aside-vertical-mobile .more-items-item .wrapper {
    padding-bottom: 0 !important;
  }

  .border-bottom-half-right::after,
  .border-bottom-half-left::after,
  .border-top-half-right::before,
  .border-top-half-left::before,
  .border-bottom-offset-right::after,
  .border-bottom-offset-left::after,
  .border-top-offset-right::before,
  .border-top-offset-left::before {
    width: 100%;
    height: 7px;
    right: 0;
    left: 0;
  }

  .text-over.full-width .wrapper {
    left: 0;
    right: 0;
    top: 0;
  }

  .text-over.center-box .wrapper {
    padding-left: var(--body-h-padding);
    padding-right: var(--body-h-padding);
  }

  .large-text .link-button,
  .large-text .link-button a,
  .large-text .btn-group,
  .large-text .btn-group a {
    font-size: 14px;
  }

  .xl-text .more-items-item .wrapper h2,
  .xl-text .slide-content .slide-title {
    font-size: 42px;
  }

  .xxl-text .more-items-item .wrapper h2,
  .xxl-text .slide-content .slide-title {
    font-size: 60px;
  }

  .xxl-text .more-items-item .wrapper h4 {
    font-size: 24px;
    line-height: 1.2;
  }

  .nowrap .more-items-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .medium-text .more-items-item .wrapper h2 {
    font-size: 24px;
  }


  .cascade-view.white-items ul li {
    margin-bottom: 0;
  }

  .widget[data-scroll]:not(.col-tabs)>header .tabs>li {
    transform: none !important;
  }

  .border-text {
    -webkit-text-stroke-width: 1px;
  }

  .slide-items-mobile {
    --gap: 0;
  }

  .slide-items-mobile.grow-hover-item .more-items-item {
    transform: none;
  }

  .slide-items-mobile,
  .column>.widget.slide-items-mobile:not(.article-view):not(.full-width) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .slide-items-mobile .pagination-page,
  .slide-items-mobile .pagination.more .pagination-more,
  .slide-items-mobile .pagination.showmore-inline .pagination-page,
  .slide-items-mobile .load-more-bt {
    width: calc(100% - 80px);
    margin-left: auto !important;
    margin-right: auto !important;
    display: none;
  }

  .slides .fotorama__nav-wrap {
    bottom: 10px;
  }


  .wrapper>.link-button,
  .wrapper>.btn-group,
  .more-items-action {
    bottom: 15px;
  }

  .double-cta .link-button a {
    width: 180px;
  }

  #featured-news .more-items-list {
    height: auto;
  }

  /*
  .slider-items-full-width .more-items-list {
    --max-width-column: calc(100vw - (var(--body-h-padding) * 2));
  }
  */



  /* Photo Gallery */
  #photo-gallery {
    padding-left: 0;
    padding-right: 0;
  }

  .galleries-items .galleries-item .galleries-item-title,
  .galleries-items .galleries-item .galleries-item-time,
  .galleries-items .galleries-item .galleries-item-count,
  .galleries-items .galleries-item .view-gallery {
    margin-left: 0;
    margin-right: 0;
  }

  .galleries-items .galleries-item img {
    padding-left: 0;
    padding-right: 0;
  }

  /* Video View */
  .video-view header {
    padding: 15px;
  }

  .video-view,
  .full-content .video-view {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home #row-second {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  /* Social Stream */
  .social-stream.isotope .socialstream-item .socialstream-img,
  .social-stream.isotope .socialstream-item .wrapper {
    border: none;
  }

  .full-content .widget.social-stream {
    padding-left: 10px;
    padding-right: 10px;
  }

  .socialstream-items-list {
    height: auto !important;
  }

  .social-stream .socialstream-item,
  .full-content .social-stream .socialstream-item {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .full-content .social-stream.isotope {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding-top: 40px;
  }

  .social-stream.isotope ul {
    position: inherit;
  }

  /* Videos */

  #top-media .slides {
    width: 100%;
    min-height: 200px;
  }

  #top-media .slides .fotorama__video {
    width: 100%;
  }

  /* Article */
  body.news .article-view .article-aside,
  body.news .article-view header>*,
  body.news .article-view-footer,
  .full-width .article-view-body> :not(figure):not(blockquote),
  .full-width .article-view-body>p iframe,
  .full-content .article-view-body>p,
  .full-content .article-view-body>div,
  .full-content .article-view-body>ul,
  .full-content .article-view-body>a,
  body.news .article-view-body .img-75 {
    padding-right: 0;
    padding-left: 0;
  }

  body.news .widget.article-view .article {
    padding: 15px 0;
  }

  body.news #top-media.article-image.hero-img,
  body.news #top-media.hero-img,
  body.news #top-media.article-image.hero-img>ul,
  body.news #top-media.hero-img>ul,
  body.news #top-media.article-image.hero-img>ul>li>a img,
  body.news #top-media.hero-img>ul>li>a img {
    height: auto
  }

  body.news #top-media.hero-img>ul>li {
    position: relative;
  }

  .article-view header>* {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  body.news .article-view-title,
  body.news .article-view-time,
  body.news .article-view-category,
  body.news .article-view-intro,
  body.news .article-view-body,
  body.news .article-view header figure,
  body.news .article-view #slideshow-gallery,
  body.news .article-view-footer,
  body.news .article header {
    margin-left: auto;
    margin-right: auto;
  }

  body.news .widget.article-view .article {
    margin-left: 0;
    transform: none;
  }

  body.news.event-page .widget.article-view .article {
    margin-bottom: 0;
  }

  .column>.widget:not(.full-width):not(.widget-wrapper) .article {
    max-width: 100% !important;
  }

  .widget.article-view .article {
    padding-top: 40px;
  }

  .article-view header>* {
    padding-right: 0;
  }

  .article-view-title,
  .article-view-time,
  .article-view-category,
  .article-view-intro,
  .article-view-body,
  .article-view header figure,
  .article-view #slideshow-gallery,
  .article-view-footer,
  .article header {
    max-width: var(--max-width-column);
  }

  .article-view header figure,
  .article-view #slideshow-gallery {
    max-width: 100%;
  }

  .widget.article-view.full-width .article::before {
    right: 0;
    margin-right: 0;
    left: 0;
    width: auto;
    height: 70px;
    top: 0;
    background-image: url(../img/article-top-texture.png);
    background-size: auto 60px;
    background-repeat: repeat-x;
    background-position: center;
  }

  .article-view-intro p {
    font-size: 18px;
  }

  .article-view-title {
    margin: 20px auto;
    font-size: 28px;
  }

  .widget.article-view .article header {
    margin-bottom: 15px;
  }

  .img-25 {
    width: 47%;
  }

  .article-view-body figure.img-25,
  .article-view-body figure.img-50,
  .article-view-body figure.img-50.img-right,
  .article-view-body figure.img-75,
  .article-view-body figure.img-100 {
    padding-left: 0;
    padding-right: 0;
  }

  .share-buttons .share {
    margin-bottom: 20px;
  }

  .share-buttons .share a {
    width: 35px;
    height: 35px;
    margin: 0 5px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
  }

  .md-modal {
    max-height: 90svh;
    ;
  }

  .md-modal.modal-overlay {
    margin-left: -45% !important;
  }

  .md-content .md-header .md-header-title {
    font-size: 20px;
  }

  #modal-newsletter .md-content>.controls.dontshow {
    width: 224px;
    bottom: 19px;
  }


  .modal-overlay #ov-data-wrapper {
    padding: 10px 25px;
  }

  .modal-download-terms .order-buttons {
    flex-direction: column;
  }

  /* Countdown */

  #header .countdown {
    position: fixed;
    top: calc(var(--header-height) - 1px);
    width: 100%;
    height: calc(var(--header-height) + 1px);
    left: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    background-color: var(--white);
    color: var(--dark);
    /*display:none;*/
  }

  #header .countdown .widget-title {
    text-align: left;
    color: var(--dark);
    margin-right: 5px;
  }

  #header #countdown .widget-title {
    display: none;
  }

  header .countdown-fotorama {
    margin-left: 0;
    margin-right: 0;

  }

  header .countdown-text span.number {
    font-size: 14px;
  }

  #header #countdown .countdown-time>span {

    margin-left: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

  }

  #header #countdown .countdown-time>span.secs {
    width: 26px;
  }

  #header #countdown .countdown-time>span:before {
    content: ":";
    margin-right: 3px;
  }

  #header #countdown .countdown-time>span:first-child:before {
    display: none;
  }

  body:not(.one-blue-voice) #header #countdown {
    position: fixed;
    padding-right: 30%;
    left: 0;
    top: var(--row1-height);
    right: 0;
    background: var(--cyan);
    z-index: 2;
    height: 45px;
  }

  #header #countdown .widget-title {
    display: block;
    width: 38%;
    padding: 0 0 0 16px;
    text-align: left;
    font-size: 14px;
  }

  #header .countdown-text span.name {
    display: block;
    font-size: 10px;
    color: rgba(255, 255, 255, .5);
  }

  #header #countdown .countdown-time>span::before {
    display: none;
  }

  body:not(.sustainability-v2) #header #countdown:after {
    width: 30%;
    background-size: 90% auto;
  }

  #header .countdown-fotorama {
    width: 45%;
  }

  #header .countdown-text span.number {
    font-size: 18px;
  }



  #user-menu {
    padding-left: 0;
  }

  .md-content .md-header {
    height: 70px;
  }

  .md-content>*,
  .md-content .md-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-tabs.center-tabs header {
    max-width: 100% !important;
  }

  .icon-tabs.center-tabs header li a {
    font-size: 9px;
    padding: 5px 9px;
    letter-spacing: 0.7px;
    width: 100%;
  }

  .icon-tabs.center-tabs header li.tab-sustainability {
    width: 20%;
  }

  .large-text .more-items-item .wrapper h2,
  .large-text.img-aside .more-items-item .wrapper h2,
  .large-text.text-over .more-items-item .wrapper h2 {
    font-size: 27px;
  }

  .tabs {
    justify-content: space-around;
    align-items: flex-start;
    margin: 0 auto;
  }

  .tabs-col:not(.slide-items-events)>.tabs-content,
  .tabs-col:not(.slide-items-events)>.more-items-list {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-col>header .tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    position: relative;
    width: auto;
    padding: 0 !important;
  }

  .tabs-col>header .tabs li a {
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 1px;
  }

  .large-tabs .tabs li a {
    font-size: 14px;
  }

  .tabs li a {
    font-size: 13px;
  }


  .icon-tabs.center-tabs header li a::before,
  .icon-tabs.center-tabs>ul li a::before,
  .tab .input-group::before {
    font-size: 24px;
  }

  .icon-tabs.center-tabs header li {
    width: 20%;
  }

  .sponsor li {
    width: calc(50% - var(--gap)) !important;
  }

  #host-partners ul li>a img,
  #official-sponsor ul li>a img,
  #sponsor ul li>a img {
    padding-right: 0;
  }

  .widget[data-label] {
    padding-top: 43px;
    background-size: auto 76px;
  }

  .widget[data-label]::before {
    font-size: 117px;
    line-height: 86px;
    margin-top: -5px;
  }

  .hero-img.slider-widget ul,
  .hero-img.slider-widget ul li {
    height: 100%;
  }

  .hero-img.slider-widget.boxed.bottom-box ul li {
    justify-content: flex-start;
  }

  body.news .hero-img~* {
    margin-top: calc(var(--vh, 1vh) * 70);
  }

  #home-top ul li .wrapper {
    width: calc(100vw - 25px);
    height: 170px;
    padding: 15px 20px 50px 20px;
  }

  #home-top ul li .wrapper p {
    font-size: 14px;
  }

  .landing-news .more-items-item .wrapper {
    position: relative
  }

  .slider-widget-menu {
    left: 25px;
    z-index: 1;
    padding: 0 25px;
    bottom: 36px;
  }

  .slider-widget-menu ul li {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    margin: 0 3px;
  }

  .slider-widget-menu ul li.active-left:not(.off-right):not(.off-left),
  .slider-widget-menu ul li.active-right:not(.off-right):not(.off-left) {
    width: 21px;
  }


  .slider-widget .more-items-item .wrapper h2 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  /* How to watch */
  #landing-select-broadcaster .tabs-content:before {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 112.5% */
    letter-spacing: -0.24px;
    text-align: left;
  }

  #landing-select-broadcaster .modal-country-select {
    top: calc(100% + 7px);
  }

  #landing-select-broadcaster .tabs-content .country-selected>div .country-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 112.5% */
    letter-spacing: -0.24px;
    height: 42px;
    width: calc(100% - 28px);
    margin-left: -20px;
    padding-left: 26px;
  }

  #landing-select-broadcaster .tabs-content .country-selected>div .country-flag {}

  #landing-select-broadcaster .tabs-content .country-selected>div .country-message {
    height: 42px;
    width: 56px;
    margin-left: -8px;
  }

  #landing-select-broadcaster .tabs-content .country-selected>div .country-message:before {
    height: 34px;
    background: url(../img/chevron-right-dark.svg) 13px center no-repeat transparent;
    background-size: auto 45%;
  }

  #landing-select-broadcaster .modal-country-select {
    left: 0;
    max-width: 100%;
    width: 100%;
  }

  #landing-select-broadcaster .tabs-content .country-selected>div .country-name-group {
    width: 100%;
  }

  #landing-select-broadcaster .tabs-content .country-selected.not-selected>div .country-name {
    width: 100%;
  }

  #landing-select-broadcaster {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 10px;
  }

  #landing-select-broadcaster .tabs-content {
    margin-top: 10px;
  }

  .schedule-session-channels>div {
    margin-bottom: 10px;
  }

  .schedule-session-channels .logo-container img {
    width: 85px;
    aspect-ratio: 85/60;
    border-radius: 6px;
    margin-right: 12px;
  }

  .schedule-session-channels .logo-container .schedule-name-logo {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    /* 115% */
    letter-spacing: -0.3px;
    margin-right: auto;
  }

  .schedule-session-channels .logo-container {
    padding-right: 8px;
  }

  .schedule-session-channels .logo-container .link-button {
    position: relative;
  }

  .schedule-session-channels .logo-container .link-button a {
    width: 42px;
    color: transparent;
    padding: 0;
    height: 42px;
  }

  .schedule-session-channels .logo-container .link-button:after {
    display: none;
  }

  .schedule-session-channels .logo-container .link-button a:after {
    content: "\ea6c";
    font-family: "Remixicon";
    position: absolute;
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }

  #channel-list {
    min-height: 400px;
  }

  #header .countdown .widget-title>div {
    display: none !important;
  }

  .simple-button {
    padding-bottom: calc(var(--body-h-padding) * 2);
  }


  /* Home pre live */
  #calendar-tabs .titles .widget-sub-title {
    font-size: 18px;
  }

  #calendar-tabs .schedule-items-list li.schedule-item-item {
    padding: 5px 0;

  }

  #calendar-tabs.tabs-below .schedule-items-list li.schedule-item-item {
    margin: 0 10px;
  }

  #calendar-tabs .schedule-items-list .schedule-item-item .wrapper .schedule-item-container {
    width: 130px;
  }

  #calendar-tabs .schedule-items-list .schedule-item-item div.schedule-item-title {
    font-size: 18px;
  }



  /* Press kit */
  .event-page .press-kit .article-view-body {
    margin-left: auto;
  }

  /* Cookies */

  #gdpr-cookie-message {
    bottom: auto;
    right: 0;
    left: 0;
    top: calc(var(--header-height) * 2);
    opacity: 0;
    transition: opacity .3s var(--easing);
    max-width: 100%;
  }

  .scroll-not-top #gdpr-cookie-message {
    opacity: 1;
    transition: opacity .3s var(--easing);
  }


  /* PRE EVENT HOME */


  #results-home-wrapper #fixture-tabs>header {
    padding: 0;
  }

  .embed-fixture #fixture-tabs>.section-title {
    font-size: 24px;
  }

  .slider-widget .live .wrapper h2 a:after {
    margin-left: 12px;
    margin-top: -5px;
    height: 34px;
  }

  .timeline {
    aspect-ratio: unset;
  }

  .timeline:after {
    display: none;
  }

  .timeline .tabs-content {
    height: 100%;
  }

  .timeline .tabs-content .more-items-groups {
    padding-bottom: 20px;
  }

  #countdown-top-stories {
    width: calc(100vw - 25px);
    right: 0;
    height: auto;
    flex-direction: row;
    bottom: 190px;
    padding: 10px 15px 10px 20px;
    justify-content: space-between;
  }

  #countdown-top-stories:after {
    width: 18%;
    height: 33px;
    margin: 0;
    background-position: right;
  }

  #countdown-top-stories .widget-title {
    margin-bottom: 0;
    text-align: left;
    font-size: 12px;
    padding-right: 0;
    width: 32%;
  }

  #countdown-top-stories .countdown-fotorama {
    width: 50%;
  }

  .countdown-text strong {
    font-size: 18px;
  }

  .countdown-text span {
    font-size: 9px;
    min-width: 27px;
  }



  .home-banner .more-items-item>a img {
    height: auto;
    aspect-ratio: 6/5;
  }

  .icon-banner .more-items-item .wrapper h2 a {
    flex-direction: column-reverse;
    text-align: center;
    white-space: revert;
  }

  .icon-banner .more-items-item .wrapper h2 a:after {
    width: 20vw;
    margin-bottom: 20px;
    margin-left: 0;
    height: auto;

  }

  .icon-banner .more-items-item.right-top .wrapper h2,
  .icon-banner .more-items-item.right-center .wrapper h2,
  .icon-banner .more-items-item.right-bottom .wrapper h2 {
    padding-left: 0;
  }

  .icon-banner .more-items-item.left-top .wrapper h2,
  .icon-banner .more-items-item.left-center .wrapper h2,
  .icon-banner .more-items-item.left-bottom .wrapper h2 {
    padding-right: 0;
  }

  .icon-banner .more-items-item.left-top .wrapper h2 a,
  .icon-banner .more-items-item.left-center .wrapper h2 a,
  .icon-banner .more-items-item.left-bottom .wrapper h2 a,
  .icon-banner .more-items-item.right-top .wrapper h2 a,
  .icon-banner .more-items-item.right-center .wrapper h2 a,
  .icon-banner .more-items-item.right-bottom .wrapper h2 a {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: stretch;
    padding: 20px 0;
  }

  .icon-banner .more-items-item.left-top .wrapper h2 a:after,
  .icon-banner .more-items-item.left-center .wrapper h2 a:after,
  .icon-banner .more-items-item.left-bottom .wrapper h2 a:after,
  .icon-banner .more-items-item.right-top .wrapper h2 a:after,
  .icon-banner .more-items-item.right-center .wrapper h2 a:after,
  .icon-banner .more-items-item.right-bottom .wrapper h2 a:after {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
  }


  #footer-partners-wrapper-2 #global-partners .more-items-list {
    flex-wrap: nowrap;
  }

  #footer-partners-wrapper #host-partners .more-items-item {
    width: calc(25% - var(--gap));
  }

  #footer-partners-wrapper .x-small-title>.widget-title {
    font-size: 12px;
    margin-bottom: 20px;
  }

  #footer-partners-wrapper #partners-title>.widget-title {
    font-size: 12px;
  }

  #footer-partners-wrapper .more-items-item>a {
    height: 60px;
  }

  #timekeeper {
    padding-bottom: 40px;
    width: 100%;
  }

  #global-partners {
    width: 100%;
  }

  #timekeeper ul li {
    width: 33%;
  }

  #footer-partners-wrapper #official-sponsors .more-items-item>a {
    width: 100%;
  }

  #footer-partners-wrapper #official-sponsors .more-items-item {
    width: calc(33.33333% - var(--gap));
  }

  #footer-partners-wrapper .widget {
    padding-top: calc(var(--body-h-padding) * 1);
    padding-bottom: calc(var(--body-h-padding) * 1);
  }


  #header>.wrapper-group>.wrapper.row2 {
    display: flex;
  }


  #header #navigation-toggle {
    display: flex;
  }

  #navigation-toggle span {
    display: none;
  }

  #navigation-toggle:after {
    margin-left: 0;
    font-size: 25px;
    width: 25px;
  }

  #header #navigation-toggle {
    border-left: none;
    margin-left: 0;
    padding: 0 17px;
    z-index: 2;
  }

  .navigation.burger-nav {
    background-position: -87px -67px;
    padding-bottom: 90px;
    z-index: 1;
    background-size: cover;
  }

  .navigation.burger-nav .menu {
    padding-left: 20px;
    width: calc(100% - 30px);
  }

  .navigation.burger-nav.open .menu>li>a {
    line-height: 1.2;
  }

  .navigation.burger-nav .menu>li:not(.dropdown)>a {
    width: 100%;
    max-width: 189px;
  }

  .navigation.burger-nav>.menu>li:not(#languages) {
    margin: 7px 0;
  }

  .navigation.burger-nav .menu>li.dropdown:not(#languages)>a {
    width: 173px;
    flex-wrap: nowrap;
  }

  .navigation.burger-nav .menu>li:not(#languages)>a {
    margin-right: 5px;
  }

  .navigation.burger-nav .menu>li.dropdown .submenu li a {
    font-size: 13px;
  }

  .navigation.burger-nav .menu>li.dropdown .submenu {
    width: calc(100% - 207px);
    position: fixed;
    left: 196px;
    bottom: 100px;
    top: 0;
    height: auto;
  }

  .navigation.burger-nav #socialLinks {
    width: 100%;
    padding: 10px 8px;
    height: auto;
  }

  #header .social-icons {
    width: 100%;
  }

  .navigation.burger-nav.open .menu>li#languages {
    bottom: 69px;
    width: 100%;
    padding: 10px 20px;
    justify-content: flex-start;
  }

  #header .social-icons a {
    font-size: 22px;
    line-height: 22px;
    height: 22px;
  }

  #header .social-icons>div h3 {
    height: 24px;
  }

  .navigation.burger-nav .menu>li#languages a {
    width: 20px;
  }

  #home-top-wrapper .hero-img ul li>a,
  .live-announcements-on #home-top-wrapper .hero-img ul li>a {
    height: calc(100% - 150px);
  }

  #header .social-icons a,
  #header .social-icons>div {
    padding: 0 5px;
  }



  #modal-tv .widget>ul {
    max-height: 70svh;
  }

  #general-schedule {
    overflow: visible;
  }

  #general-schedule header {
    position: absolute;
    z-index: 4;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .3s var(--easing);
    box-shadow: -5px 0px 17px 5px #00000069;
    padding-top: 64px;
    height: auto;
    left: 0;
    right: 0;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: var(--border-radius-md);
    padding-bottom: 5px;
    padding-top: 5px;
    top: 61px !important;
  }

  #general-schedule.filters-open header {
    opacity: 1;
    pointer-events: all;
    transition: all .3s var(--easing);
  }

  #general-schedule .calendar-content {
    width: 100%;
    padding: 0;
    max-width: 100% !important;
  }

  #general-schedule .more-items-group>.wrapper {
    top: calc(var(--header-height));
    padding-left: var(--body-h-padding);
    padding-right: var(--body-h-padding);
  }

  #general-schedule .more-items-group>.wrapper #general-schedule .more-items-group>.wrapper h2 {
    font-size: 24px;
  }

  #general-schedule .more-items-item>.wrapper>h2 {
    font-size: 18px;
  }

  #general-schedule .more-items-item>.wrapper {
    padding-right: var(--body-h-padding);
  }

  #calendar-container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 10px;
  }

  #calendar-container .arrows-container {
    right: 10px;
  }

  #general-schedule header .tabs .tab-tab-label a {
    padding: 10px;
  }

  #general-schedule .calendar-content .day-selector {
    top: calc(var(--header-height)* 2);
  }

  .calendar-content #toggle-calendar-button {
    margin-right: 60px;
    border: none;
    padding: 0;
    margin-top: -61px;
    font-size: 25px;
    color: #fff;
    background: transparent;
  }

  #general-schedule header .tabs {
    padding: 0;
  }

  .calendar-toggle {
    position: absolute;
    top: 24px;
    z-index: 5;
    text-align: right;
    width: 28px !important;
    margin-left: auto !important;
    margin-right: 15px !important;
    transform: translate(0px, 43px);
    margin-top: -50px;
  }

  .calendar-toggle:before {
    font-size: 28px;
    top: 72px;
    position: relative;
    width: 28px;
    display: block;
    text-align: center;
    color: #fff;
    content: "\f3f4";
    font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

  }

  .filters-open .calendar-toggle:before {
    content: "\eb98";
    font-family: 'remixicon';
    color: #000;
    right: -11px;
    top: 15px;
  }

  .filters-open .calendar-toggle {
    position: absolute;
    top: 0;
    margin-top: 0;
    transform: none;
  }

  #general-schedule.filters-open .calendar-content .day-selector {
    position: relative;
    top: 0;
  }

  .month-container {
    grid-template-columns: repeat(7, 13%);
    grid-auto-rows: minmax(37px, auto);
  }

  .calendar-content #toggle-calendar-button:after {
    display: none;
  }



  /* Results 2024 */
  #results-tabs>header>.tabs li a {
    padding: 10px;
    font-size: 12px;
    min-width: 17vh;
  }

  .match-content .match-info .match-name {
    font-size: 18px;
  }

  .match-content .team-container .team-name {
    padding-right: 0;
  }

  .match-content .team-container .team-name h2.team-name-all {
    font-size: 12px;
  }

  .match-content .team-container .team-logo {
    width: 30px
  }

  .match-content .match-info .match-results {
    font-size: 18px;
    line-height: 28px;
    width: 30px;
    height: 28px;
    padding: 0;
    border-radius: var(--border-radius);
  }

  .status-4 .match-content .team-container {
    width: calc(100% - 67px);
  }

  .status-4 .match-content .match-info.match-points {
    width: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 5px;
  }

  .status-4 .match-content .match-info.match-points .team-a:before {
    margin-right: 0px;
  }

  .status-4 .match-content .match-info.match-points .team-b:before {
    font-size: 11px;
    text-align: center;
    line-height: 1;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .team-flag img {
    height: auto;
    width: 25px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-name {
    font-size: 12px;
    line-height: 1.2;
    min-width: 45px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col td.team-points {
    padding: 0;
    width: auto;
    min-width: 30px;
    font-size: 16px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .data-header td.team-points {
    font-size: 9px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col .team-flag {
    width: 55px;
  }

  .angular-fixture .more-items-item .wrapper .team .team-position-team,
  .standings-show .data-col td.team-position {
    width: 25px;
  }

  .standings-show .data-col td.team-name h2 {
    font-size: 12px;
  }

  .angular-fixture .more-items-item .wrapper .team>.team-time span {
    min-width: 67px;
    font-size: 12px;
    text-align: center;
  }

  .match-content .match-info.match-points {
    padding-top: 37px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col tr.data-header td:first-child {
    min-width: 100px;
    min-height: 12px;
  }

  #angular-fixture-races.angular-fixture .tabs-content>.widget>table.data-col {
    padding-right: 30px !important;
  }

  .downloads.home #angular-fixture-races>header {
    display: none !important;
  }

  #welcome-items>ul .owl-item>li {
    height: calc(50svh - 50px);
  }

  #login-component {
    width: 100%;
    max-width: 100%;
  }

  #header-title .widget-title {
    display: flex;
    flex-direction: column;
    flex: none;
    margin: 0;
    font-size: 18px;
  }

  #header>.wrapper-group>.wrapper.row1 {
    min-width: 140px;
  }

  .header-footer-zone.empty-zone {
    display: none !important;
  }

  #user-menu .menu:not(.not-logged) {
    padding: 0 14px;
  }

  #user-menu .menu>li.dropdown #user>a i:before {
    font-size: 29px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  #quick-links {
    margin-left: -15px;
    width: 100vw;
    padding-left: 0;
  }

  .tabs-end,
  .tabs-start {
    justify-content: center;

  }

  #vertical-menu>.tabs-content>.tabs-view>header {
    display: flex;
  }

  #vertical-menu .section-title,
  #vertical-menu .widget-title {
    margin: 0 auto 30px auto !important;
    text-align:center;
  }

  #vertical-menu h1.section-title,
  #vertical-menu h1.widget-title {
    font-size: 28px;
  }

  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li:nth-child(4n+1),
  .simple-view.thumbnails-view.downloads-main .downloads-container>ul li {
    width: 50%;
  }

  #login-component .col1>form,
  #login-component .inline-login-header,
  .user-settings-control,
  #login-component #inline-login>h2,
  #login-component #inline-login .button-group,
  .social-login-or,
  .social-login.v2 {
    width: 100%;
    max-width: 100%;
  }

  #inline-login h2 {
    margin-bottom: 10px;
    margin-top: 10px;
  }


  #event-info-wrapper>* {
    width: 100%;
  }


  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text {
    position: relative;
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .team-list.landing-teams .more-items-list .more-items-item .wrapper .more-items-long-text {
    width: 100%;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div {
    flex-direction: row;
    width: 48%;
    justify-content: flex-start;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:after {
    order: 0;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text>div:before {
    width: 14px;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club {
    width: 100%;
    border-left: none;
    border-right: none;
    padding: 20px 0;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .team-list .more-items-list .more-items-item .wrapper .more-items-long-text .team-club img {
    width: 20%;
  }

  .team-list.landing-teams .more-items-list .more-items-item .wrapper,
  .team-list .more-items-list .more-items-item>a:not(.all-box-link) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .team-links {
    margin-top: 15px !important;
    order: 1;
    padding-top: 15px;
    border-top: 1px solid #ddd;
  }

  .team-list.landing-teams .more-items-list .more-items-item .wrapper .more-items-long-text .team-club {
    width: 60%;
    margin-bottom: 14px;
  }
}

/* Retina Display adjustments - General
  ========================================================== */
/* @media only screen and (-webkit-min-device-pixel-ratio: 2),

/* Webkit-based browsers */
/*(min--moz-device-pixel-ratio: 2),*/
/* Older Firefox browsers (prior to Firefox 16) */
/*(min-resolution: 2dppx) {}*/
/* ==========================================================
   PRINT
   ========================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* ==========================================================
   IE Fixes
   ========================================================== */
.submenu-wrap {
  display: none;
}

/* ==========================================================
   Mediahub – Media Centre Widget
   ========================================================== */

:root {
  /* ── Core palette ── */
  --mh-primary: #239fd6;
  --mh-primary-rgb: 35, 159, 214;
  --mh-secondary: #58595B;
  --mh-white: #ffffff;
  --mh-dark: #061c32;
  --mh-text: #061c32;
  --mh-text-muted: #586069;
  --mh-icon-muted: #8c919a;
  --mh-danger: #d1242f;
  --mh-danger-light: #fff0f0;
  --mh-danger-border: #ffc1c1;

  /* ── Backgrounds ── */
  --mh-bg-grey: #f4f6f8;
  --mh-bg-grey-1: #f9f9fb;
  --mh-bg-grey-2: #e0e4e8;

  /* ── Borders ── */
  --mh-border: #e0e4e8;
  --mh-border-hover: #a0a6af;
  --mh-border-active: #a0a6af;

  /* ── Elevation ── */
  --mh-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  --mh-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --mh-shadow-focus: 0 0 0 3px rgba(var(--mh-primary-rgb), 0.25);

  /* ── Shape & motion ── */
  --mh-radius-sm: 4px;
  --mh-radius: 8px;
  --mh-radius-full: 9999px;
  --mh-transition: all 0.2s;

  /* ── Spacing scale (4 px base) ── */
  --mh-space-xs: 4px;
  --mh-space-sm: 10px;
  --mh-space-md: 16px;
  --mh-space-lg: 20px;
  --mh-space-xl: 32px;
  --mh-space-2xl: 48px;

  /* ── Layout ── */
  --mh-max-width-column: 1440px;
  --mh-related-content-width: 350px;
  --mh-h-padding: var(--mh-space-md);
  --mh-card-min: 250px;
  --mh-media-gap: var(--mh-space-lg);
  --mh-gap-sm: 12px;
  --mh-gap: 25px;
  --mh-gap-md: 30px;
  --mh-gap-lg: 45px;

  /* ── Button tokens ── */
  --mh-btn-padding-y: 8px;
  --mh-btn-padding-x: 28px;
  --mh-btn-radius: 6px;
  --mh-btn-radius-md: 15px;
  --mh-btn-radius-lg: 22px;
  --mh-btn-font-size: 13px;
  --mh-btn-font-weight: 600;
  --mh-btn-letter-spacing: 0.01em;
  --mh-btn-transition: var(--mh-transition);

  /* Button – primary (filled) */
  --mh-btn-primary-bg: var(--mh-primary);
  --mh-btn-primary-color: var(--mh-white);
  --mh-btn-primary-border: var(--mh-primary);
  --mh-btn-primary-hover-bg: color-mix(in srgb, var(--mh-primary) 95%, black);
  --mh-btn-primary-hover-color: color-mix(in srgb, var(--mh-primary) 95%, black);
  --mh-btn-primary-hover-border: color-mix(in srgb, var(--mh-primary) 95%, black);

  /* Button – secondary (outline) */
  --mh-btn-secondary-bg: var(--mh-white);
  --mh-btn-secondary-color: var(--mh-text);
  --mh-btn-secondary-border: var(--mh-border);
  --mh-btn-secondary-hover-bg: var(--mh-bg-grey-1);
  --mh-btn-secondary-hover-color: var(--mh-primary);
  --mh-btn-secondary-hover-border: transparent;

  /* Button – disabled */
  --mh-btn-disabled-bg: var(--mh-bg-grey);
  --mh-btn-disabled-color: var(--mh-icon-muted);
  --mh-btn-disabled-border: var(--mh-border);

  /* Button – ghost / text-only */
  --mh-btn-ghost-bg: transparent;
  --mh-btn-ghost-color: var(--mh-text-muted);
  --mh-btn-ghost-border: transparent;
  --mh-btn-ghost-hover-bg: var(--mh-bg-grey-1);
  --mh-btn-ghost-hover-color: var(--mh-primary);
  --mh-btn-ghost-hover-border: transparent;
}

/* ==========================================================
   1. Widget base
   ========================================================== */

.mediahub-widget {
  /*font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
  color: var(--mh-text);
  background: transparent;
  overflow: clip;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.mediahub-widget svg.mh-ico {
  width: 1em;
  height: 1em;
  fill: var(--mh-text);
  vertical-align: middle;
  flex-shrink: 0;
  display: inline-block;
}

/* ==========================================================
   2. Buttons
   ========================================================== */


/* ── Base ── */
.mh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: var(--mh-btn-padding-y) var(--mh-btn-padding-x);
  border: 1px solid transparent;
  border-radius: var(--mh-btn-radius);
  font-family: inherit;
  font-size: var(--mh-btn-font-size);
  font-weight: var(--mh-btn-font-weight);
  letter-spacing: var(--mh-btn-letter-spacing);
  line-height: 1.4;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: var(--mh-btn-transition);
  -webkit-user-select: none;
  user-select: none;
}

.mh-btn:focus-visible {
  outline: none;
  box-shadow: var(--mh-shadow-focus);
}

.mh-btn:disabled,
.mh-btn.is-disabled {
  background-color: var(--mh-btn-disabled-bg);
  color: var(--mh-btn-disabled-color);
  border-color: var(--mh-btn-disabled-border);
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
.mh-btn:disabled svg,
.mh-btn.is-disabled svg {
  fill: var(--mh-btn-disabled-color);
}
/* ── Primary (filled) ── */
.mh-btn-primary {
  background-color: var(--mh-btn-primary-bg);
  color: var(--mh-btn-primary-color);
  border-color: var(--mh-btn-primary-border);
}

.mh-btn-primary:hover {
  background-color: var(--mh-btn-primary-hover-bg);
  color: #fff;
  border-color: var(--mh-btn-primary-hover-border);
  box-shadow: var(--mh-shadow-sm);
}

.mh-btn-primary:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ── Secondary (outline) ── */
.mh-btn-secondary {
  background-color: var(--mh-btn-secondary-bg);
  color: var(--mh-btn-secondary-color);
  border-color: var(--mh-btn-secondary-border);
}

.mh-btn-secondary:hover {
  background-color: var(--mh-btn-secondary-hover-bg);
  color: var(--mh-btn-secondary-hover-color);
  border-color: var(--mh-btn-secondary-hover-border);
}

.mh-btn-secondary:active {
  background-color: var(--mh-bg-grey-2);
}

/* ── Ghost (text-only) ── */
.mh-btn-ghost {
  background-color: var(--mh-btn-ghost-bg);
  color: var(--mh-btn-ghost-color);
  border-color: var(--mh-btn-ghost-border);
}

.mh-btn-ghost:hover {
  background-color: var(--mh-btn-ghost-hover-bg);
  color: var(--mh-btn-ghost-hover-color);
  border-color: var(--mh-btn-ghost-hover-border);
}



/* ── Nav tabs ── */
.mh-btn-nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background-color: transparent;
  text-transform: uppercase;
  color: var(--mh-text);
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-family: inherit;
  font-size: var(--mh-btn-font-size);
  font-weight: var(--mh-btn-font-weight);
  letter-spacing: var(--mh-btn-letter-spacing);
  cursor: pointer;
  transition: var(--mh-btn-transition);
}

.mh-btn-nav:hover {
  color: var(--mh-primary);
  background-color: rgba(var(--mh-primary-rgb), 0.06);
}

.mh-btn-nav.active,
.mh-btn-nav.is-active {
  color: var(--mh-primary);
  border-bottom-color: var(--mh-primary);
}

.mh-btn-nav:focus-visible {
  outline: none;
  box-shadow: var(--mh-shadow-focus);
}



/* ── Exit button ── */
.mh-btn-exit {
  margin-left: 12px;
  vertical-align: middle;
}

.mh-btn-exit .mh-ico {
  font-size: 1.1em;
}


/* ── Icon button ── */
.mh-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--mh-text);
  cursor: pointer;
  padding: 4px;
  border-radius: var(--mh-radius-sm);
  transition: var(--mh-transition);
}

.mh-icon-btn:hover {
  color: var(--mh-btn-primary-hover-color);
}
.mh-icon-btn:hover .mh-ico {
  fill: var(--mh-btn-primary-hover-color);
}
.mh-icon-btn:focus-visible {
  outline: none;
  box-shadow: var(--mh-shadow-focus);
}



/* ── Small size modifier ── */
.mh-btn-sm {
  padding: 6px;
  font-size: 12px;
  border-radius: var(--mh-radius-sm);
}
/* ── Large size modifier ── */
.mh-btn-lg {
  font-size: 20px;
  padding: 2px;
}

/* ── Rounded size modifier ── */
.mh-btn-rounded-full {
  border-radius: var(--mh-radius-full);
}


/* ==========================================================
   3. Search interface
   ========================================================== */

/* ── Container ── */
.mediahub-widget .mh-search-container {
  display: flex;
  flex-direction: column;
  gap: var(--mh-gap-sm);
  max-width: var(--max-width-column);
  width: 100%;
  margin-inline: auto;
  background: transparent;
  padding-bottom: var(--mh-h-padding);}

/* ── Search bar ── */
.mediahub-widget .mh-search-bar {
  position: relative;
  display: flex;
  align-items: center;
  gap:10px;
}
.mh-hide-search.mediahub-widget .mh-search-container {
  display:none;
}
.mediahub-widget .mh-search-input-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  background-color: var(--mh-white);
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius);
  padding: 4px;
}

.mediahub-widget .mh-search-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.mediahub-widget .mh-search-input {
  flex: 1;
  width: 100%;
  height: auto;
  padding: 10px 14px 10px 10px;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mh-text);
  box-shadow: none;
  outline: none;
  transition: var(--mh-transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mediahub-widget .mh-search-input::placeholder {
  color: var(--mh-text);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.6;
}

.mediahub-widget .mh-search-input:focus {
  background-color: transparent;
  color: var(--mh-text);
}

.mediahub-widget .mh-search-input:focus::placeholder {
  opacity: 1;
}

/* ── Clear button ── */
.mediahub-widget .mh-search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin-right: 8px;
  height: auto;
  width: auto;
  background: none;
  border: none;
  color: var(--mh-text-muted);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: var(--mh-transition);
}

.mediahub-widget .mh-search-divider {
  width: 1px;
  height: 24px;
  background-color: var(--mh-border);
  margin: 0 8px;
}

.mediahub-widget .mh-search-default-tags {
  display: flex;
  align-items: center;
}

.mediahub-widget .mh-search-select {
  border: none !important;
  background-color: transparent !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-secondary);
  padding: 10px 30px 10px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2358595B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  height:auto;
}

.mediahub-widget .mh-search-submit {
  flex-shrink: 0;
  margin-left: 8px;
}

.mediahub-widget .mh-search-clear:hover {
  color: var(--mh-text);
}

.mediahub-widget .mh-search-clear:focus-visible {
  outline: none;
  box-shadow: var(--mh-shadow-focus);
  border-radius: var(--mh-radius-sm);
}

/* ── Filter dropdowns ── */
.mh-search-filters {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--mh-gap-sm);
  align-items: center;
}

.mh-filter-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mh-dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 140px;
  padding: 8px 12px;
  background: var(--mh-white);
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  font-size: 13px;
  cursor: pointer;
  transition: var(--mh-transition);
  width: 100%;
}

.mh-dropdown-toggle:hover {
  background: var(--mh-bg-grey-1);
  border-color: var(--mh-border-hover);
}

.mh-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 220px;
  max-height: 300px;
  margin-top: 5px;
  padding: 0;
  background: var(--mh-white);
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.mh-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 15px;
  font-size: 13px;
  color: var(--mh-text);
  cursor: pointer;
  transition: background 0.2s;
}

.mh-dropdown-item:hover {
  background: var(--mh-bg-grey-1);
}

.mh-dropdown-item.is-selected {
  background: rgba(var(--mh-primary-rgb), 0.08);
  color: var(--mh-primary);
  font-weight: 600;
}

.mh-dropdown-item.is-selected .mh-ico {
  color: var(--mh-primary);
}

.mh-dropdown-item .mh-ico {
  font-size: 20px;
  color: var(--mh-icon-muted);
}

/* ── Badge ── */
.mh-badge {
  background: var(--mh-primary);
  color: var(--mh-white);
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  line-height: 1;
}

/* ── Filter select (legacy <select>) ── */
.mediahub-widget .mh-filter-select {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  height: auto;
  padding: 13px 14px 13px 16px;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background-color: var(--mh-white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2358595B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mh-secondary);
  box-shadow: none;
  cursor: pointer;
  outline: none;
  transition: var(--mh-transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mediahub-widget .mh-filter-select:last-child {
  border-right: none;
}

.mediahub-widget .mh-filter-select:hover {
  background-color: var(--mh-bg-grey-1);
}

.mediahub-widget .mh-filter-select:focus {
  background-color: var(--mh-bg-grey-1);
  color: var(--mh-primary);
  box-shadow: inset 0 -2px 0 var(--mh-primary);
}

/* ── Search breadcrumbs ── */
.mediahub-widget .mh-search-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: var(--mh-space-md);
  font-size: 13px;
  color: var(--mh-text-muted);
}

.mediahub-widget .mh-breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  background:rgba(var(--mh-primary-rgb), 0.5);
  border: 1px solid var(--mh-primary);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--mh-dark);
}

.mediahub-widget .mh-breadcrumb-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  background: var(--mh-btn-primary-hover-bg);
  border: none;
  color: var(--mh-white);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: var(--mh-transition);
  border-radius:var(--mh-btn-radius-lg);
}

.mediahub-widget .mh-breadcrumb-remove:hover {
  opacity: 0.7;
}
.mediahub-widget .mh-breadcrumb-remove .mh-ico {
  fill: var(--mh-white);
}

.mediahub-widget .mh-breadcrumb-item.is-excluded {
  background: var(--mh-danger-light);
  border-color: var(--mh-danger-border);
  color: var(--mh-danger);
}

.mediahub-widget .mh-breadcrumb-item.is-excluded strong {
  text-decoration: line-through;
  opacity: 0.7;
}
.mediahub-widget .mh-breadcrumb-item.is-excluded .mh-breadcrumb-remove {
  background: var(--mh-danger);
}
.mediahub-widget .mh-breadcrumb-exclude-toggle {
  margin-left: 5px;
  padding: 0 4px;
  font-size: 14px;
  width: 18px;
  height: 18px;
  color: var(--mh-text-muted);
  opacity: 0.6;
  cursor: pointer;
  transition: var(--mh-transition);
}

.mediahub-widget .mh-breadcrumb-exclude-toggle:hover {
  opacity: 1;
  color: var(--mh-danger);
}

.mediahub-widget .mh-breadcrumb-item.is-excluded .mh-breadcrumb-exclude-toggle {
  color: var(--mh-danger);
  opacity: 1;
}

/* ── Search actions ── */
.mediahub-widget .mh-search-actions {
  display: flex;
  align-items: center;
  gap: var(--mh-space-md);
  flex-shrink: 0;
  justify-content: flex-end;
}

.mediahub-widget .mh-search-actions .mh-btn:hover {
  color: var(--mh-primary);
  background: none;
  box-shadow: none;
}

.mediahub-widget .mh-search-actions .mh-btn .mh-ico {
  display: none;
}

/* ==========================================================
   4. Layout
   ========================================================== */

.mh-layout {
  display: flex;
  max-width: var(--max-width-column);
  width: 100%;
  margin-inline: auto;
  border-radius: var(--mh-radius);
  overflow: clip;
  align-items: flex-start;
  background: #fff;
  position:relative;
}


/* Mosaic view */

.mh-mosaic-view {
  --elementHeight: calc((var(--max-width-column) - var(--mh-related-content-width)) * 0.15);
}
.mh-mosaic-view .mh-preview {
  min-height: calc(var(--elementHeight) * 3);
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none; 
  overflow-x: auto;
  cursor: grab;
}
.mh-mosaic-view .mh-preview::-webkit-scrollbar {
  display:none;
}
.mh-mosaic-view .mh-preview-body {
  padding-top: 95px;
}
.mh-mosaic-view .mh-preview-title {
  position: absolute;
  left: var(--mh-h-padding);
  top: 0;
  right: var(--mh-h-padding);
  width: auto;
}
.mh-mosaic-view .mh-actions-toolbar {
  position: absolute;
  left: var(--mh-h-padding);
  top: 77px;
  right: var(--mh-h-padding);
  display:none;
}
.mh-mosaic-view .mh-media-grid {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  height: calc(var(--elementHeight) * 3);
  width: calc((var(--max-width-column) - var(--mh-related-content-width)) * 1.3);
  overflow: hidden;

}

.mh-mosaic-view .mh-media-card-footer {
  position: absolute;
  bottom:0;
  height:auto;
  opacity:0;
  left:0;
  right:0;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

}

.mh-mosaic-view .mh-media-card:hover {
  border-color: var(--grey-color);

}
.mh-mosaic-view .mh-media-card:hover .mh-media-card-footer {
  opacity:1;
}
.mh-mosaic-view .mh-media-card-title {
  color:#fff;
} 
.mh-mosaic-view .mh-media-card-tools {
  display:none;
}
.mh-mosaic-view .mh-media-card {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0px;
  border-color: white;
  height: var(--elementHeight);
  border-radius: 0;
  background-color: #e0e4e8;
  min-width: 150px;
  pointer-events:none;
  flex-grow: 1;
}
.mh-mosaic-view .mh-media-card:nth-last-child(1),
.mh-mosaic-view .mh-media-card:nth-last-child(2),
.mh-mosaic-view .mh-media-card:nth-last-child(3),
.mh-mosaic-view .mh-media-card:nth-last-child(4),
.mh-mosaic-view .mh-media-card:nth-last-child(5),
.mh-mosaic-view .mh-media-card:nth-last-child(6)  {
    flex-grow: 0 !important;
}
.mh-mosaic-view .mh-media-card:hover {
    box-shadow: none;
    border-radius: var(--mh-radius-sm);
}
.mh-mosaic-view .mh-media-card::selection {
    background: transparent;
}
.mh-mosaic-view .mh-media-thumb {
  width:auto;
  height:auto;
  max-width:100%;
  aspect-ratio:auto;
  pointer-events:all;
}
.mh-mosaic-view .mh-media-thumb .mh-media-thumb-empty,
.mh-mosaic-view .mh-media-thumb img {
  height: var(--elementHeight);
  -o-object-fit: cover;
  object-fit: cover;
  object-position:top;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
  max-height: none;
  min-height: var(--elementHeight);
  width: auto;
  padding: 0;
  pointer-events:none;
}
.mh-mosaic-view .mh-media-thumb .mh-media-thumb-empty {
  min-width: 300px;
}
/* ==========================================================
   5. Sidebar / Tree
   ========================================================== */

/* ── Sidebar shell ── */
.mh-sidebar {
  width: 320px;
  background: var(--mh-white);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position:sticky;
  top: var(--header-height);
}

/* ── Toolbar ── */
.mh-toolbar {
  display: flex;
  padding: var(--mh-space-sm) var(--mh-space-md);
  background: var(--mh-white);
  border-bottom: 1px solid var(--mh-border);
  justify-content: flex-end;
}

.mh-toolbar .mh-view-toggles {
  margin-left: auto;
}
.mh-sidebar.ng-hide ~ .mh-preview:before {
  display: none;
}

/* ── Toggle sidebar ── */
.mh-layout>.mh-toggle-sidebar {
  position: absolute;
  margin: var(--mh-h-padding);
  width: 30px;
}

/* ── Tree ── */
.mh-tree {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  flex-grow: 1;
}

.mh-tree ul {
  padding-left: 28px;
  margin: 0;
}

.mh-tree li {
  list-style: none;
}

/* ── Tree node ── */
.mh-node {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px;
  border-left: none;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.mh-node:hover {
  background: rgba(var(--mh-primary-rgb), 0.05);
}

.mh-node.is-selected {
  background: rgba(var(--mh-primary-rgb), 0.09);
  font-weight: 600;
}

.mh-node-toggle.mh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  border-radius: var(--mh-radius-sm);
  color: var(--mh-icon-muted);
  font-size: 18px;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
}

.mh-node-toggle.mh-btn .mh-ico {
  font-size: 22px;
}

.mh-node-toggle.mh-btn:hover {
  color: var(--mh-secondary);
}

.mh-node-toggle--static {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mh-icon-muted);
  font-size: 18px;
}

.mh-node-toggle--static .mh-ico {
  font-size: 22px;
}

.mh-node-text {
  min-width: 0;
}

.mh-node-name {
  font-size: 15px;
  font-weight: inherit;
  color: var(--mh-text);
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 23px;
  transition: all .5s var(--easing);
  white-space: nowrap;
}
.mh-node-name:hover {
    text-overflow: unset;
    white-space: normal;
    max-height: 300px;
    transition: all .5s var(--easing);
}
.mh-node.is-selected .mh-node-name {
  color: var(--mh-text);
}

.mh-node-meta {
  font-size: 11px;
  color: var(--mh-text-muted);
  margin-top: 2px;
}

/* ==========================================================
   6. Preview
   ========================================================== */

/* ── Container ── */
.mh-preview {
  flex-grow: 1;
  background: var(--mh-white);
  overflow-y: auto;
  padding: 0 0 var(--mh-space-xl) 0;
  min-height: calc(100svh - var(--header-height) - 150px);
}
.mh-preview:before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    background: var(--mh-border);
    display: flex;
    position: absolute;
}
.mh-preview-inner {
  max-width: var(--mh-max-width-column);
  margin: 0 auto;
  padding: 0 var(--mh-h-padding);
}




/* ── Loading ── */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 60px;
  color: var(--mh-text-muted);
}

.loading-container .mh-ico {
  font-size: 48px;
  color: var(--mh-primary);
}

/* ── Actions toolbar (select-all + bulk) ── */
.mh-actions-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--mh-space-sm) 0;
  margin-bottom: var(--mh-space-md);
  border-bottom: 1px solid var(--mh-border);
  
}

.mh-actions-left {
  display: flex;
  align-items: center;
}

.mh-actions-right {
  display: flex;
  align-items: center;
  gap: var(--mh-space-sm);
}

.mh-results-count {
  font-size: 13px;
  color: var(--mh-text-muted);
}

.mh-results-count strong {
  color: var(--mh-text);
  font-weight: 700;
}

.mh-toolbar-divider {
  width: 1px;
  height: 24px;
  background-color: var(--mh-border);
  margin: 0 var(--mh-space-sm);
}

.mh-selection-info {
  display: flex;
  align-items: center;
  gap: var(--mh-space-sm);
}

.mh-sort-info {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mh-sort-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-secondary);
}

.mh-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:4px;
  border-radius: var(--mh-radius-sm);
  color: var(--mh-text-muted);
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  transition: var(--mh-transition);
}

.mh-action-icon:hover {
  background: var(--mh-bg-grey-1);
  color: var(--mh-primary);
}

.mh-action-icon .active {
  color: var(--mh-primary);
}

.mh-action-star {
  color: var(--mh-secondary);
}

.mh-action-checkbox {
  color: var(--mh-primary);
}

.mh-selection-count {
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-secondary);
}

/* ── Media preview (top detail) ── */
.mh-media-preview {
  background: var(--mh-bg-grey-1);
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius);
  padding: var(--mh-space-lg);
  margin-bottom: var(--mh-space-xl);
  box-shadow: var(--mh-shadow-sm);
}

.mh-media-preview-header {
  margin-bottom: var(--mh-space-md);
}

.mh-media-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.mh-media-sub {
  font-size: 12px;
  color: var(--mh-text-muted);
}

.mh-media-preview-body {
  display: flex;
  justify-content: center;
  background: #000;
  border-radius: var(--mh-radius);
  overflow: hidden;
  max-height: 500px;
}

.mh-media-preview-img {
  max-width: 100%;
  max-height: 500px;
  object-fit: contain;
}

/* ── Media grid ── */
.mh-media-grid {
  grid-template-columns: repeat(auto-fit, minmax(var(--mh-card-min), 0fr));
  display: grid;
  gap: var(--mh-media-gap);
}
.mh-media-grid:has(.mh-media-card:nth-child(3)) {
    grid-template-columns: repeat(auto-fit, minmax(var(--mh-card-min), 1fr));
}
.mh-media-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border: 2px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background: var(--mh-white);
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-align: left;
  white-space: normal;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  transition: var(--mh-transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mh-media-card:hover {
  box-shadow: var(--mh-shadow);
  border-color: var(--mh-border-hover);
}

.mh-media-card:focus-visible {
  box-shadow: var(--mh-shadow-focus);
}

.mh-media-card.is-selected {
  border-color: var(--mh-border-active);
  box-shadow: var(--mh-shadow);
}

.mh-media-card.is-checked {
  border-color: var(--mh-primary);
  box-shadow: 0 0 0 1px var(--mh-primary);
}
.mh-media-card.is-checked .mh-ico:has([href="#mh-check-box"]) {
  fill: var(--mh-primary);
}
/* ── Thumbnail ── */
.mh-media-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: var(--mh-bg-grey-2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: none;
}

.mh-media-thumb img {
  width: 100%;
  height: 100%;
  padding: 15px;
  object-fit: contain;
}

/* ── Card footer & tools ── */
.mh-media-card-title {
  padding: var(--mh-space-sm) var(--mh-space-md);
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  color: var(--mh-dark);
  word-break: break-word;
}

.mh-media-card-footer {
  padding: var(--mh-space-sm) var(--mh-space-md);
  height:100%;
  display: flex;
  flex-direction: column;
}

.mh-media-card-footer .mh-media-card-title {
  padding: 0;
  margin-bottom: 10px;
}

.mh-media-card-tools {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
}

.mh-media-format {
  display: inline-block;
  padding: 1px 6px;
  background: var(--mh-bg-grey-2);
  color: var(--mh-text-muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 3px;
  line-height: 1.6;
  margin-right: auto;
}

.mh-tool-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--mh-radius-sm);
  color: var(--mh-text-muted);
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: var(--mh-transition);
}

.mh-tool-icon:hover {
  background: var(--mh-bg-grey-1);
  color: var(--mh-primary);
}

.mh-tool-icon .active {
  color: var(--mh-primary);
}

/* ── Media source badge ── */
.mh-media-source {
  position: static;
  display: block;
  padding: 0 var(--mh-space-md) var(--mh-space-sm);
  background: none;
  color: var(--header-bg, #003b47);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  backdrop-filter: none;
  border-radius: 0;
}

/* ── Empty state ── */
.mh-preview-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 40px;
  color: var(--mh-text-muted);
  text-align: center;
  font-style: italic;
  font-size: 16px;
}

/* ── Pagination ── */
.mh-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mh-space-md);
  flex-wrap: wrap;
  margin-top: var(--mh-space-xl);
  padding-top: var(--mh-space-lg);
  border-top: 1px solid var(--mh-border);
  font-size: 14px;
}

.mh-btn-pag .mh-ico {
  font-size: 1.1em;
}

.mh-pag-info {
  color: var(--mh-text);
  font-size: 14px;
  margin-inline: var(--mh-space-sm);
}

/* ==========================================================
   7. Gallery card view
   ========================================================== */

.mh-gallery-cards {
  margin: var(--mh-space-lg) auto;
  padding: 0;
  border-top: 1px solid var(--mh-border);
  max-width: var(--mh-max-width-column);
}
.mh-preview-inner .mh-gallery-cards {
  border-bottom: 1px solid var(--mh-border);
  border-top: none;
  margin: 0;
  padding-bottom: var(--mh-space-xl);
}
.mh-gallery-cards-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--mh-space-md);
  font-size: 13px;
  color: var(--mh-text-muted);
}

.mh-gallery-cards-header-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mh-gallery-cards-header-right {
  flex:none;
}

.mh-gallery-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--mh-media-gap);
}

/* ── Gallery card ── */
.mh-gallery-card {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background: var(--mh-white);
  overflow: hidden;
  cursor: pointer;
  transition: var(--mh-transition);
}

.mh-gallery-card:hover {
  box-shadow: var(--mh-shadow);
  border-color: var(--mh-border-hover);
}

.mh-gallery-card.is-selected {
  border-color: var(--mh-border-active);
  box-shadow: var(--mh-shadow);
}

.mh-gallery-card-cover {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: var(--mh-bg-grey-2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex:none;
}

.mh-gallery-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mh-gallery-card-cover-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--mh-text-muted);
  font-size: 48px;
  opacity: 0.3;
}

.mh-gallery-card-info {
  padding: var(--mh-space-sm);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.mh-gallery-card-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--mh-secondary);
  margin-bottom: 2px;
}

.mh-gallery-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--mh-text-muted);
  margin-top: auto;
}

.mh-gallery-card-meta .mh-ico {
  font-size: 16px;
  opacity: 0.5;
}

/* ── Gallery card breadcrumb ── */
.mh-card-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 13px;
}

.mh-card-breadcrumb-item {
  color: var(--mh-primary);
  cursor: pointer;
  text-decoration: none;
  transition: var(--mh-transition);
}

.mh-card-breadcrumb-item:hover {
  text-decoration: underline;
}

.mh-card-breadcrumb-item.is-current {
  color: var(--mh-text);
  font-weight: 600;
  cursor: default;
}

.mh-card-breadcrumb-item.is-current:hover {
  text-decoration: none;
}

.mh-card-breadcrumb-sep {
  color: var(--mh-text-muted);
  font-size: 16px;
  line-height: 1;
}





/* ==========================================================
   8. Modal preview
   ========================================================== */

#modal-preview-mediahub {
  width: 100%;
  max-width: var(--max-width-column);
  min-width: 0;
  height: 90svh;
  max-height: unset;
  top: 5svh;
  left: 50%;
  transform: none;
  margin-left: calc(var(--max-width-column) / -2);
  bottom: 20px;
  border-radius: var(--mh-radius);
  overflow: visible;
}

#modal-preview-mediahub .md-content>* {
  padding: 0;
  margin: 0;
  font-size: inherit;
}

#modal-preview-mediahub .md-content {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 50%;
  background: var(--mh-white);
  overflow: hidden;
  /*font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
  font-size: 14px;
  color: var(--mh-text);
  border-radius: var(--mh-radius);
}

/* ── Modal header ── */
#modal-preview-mediahub .md-content .md-header {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mh-space-md);
  padding: 0 var(--mh-h-padding);
  height: 65px;
  margin: 0;
  background: var(--mh-bg-grey-1);
  border-bottom: 1px solid var(--mh-border);
  color: var(--mh-text);
  position: relative;
}

#modal-preview-mediahub .md-content .md-header .md-header-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#modal-preview-mediahub .md-content .md-header .md-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--mh-radius-sm);
  color: var(--mh-text-muted);
  font-size: 24px;
  flex-shrink: 0;
  text-decoration: none;
  transition: var(--mh-transition);
}

#modal-preview-mediahub .md-content .md-header .md-close:hover {
  background: var(--mh-bg-grey-2);
  color: var(--mh-text);
}

/* ── Modal body (image panel) ── */
#modal-preview-mediahub .md-content .md-body {
  grid-row: 2;
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mh-white);
  padding: var(--mh-space-2xl) var(--mh-space-md) var(--mh-space-2xl) var(--mh-space-xl);
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

#modal-preview-mediahub .md-content .md-body .mh-modal-media {
  display: flex;
  align-items: start;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#modal-preview-mediahub .md-content .md-body .mh-modal-media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* ── Modal info panel ── */
#modal-preview-mediahub .md-content .mh-modal-info {
  grid-row: 2;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--mh-white);
  overflow-y: auto;
  padding: var(--mh-space-2xl) var(--mh-space-xl) var(--mh-space-2xl) var(--mh-space-md);
}

#modal-preview-mediahub .mh-modal-info .mh-modal-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--mh-text);
  line-height: 1.35;
  margin: 0 0 var(--mh-space-md);
  padding: 0;
  word-break: break-word;
}

#modal-preview-mediahub .mh-modal-info .mh-modal-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--mh-text);
}

#modal-preview-mediahub .mh-modal-info .mh-modal-meta>div {
  font-size: 16px;
  word-break: break-word;
  padding:20px 0;
  border-bottom: 1px solid var(--mh-border);
}

#modal-preview-mediahub .mh-modal-info .mh-modal-meta>div:first-child {
  padding-top: 0;
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta>div:nth-last-child(2) {
  border-bottom: none;
}


#modal-preview-mediahub .mh-modal-info .mh-modal-meta strong {
  display: block;
  color: var(--mh-dark);
  font-weight: 700;
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta .mh-modal-downloads > * {
  padding:var(--mh-space-sm);
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta .mh-modal-downloads .mh-download-row {
  border-bottom: 1px solid var(--mh-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta .mh-modal-downloads .mh-download-row:last-child {
  border:none;
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta .mh-modal-downloads strong {
  background-color: var(--mh-border);
}
#modal-preview-mediahub .mh-modal-info .mh-modal-meta .mh-modal-downloads {
  display:flex;
  flex-direction:column;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  margin-top:20px;
  padding:0;
}


  #modal-preview-mediahub:has(.mh-nav-btn-container) .md-content {
    padding-bottom: 70px;
  }
.mh-nav-btn-container {
    position: absolute;
    width: auto;
    display: flex;
    justify-content: space-between;
    left: var(--mh-h-padding);
    right: var(--mh-h-padding);
    bottom: var(--mh-h-padding);
    top: auto;
    justify-content: center;
    gap:20px;
}
.mh-nav-btn {
    width: 60px;
    flex: none;
    height: 60px;
    padding: 0;
    font-size: 20px;
    background: var(--mh-primary);
}
.mh-nav-btn:hover {
    background: var(--mh-btn-primary-hover-bg);
}
.mh-nav-btn svg.mh-ico {
}
.mh-nav-btn.mh-nav-next {
  margin-left:auto;
}

/* ==========================================================
   9. Animations
   ========================================================== */

@keyframes mh-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.mh-spin {
  animation: mh-spin 1s linear infinite;
}


/* Mediahub Custom Styles */
.mh-search-options {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--mh-border, #ddd);
  background-color: var(--mh-white, #fff);
  border-radius: var(--mh-radius, 8px);
  overflow: hidden;
  padding:4px;
}

.mh-search-options .mh-btn-secondary {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--mh-text) !important;
  border-radius: 0 !important;
  height: 100%;
}

.mh-search-options .mh-btn-secondary:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.mh-search-options .mh-search-bar-separator {
  border-left: 1px solid var(--mh-border, #ddd);
  height: 30px;
  margin: auto 0;
}

.mh-search-bar-separator {
  border-left: 1px solid #ddd;
  height: 24px;
  margin: 0 8px;
}

.mediahub-tree-controls.mh-toolbar {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.mh-tree-controls-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #ddd;
}

.mh-tree-controls-title h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.mh-tree-controls-title .mh-toggle-sidebar:not(:hover) {
  box-shadow: none;
  border-color: transparent;
}
.mh-tree-controls-title .mh-toggle-sidebar {
  font-size: 16px;
  border-color: transparent;
}
.mh-tree-controls-actions {
  display: flex;
  align-items: center;
  padding:var(--mh-space-sm) 8px;
  background: #fff;
}

.mh-tree-controls-actions .mh-btn {
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  line-height:1.2;
}

.mh-tree-controls-actions .mh-btn svg {
  width: 16px;
  height: 16px;
}

.mh-tree-separator {
  margin: 4px 16px;
  border-bottom: 1px solid #ddd;
}
/* ── Title ── */
.mh-preview-title {
  padding: var(--mh-h-padding) 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--mh-dark);
  border-bottom: 1px solid var(--mh-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mh-preview-title-left {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none; 
}

.mh-preview-title-left::-webkit-scrollbar {
  display:none;
}
.mh-preview-title-left .mh-icon-btn {
  padding: 0;
  margin-right: 8px;
  font-size: 16px;
  border-radius: 0;
  border-right: 1px solid var(--mh-border);
}
.mh-preview-title-left .mh-icon-btn:hover {
  background: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.mh-preview-title-left .mh-icon-btn:hover .mh-ico {
  background-color: var(--mh-btn-secondary-hover-bg);
  transition:var(--mh-transition);
  
}
.mh-preview-title-left .mh-icon-btn .mh-ico {
  margin-right: 14px;
  padding: 4px;
  width: 24px;
  height: 24px;
  border-radius: var(--mh-radius-sm);
}
.mh-preview-title-text {
  font-weight: 600;
  font-size: 1.25rem;
  line-height:1.1;
  flex:none;
  padding-right:150px;
}

.mh-preview-title-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex:none;
  position: relative;

}
.mh-preview-title-right:before {
    content: "";
    width: 150px;
    position: absolute;
    left: -150px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}
.mh-preview-title-right span {
  font-size: 0.8rem;
  font-weight: 500;
  color: #555;
}
.mh-view-toggles-container {
  display: flex;
  align-items: center;
  flex:none;
  gap: 8px;
}
.mh-view-toggles {
  display: flex;
  gap: 4px;
}

.mh-view-toggles button {
  box-shadow: none;
}
.mh-view-toggles button[disabled] {
  border-color:transparent;
  color: var(--mh-primary);
}
.mh-view-toggles button[disabled] svg {
  fill: var(--mh-primary);
}
.mh-preview-title .mh-view-toggles .mh-btn .mh-ico {
  display: inline-block !important;
}

.mh-actions-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mh-preview-body {
  padding: 0;
}
.mh-sidebar.ng-hide~.mh-preview .mh-preview-title>span {
  margin-left: 40px;
}

.mh-actions-separator {
  border-left: 1px solid #ddd;
  height: 16px;
  margin: 0 4px;
}

.mh-tag-capsule {
  display: inline-block;
  background-color: var(--mh-bg-grey-2);
  color: var(--mh-text);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.mh-modal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 15px;
}


/* ==========================================================
   10. Media queries
   ========================================================== */

@media (max-width: 1680px) {
  .mh-mosaic-view .mh-media-grid {
    width: calc((var(--max-width-column) - var(--mh-related-content-width)) * 1.4);
  }
}

@media (min-width: 1600px) {
  .media-grid {
    --cols: 5;
  }
  :root {
    --mh-related-content-width: 380px;
  }

}

@media (max-width: 1536px) {
  :root {
    --mh-max-width-column: 100%;
  }
  .mh-mosaic-view .mh-media-grid {
    width: calc((var(--max-width-column) - var(--mh-related-content-width)) * 1.6);
  }
  :root {
    --mh-related-content-width: 280px;
  }
}

@media (max-width: 1024px) {
  :root {
    --mh-h-padding: var(--mh-space-md);
    --mh-card-min: 240px;
  }
  .mh-mosaic-view {
    --elementHeight: calc((var(--max-width-column) - var(--mh-related-content-width)) * 0.20);
  }
  .mh-mosaic-view .mh-media-grid {
    width: calc((var(--max-width-column) - var(--mh-related-content-width)) * 1.7);
  }
}

@media (max-width: 900px) {
  :root {
    --mh-related-content-width: 100%;
  }

  #modal-preview-mediahub {
    top: 2svh;
    height: 96svh;
  }
  #modal-preview-mediahub .md-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }

  #modal-preview-mediahub .md-content .md-body {
    grid-column: 1;
    grid-row: 2;
    padding: var(--mh-h-padding);
    max-height: 40svh;
  }

  #modal-preview-mediahub .md-content .mh-modal-info {
    grid-column: 1;
    grid-row: 3;
    border-left: none;
    border-top: 1px solid var(--mh-border);
    padding: var(--mh-h-padding);
  }

  #modal-preview-mediahub .mh-modal-info .mh-modal-title {
    font-size: 22px;
  }
  .mh-mosaic-view {
    --elementHeight: 12svh;
  }

}

@media (max-width: 768px) {
  .mh-layout {
    flex-direction: column;
    height: auto;
    background: transparent;
    gap: 20px;
  }
  .mh-layout:has(.mh-gallery-cards) .mh-sidebar.ng-hide {
    display:none !important;
  }
  .mh-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--mh-border);
    position:relative;
    top:auto;
    border-radius: var(--mh-radius);
  }
  .mh-preview {
     border-radius: var(--mh-radius);
     border-left:none;
     width: 100%;
  }
  .mediahub-widget .mh-search-bar {
    flex-wrap: wrap;
  }

  .mediahub-widget .mh-search-filters {
    flex-wrap: wrap;
  }

  .mediahub-widget .mh-filter-select {
    flex: 1 1 45%;
    min-width: 0;
    border-bottom: 1px solid var(--mh-border);
    font-size: 11px;
  }
  .mh-view-toggles-label {
    display:none;
  }
  .mh-preview-title-left .mh-icon-btn,
  .mh-tree-controls-title .mh-toggle-sidebar {
    transform: rotate(90deg);
  }
  .mh-preview-title-left .mh-icon-btn {
    border-right: none;
    border-top: 1px solid var(--mh-border);
    margin-right: 13px;
    display:none;
  }
  .mh-preview-title-left .mh-icon-btn .mh-ico {
    margin-right: 0;
    margin-top: 9px;
    margin-bottom: 9px;
  }
    .mh-sidebar.ng-hide {
    display:flex !important;
    border:none;
    overflow: clip;
    height:auto;
  }
  .mh-layout:has(.mh-preview .mh-preview-title-right .tabs) .mh-sidebar.ng-hide {
    display:none !important;
  }
  .mh-sidebar.ng-hide .mh-tree-controls-actions,
  .mh-sidebar.ng-hide .mh-tree {
    display:none;
  }
  .mh-sidebar.ng-hide .mh-tree-controls-title,
  .mh-sidebar.ng-hide .mediahub-tree-controls.mh-toolbar {
    border:none;
  }


  .mh-mosaic-view .mh-media-grid {
    width: 173vw;
  }

  #latest-wrapper .mh-preview-title-left {
    display:none;
  }
  #latest-wrapper .mh-preview-title-right {
    margin:0 auto;
  }
  #modal-preview-mediahub {
    margin-left: calc(var(--max-width-column) / -2);
    max-width: var(--max-width-column);
  }
  


}

@media (max-width: 640px) {
  :root {
    --mh-card-min: 200px;
    --mh-media-gap: var(--mh-space-sm);
  }

  .mediahub-widget .mh-search-input {
    font-size: 12px;
  }

  .mediahub-widget .mh-search-filters {
    flex-direction: column;
  }

  .mediahub-widget .mh-filter-select {
    flex: 1 1 auto;
    border-right: none;
    border-bottom: 1px solid var(--mh-border);
  }

  .mediahub-widget .mh-search-actions {
    width: 100%;
    justify-content: flex-end;
    padding: 0 var(--mh-h-padding);
  }
  .mh-tree-controls-title h3,
  .mh-preview-title-text {
    font-size:1rem;  
  }
  .mh-actions-right {
    gap: var(--mh-space-xs);
  }
  .mh-toolbar-divider {
    margin: 0 var(--mh-space-xs);
  }
  .mh-sort-label {
    display:none;
  }
  .mh-search-options {
    width: 100%;
    justify-content: space-around;
  }
  .mediahub-widget .mh-search-submit {
    color: transparent;
    width: 35px;
    text-align: center;
    padding: 8px 0;
    aspect-ratio: 1;
    height: auto;
    margin-left:0;
  }
  .mediahub-widget .mh-search-submit:before {
    content: "\ea6e";
    color: #fff;
    position: absolute;
    font-size: 21px;
    font-family: 'remixicon';
    font-weight: normal;
  }
  .mediahub-widget .mh-search-divider {
    margin:0 4px;
  }
  .mh-gallery-cards-grid {
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  }
  .mh-gallery-cards-header-right > span {
    display:none;
  }
  .mh-gallery-card-info {
    padding: var(--mh-space-sm);
  }
  .mh-preview:before {
    display:none;
  }
  .mh-preview-title-text {
    padding-right:80px;
  }
  .mh-preview-title-right:before {
    left: -80px;
    width: 80px;
  }
  .mh-actions-toolbar {
    position:relative;
  }
  .mh-actions-right {
    position: absolute;
    right: 0;
    background-color:#fff;
  }
  .mh-actions-right:before {
    content: "";
    position: absolute;
    left: -80px;
    width: 80px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }

  .mh-mosaic-view {
    --elementHeight: 50vw;
  }
  .mh-mosaic-view .mh-preview {
    min-height: calc(var(--elementHeight) * 2);
  }
  .mh-mosaic-view .mh-media-grid {
    width: 600vw;
    height: calc(var(--elementHeight) * 2);
  }
  .mh-mosaic-view .mh-media-card:nth-last-child(7), .mh-mosaic-view .mh-media-card:nth-last-child(8) {
    flex-grow: 0 !important;
  }

  .mh-nav-btn-container {
    justify-content: space-between;
  }
}