/*@charset "UTF-8";*/
/* CSS Document */

/* -------------------------------------------------

	LONGINES TOPS INTERNATIONAL ARENA
    -
	
	01 . IMPORT CSS + FONTS
	02 . BASE
	03 . GET THERE
	04 . TICKETING
	05 . Home - HERO
	06 . Home - BLOCKS
	07 . PRESS
	08 . CONTACT
	09 . PROGRAM
	10 . PAGE FOOTER
	11 . GALLERY
	12 . PARTNERS
	13 . Home - LIVE
	14 . BANDEAU
	15 . NEWSLETTER
	
------------------------------------------------- */





/* ////////////////////////////////////////////////////////////////////////////

    01 . IMPORT CSS + FONTS

//////////////////////////////////////////////////////////////////////////// */

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700;800&display=swap');

@import url('libs/normalize.css');
@import url('libs/bootstrap-grid.css');
@import url('libs/ionicons.css');
@import url('libs/fontello.css');
@import url('libs/swiper.css');
@import url('libs/lightgallery.css');
@import url('libs/kenburns.css');
@import url('libs/magnific-popup.css');
/* @import url('../lon-livewatch-assets/lon-livewatch.css'); */
/* @import url('../longines-watch/css/app.css'); */
@import url('libs/cookieconsent.css');

@import url('interface.css');
@import url('grid.css');
@import url('news.css');
@import url('event.css');
@import url('event-zoom.css');
@import url('discover.css');
@import url('hospitality.css');
@import url('sponsor.css');
@import url('startlist.css');
@import url('rider.css');
@import url('form.css');


@font-face {
    font-family: 'monument-bold';
    src: url('../fonts/monumentextended-bold.woff2') format('woff2'),
         url('../fonts/monumentextended-bold.woff') format('woff');
    font-weight: 600; font-style: normal;
}
@font-face {
    font-family: 'monument-regular';
    src: url('../fonts/monumentextended-regular.woff2') format('woff2'),
         url('../fonts/monumentextended-regular.woff') format('woff');
    font-weight: 400; font-style: normal;
}
@font-face {
    font-family: 'monument-light';
    src: url('../fonts/monumentextended-light.woff2') format('woff2'),
         url('../fonts/monumentextended-light.woff') format('woff');
    font-weight: 300; font-style: normal;
}


:root {
    
    --site-width: 1480px;
    --site-width-inner: 1450px;
    
    --font-text: 'Albert Sans', sans-serif;
    --font-title: 'monument-regular', sans-serif;
    --font-title-light: "monument-light", sans-serif;
    --font-title-bold: "monument-bold", sans-serif;
    
    --color-text: #001e2d;
    --color-bg: #f7f8f9;
    
    --color-dark: #001e2d; /* rgba(0,30,45,1) */
    --color-light: #C2C8CD;

    --color-blue: #00283C; /* rgba(0,40,60,1); */
    --color-blue-2: #3A07BD; /* rgba(58,57,189,1) */
    --color-blue-2-dark: #26057b; /* rgba(38,5,123,1) */
    --color-orange: #FF7F00; /* rgba(255,127,0,1) */
    --color-green: #10FFC0; /* rgba(16,255,191,1) */
    --color-gold: #C0AB7C; /* rgba(192,171,124,1) */
    --color-gold-dark: #90805d; /* rgba(144,128,93,1) */

    --color-grey: #939ca0;
    --color-grey-dark: #57656c;
    --color-grey-light: #cfd3d5;
    --color-grey-xlight: #f3f4f4;

    /* --header-bg-color: #FFF;
    --header-top-bg-color: #FFF; */
    --header-border-color: rgba(0,40,60,.1);

    --item-radius: 8px;
    --item-shadow: rgba(41,43,42, 0.12) 0px 6px 8px -6px, inset 0px 0px 0px 1px rgba(41,43,42, 0);

}





/* ////////////////////////////////////////////////////////////////////////////

    02 . BASE

//////////////////////////////////////////////////////////////////////////// */

html {
	background-color: var(--color-bg);
}
body {
    position: relative;
	background-color: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-text);
	font-size: 17px;
	line-height: 24px;
    font-weight: 400;
	overflow-x: hidden!important;
    width: 100%;
    height: 100%;
}
body.open {
	overflow-y: hidden;
}
body::after {
    content: "";
    position: fixed;
    z-index: 97;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,40,60, .5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}
body.open::after {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 992px) {
    body::after {
        background: rgba(255,255,255, 1);
        transition: opacity .15s, visibility .15s;
    }
}

/* LIENS */
a {
	color: var(--color-text);
	text-decoration: none;
    outline: none;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
}
.no-touch a:hover { color: var(--color-text); outline: none; text-decoration: none; }
/* a:active, a:focus { color: inherit; outline: none; text-decoration: none; }
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:active { text-decoration: none; outline: none; } */

a[href^=tel]{
    color: inherit!important;
    text-decoration: inherit!important;
    font-size: inherit!important;
    font-style: inherit!important;
    font-weight: inherit!important;
}

/* TEXTE */
br { font-size: 0; line-height: 0; }
strong, b { font-weight: 600; }

/* IMAGE */
img { position: relative; max-width: 100%; user-select: none; }

/* LISTES */
ol, ul { margin: 0; padding: 0; list-style: none; }

/* PARAGRAPHES */
p { margin: 0 0 10px 0; padding: 0; }
p:last-child { margin: 0; }

/* TITRES */
h1, h2, h3, h4, h5, h6 { 
	font-weight: 600; 
	line-height: 1;
	margin: 0;
	padding: 0;
}

/* PADDING */
.no-padding { padding:0; }





/* ////////////////////////////////////////////////////////////////////////////

    03 . GET THERE

/////////////////////////////////////////////////////////////////////////// */

.get {
    overflow: inherit;
}

.get_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.get_wrap::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-grey-light);
}

.get_wrap-map {
    background-color: var(--color-grey-light);
    width: 60%;
    height: calc(100vh - 130px);
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    padding: 25px;
}
.get_wrap-map img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.get_wrap-content {
    width: 40%;
    background-color: var(--color-dark);
    color: #fff;
    padding: 75px 50px;
    z-index: 1;
}

.get_wrap-item {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: rgba(255,255,255, .15) solid 1px;
    color: var(--color-grey-light);
}
.get_wrap-item:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.get_wrap-item h1 {
    font-family: var(--font-title-light);
    font-size: 40px;
    line-height: 1;
    font-weight: inherit;
    text-transform: uppercase;
    color: var(--color-orange);
    margin: 0 0 50px 0;
}
.get_wrap-item h3 {
    font-family: var(--font-title-light);
    font-size: 18px;
    line-height: 1;
    font-weight: inherit;
    text-transform: uppercase;
    color: var(--color-orange);
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}
.get_wrap-item h3 i {
    font-size: 22px;
    margin: 0 10px 0 0;
}
.get_wrap-item.address {
    font-size: 20px;
    line-height: 1.45;
    font-weight: 300;
    color: var(--color-grey-xlight);
}
.get_wrap-item.address strong {
    font-weight: 600;
}
.get_wrap-item.address span {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    line-height: 19px;
    color: var(--color-grey);
}

@media only screen and (max-width: 992px) {
    .get_wrap {
        flex-direction: column;
    }
    .get_wrap-map {
        background-color: var(--color-grey-light);
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        padding: 25px;
    }
    
    .get_wrap-content {
        width: 100%;
        background-color: var(--color-dark);
        color: #fff;
        padding: 50px 15px;
        z-index: 1;
    }
    .get_wrap-item h1 {
        font-size: 30px;
        margin-bottom: 25px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    04 . TICKETING

//////////////////////////////////////////////////////////////////////////// */

.ticketing {
    position: relative;
}
.ticketing::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 375px;
    background-color: var(--color-blue-2-dark);
}

.ticketing_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.ticketing_title {
    position: relative;
    display: flex;
    flex-direction: column;
}
.ticketing_title h1 {
	font-family: var(--font-title);
    font-size: 40px;
    line-height: 1.1;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--color-orange);
}
.ticketing_title h1 span {
    padding: 0 0 0 15px;
	font-family: var(--font-title-light);
    color: var(--color-grey);
    opacity: .85;
}
.ticketing_title p {
    font-size: 20px;
    line-height: 1.25;
    color: var(--color-grey-light);
    margin-top: 5px;
}

/* ITEM */
.item-ticketing {
    position: relative;
    display: flex;
}
.item-ticketing a {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    height: auto;
    z-index: 2;
    text-align: center;
    font-size: 17px;
    line-height: 55px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    border-radius: 0 0 6px 6px;
    border: none;
}
.no-touch .item-ticketing a:hover {
    color: rgba(255,127,0,1)!important;
    background-color: rgba(255,127,0,.1)!important;
}

.item-ticketing a.btn:hover::after {
	display: none;
}
.no-touch .item-ticketing a.btn:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.item-ticketing a.btn i {
	margin-left: 10px;
    transform: scale(1.2);
}

/* HELP */
.ticketing_help {
    background-color: rgba(0,0,0,.25);
    color: var(--color-grey-light);
    border-radius: 5px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.2;
    max-width: 360px;
    display: flex;
    align-items: center;
}
.ticketing_help div {
    margin: 0 10px 0 0;
}
.ticketing_help a {
    /* width: 100%; */
    font-size: 16px;
    text-transform: uppercase;
    flex: 1 0 auto;
    text-align: center;
}
.no-touch .ticketing_help a:hover {
    color: var(--color-blue-2-dark)!important;
}

@media only screen and (max-width: 992px) {
    /* .ticketing::before {
        height: 20.5%;
    } */
    .ticketing .item:first-child .item-caption::before,
    .ticketing .item:first-child .item-caption::after  {
        background: var(--color-blue-2-dark);
    }
    .ticketing_header {
        flex-direction: column;
        align-items: center;
        margin-bottom: 35px;
    }
    .ticketing_title {
        text-align: center;
    }
    .ticketing_title h1 {
        font-size: 30px;
        text-align: center;
    }
    .ticketing_title h1 span {
        display: block;
        padding: 0;
    }
    .ticketing_title p {
        font-size: 18px;
        line-height: 1.25;
    }
    .ticketing_help {
        flex-direction: column;
        padding: 10px;
        font-size: 15px;
        line-height: 1.5;
        margin-top: 25px;
        max-width: inherit;
        width: 100%;
    }
    .ticketing_help div {
        margin: 0 0 10px 0;
    }
    .ticketing_help a {
        font-size: 16px!important;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    05 . Home - HERO

//////////////////////////////////////////////////////////////////////////// */

.hero {
    position: relative;
    padding: 0;
}

.hero_container {
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    height: calc(75vh - 130px);
    min-height: 440px;
    max-height: 540px;
}

.swiper-home .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------------------
    GALLERY 
------------------------------------------- */
.swiper-home .gallery-top {
    height: 100%;
    width: 100%;
}
.swiper-home .gallery-top .swiper-slide {
    width: 100%;
    height: auto;
    padding: 0 30px;
}
.swiper-home .gallery-top .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}
.swiper-home .gallery-top .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.swiper-home .gallery-top .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top center;
}
.swiper-home .gallery-top .parallax-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,30,45,.5);
    background: linear-gradient(0deg, rgba(0,15,20,.85) 0%, rgba(0,15,20,.55) 50%, rgba(0,15,20,.1) 100%);
}

.swiper-home .gallery-top .parallax-bg.top { background-position: center 15%; }
/* .swiper-home .gallery-top .parallax-bg.topleft { background-position: top left; }
.swiper-home .gallery-top .parallax-bg.topright { background-position: top right; } */
.swiper-home .gallery-top .parallax-bg.center { background-position: center; }
/* .swiper-home .gallery-top .parallax-bg.centerleft { background-position: left center; }
.swiper-home .gallery-top .parallax-bg.centerright { background-position: right center; } */
.swiper-home .gallery-top .parallax-bg.bottom { background-position: center 85%; }
/* .swiper-home .gallery-top .parallax-bg.bottomleft { background-position: left center; }
.swiper-home .gallery-top .parallax-bg.bottomright { background-position: right center; } */


.swiper-home .gallery-top .swiper-slide-inner {
    position: absolute;
    bottom: 110px;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: var(--site-width-inner);
    margin: 0 auto;
    padding: 0 30px;
    color: #fff;
}
.swiper-slide-title {
    font-size: 44px;
    font-size: calc(1.3rem + 1.45vw);
    line-height: 1.1;
    font-weight: 600;
    max-width: 950px;
}
.swiper-slide-btn {
    margin-top: 20px;
}
.swiper-slide-btn a.btn::after {
    display: none!important;
}
.swiper-slide-btn a.btn:hover span {
    opacity: 1!important;
	-webkit-transform: translate3d(0, 0, 0)!important;
	transform: translate3d(0, 0, 0)!important;
}

/* -------------------------------------------
    THUMBS 
------------------------------------------- */
.swiper-home .gallery-thumbs {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 10px;
    height: auto;
    box-sizing: border-box;
    padding: 15px 30px;
    max-width: var(--site-width-inner);
}

.swiper-home .gallery-thumbs .swiper-slide {
    position: relative;
    cursor: pointer;
    height: auto;
    padding: 15px 0 0 0;
}
.swiper-home .gallery-thumbs .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,.35);
}
.swiper-home .gallery-thumbs .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0s;
}
.swiper-home .gallery-thumbs .swiper-slide div {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    display: -webkit-box;   
    -webkit-line-clamp: 2;   
    -webkit-box-orient: vertical;     
    overflow: hidden;
    opacity: .35;
    transition: opacity .25s;
}
.no-touch .swiper-home .gallery-thumbs .swiper-slide:hover div {
    opacity: 1;
}

.swiper-home .gallery-thumbs .swiper-slide-thumb-active div {
    opacity: 1;
}
.swiper-home .gallery-thumbs .swiper-slide-thumb-active::after {
    width: 100%;
    transition: width 5s;
}

@media only screen and (max-width: 992px) {
    .hero_container {
        height: calc(65vh - 60px);
        min-height: 400px;
        max-height: auto;
    }
    .swiper-home .gallery-top .swiper-slide {
        width: calc(100% - 60px);
        height: auto;
        padding: 0 30px;
    }
    .swiper-home .gallery-top .swiper-slide-inner {
        padding: 30px 15px 0 15px;
        max-width: calc(100% - 90px);
        margin: 0;
    }
    .swiper-home .gallery-top .parallax-bg {
        background-position: center;
    }
    .swiper-slide-title {
        font-size: 28px;
        line-height: 1.2;
    }
    .swiper-slide-btn {
        margin-top: 15px;
    }
    .swiper-slide-btn a {
        line-height: 40px;
    }
    .swiper-slide-btn a::after,
    .swiper-slide-btn a span {
        padding: 0 1.75em;
    }
    .swiper-home .gallery-thumbs {
        padding: 15px;
    }
}


/* -------------------------------------------
    SLIDESHOW 
------------------------------------------- */
.hero {
    
}
.hero #slides::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,40,60,.65);
    opacity: 1;
    filter: brightness(125%) saturate(125%);
}
.hero-slideshow {
    position: relative;
    width: 100%;
    /* max-width: var(--site-width);
    margin: 0 auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(90vh - 130px);
    min-height: 440px;
    max-height: 600px;
}
.hero-caption {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    max-width: 1100px;
    padding: 25px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,20,30,.65);
}
.hero-caption h1 {
	font-family: var(--font-title);
    font-size: calc(1.5rem + 1.6vw);
    line-height: 1.15;
    text-transform: uppercase;
    font-weight: inherit;
    text-align: center;
}
.hero-caption h2 {
    font-size: calc(1.1rem + 1.2vw);
    line-height: 1.15;
    font-weight: inherit;
    margin-top: 15px;
}
.hero-caption a {
    margin: 30px auto 0 auto;
    text-shadow: none;
}

@media only screen and (max-width: 992px) {
    .hero-caption h1 {
        font-size: calc(1.45rem + 1.55vw);
        line-height: 1.15;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    06 . Home - BLOCKS

//////////////////////////////////////////////////////////////////////////// */

.home_blocks {
    padding: 50px 15px 0 15px;
}

.home_blocks-wrap {
    display: flex;
    justify-content: space-between;
}

/* LEFT */
.home_blocks-left {
    width: 45%;
}

.home_blocks-cta {
    display: flex;
    justify-content: space-between;
    height: 100%;
    transition: opacity .25s;
}
.home_blocks-cta a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: var(--color-blue);
    border: var(--header-border-color) solid 1px;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin: 0 10px 0 0;
}
.no-touch .home_blocks-cta a:hover {
    color: var(--color-blue);
    background-color: transparent;
}
.home_blocks-cta a i {
    font-size: 30px;
    margin: 0 0 10px 0;
}
.home_blocks-cta a:last-child {
    margin: 0;
}

.home_blocks-cta a.cta-tv {
    color: #c7202f;
    background-color: #fff;
}
.no-touch .home_blocks-cta a.cta-tv:hover {
    color: #fff;
    background-color: #c7202f;
}
.home_blocks-cta a.cta-tv img {
    display: block;
    -webkit-filter: brightness(100%) invert(0);
	filter: brightness(100%) invert(0);
    height: 24px;
    margin: 0 auto 15px auto;
}
.no-touch .home_blocks-cta a.cta-tv:hover img {
    -webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

/* .no-touch .home_blocks-cta:hover > a {
    opacity: 0.35;
}
.no-touch .home_blocks-cta:hover > a:hover {
    opacity: 1.0;
} */

/* RIGHT */
.home_blocks-right {
    width: 48%;
}
.home_blocks-right .footer-partners-title {
    color: var(--color-grey);
    font-size: 18px;
    letter-spacing: 0.050em;
    margin-bottom: 15px;
}
.home_blocks-right img {
    mix-blend-mode: multiply;
}

@media only screen and (max-width: 992px) {
    .home_blocks {
        padding: 25px 0 0 0;
    }
    .home_blocks-wrap {
        flex-direction: column;
    }
    /* LEFT */
    .home_blocks-left {
        width: 100%;
    }
    /* RIGHT */
    .home_blocks-right {
        width: 100%;
        margin-top: 50px;
    }
    .home_blocks-cta a {
        font-size: 11px;
        padding: 15px 5px;
    }
    .home_blocks-cta a i {
        font-size: 18px;
        margin: 0 0 8px 0;
    }
    .home_blocks-cta a.cta-tv img {
        height: 16px;
        margin: 0 auto 10px auto;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    07 . PRESS

//////////////////////////////////////////////////////////////////////////// */

.press {
    position: relative;
    padding: 75px 0 0 0;
    background-color: var(--color-dark);
}

/* HEADER */
.press_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 75px;
}
.press_title {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.press_title h1 {
	font-family: var(--font-title-light);
    font-size: 40px;
    line-height: 1.1;
    font-weight: inherit;
    color: var(--color-orange);
    text-transform: uppercase;
    margin-bottom: 10px;
}
.press_title h2 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 300;
    color: var(--color-grey-light);
}

@media only screen and (max-width: 992px) {
    .press {
        padding: 50px 0 0 0;
    }
    .press_header {
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .press_title {
        text-align: center;
    }
    .press_title h1 {
        font-size: 30px;
        text-align: center;
    }
    .press_title h2 {
        font-size: 20px;
        line-height: 1.3;
    }
}

/* CONTENT */
.press_content {
    position: relative;
    padding: 0 0 75px 0;
}
.press_content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: var(--color-dark);
}

/* WRAP */
.press_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background-color: var(--color-bg);
    padding: 25px;
    border-radius: 12px 12px 0 0;
}

.press_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    flex: 2;
}

.press_item-caption {
    padding: 15px;
}
.press_item-desc {
    /* font-size: 15px;
    line-height: 20px; */
}
.press_item-desc p.lead {
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.press_item-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 30px 0 0 0;
}
.press_item-cta-title {
    font-family: var(--font-title);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    color: var(--color-orange);
    margin-bottom: 10px;
}
.press_item-cta a {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}
.press_item-cta a i {
    width: 20px;
}
.press_item-cta a:last-child {
    margin-bottom: 0;
}
.press_item-cta a:focus {
    
}
.no-touch .press_item-cta a:hover {
    color: var(--color-orange)!important;
}

/* LOG */
.press_log {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    border-radius: var(--item-radius);
    box-shadow: var(--item-shadow);
    padding: 20px;
    text-align: center;
    flex: 1;
    margin: 0 0 0 75px;
}
.press_log-title {
    font-family: var(--font-title);
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.1;
    color: var(--color-orange);
    padding: 0 50px;
}
.press_log-title i {
    display: block;
    font-size: 26px;
    margin-bottom: 7px;
}
.press_log-desc {
    padding: 15px 0 20px 0;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-grey-dark);
}
.press_item-desc a {
    text-decoration: underline;
}
.no-touch .press_item-desc a:hover {
    text-decoration: none;
}
.press_log-cta {
    display: flex;
}
.press_log a {
    margin: 0 10px 0 0;
    flex: 1 0 auto;
    padding: 0 5px;
}
.press_log a span {
    padding: 0 5px;
}
.press_log a:last-child {
    margin: 0;
}

@media only screen and (max-width: 992px) {
    .press_wrap {
        flex-direction: column;
        padding: 0;
        background-color: transparent;
    }
    .press_content {
        padding: 0 0 50px 0;
    }
    .press_content::before {
        height: 15%;
    }
    .press_item-caption {
        padding: 0;
    }
    .press_item-desc p.lead {
        font-size: 19px;
        line-height: 25px;
    }
    .press_log {
        margin: 0 0 50px 0;
        order: -1;
    }
    .press_log-title {
        padding: 0 25px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    08 . CONTACT

//////////////////////////////////////////////////////////////////////////// */

.contact {
    position: relative;
    padding: 75px 0 0 0;
    background-color: var(--color-dark);
}

/* HEADER */
.contact_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 75px;
}
.contact_title {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.contact_title h1 {
	font-family: var(--font-title-light);
    font-size: 40px;
    line-height: 1.1;
    font-weight: inherit;
    color: var(--color-orange);
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    .contact {
        padding: 50px 0 0 0;
    }
    .contact_header {
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .contact_title {
        text-align: center;
    }
    .contact_title h1 {
        font-size: 30px;
        text-align: center;
    }
}

/* CONTENT */
.contact_content {
    position: relative;
    padding: 0 0 75px 0;
}
.contact_content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: var(--color-dark);
}

.contact_wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: var(--color-bg);
    padding: 25px;
    border-radius: 12px 12px 0 0;
}

.contact_left {
    display: grid;
    box-sizing: border-box;
    --auto-grid-min-size: 250px;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    width: 100%;
}
.contact_left-item {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-grey-dark);
}
.contact_left-item:last-child {
    
}

.contact_left-item a {
    color: var(--color-grey-dark)!important;
}
.no-touch .contact_left-item a:hover {
    color: var(--color-orange)!important;
}

.contact_left-item span {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: var(--color-grey-light) solid 1px;
    color: var(--color-blue);
}

.contact_right {
    width: 100%;
    text-align: center;
	font-family: var(--font-title);
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-top: 75px;
}
.contact_right-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.contact_right-inner a {
    font-size: 26px;
    line-height: 1;
    margin: 0 10px 0 0;
    transition: color .3s, background-color .3s;
    text-decoration: none;
    color: var(--color-blue);
    background-color: #fff;
    border: var(--color-blue) solid 1px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_right-inner a:last-child {
    margin: 0;
}
.no-touch .contact_right-inner a:hover {
    text-decoration: none;
    color: var(--color-grey-xlight);
    background-color: var(--color-blue);
}
.contact_right-inner a img {
    height: 24px;
	filter: invert(12%) sepia(38%) saturate(2730%) hue-rotate(172deg) brightness(92%) contrast(101%);
}
.contact_right-inner a:hover img {
	filter: invert(1) brightness(100%);
}

@media only screen and (max-width: 992px) {
    .contact_content {
        padding: 0 0 50px 0;
    }
    .contact_content::before {
        height: 15%;
    }
    .contact_right-inner a {
        font-size: 22px;
        margin: 0 8px 0 0;
        width: 52px;
        height: 52px;
    }
    .contact_right-inner a img {
        height: 21px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    09 . PROGRAM

//////////////////////////////////////////////////////////////////////////// */

.program_pop {
	position: relative;
	background: #fff;
	padding: 0;
	width: auto;
	max-width: 600px;
	margin: 15px auto;
}

.program_pop .mfp-close {
    width: 60px;
    height: 60px;
    background-color: var(--color-blue);
}
.program_pop .mfp-close:after {
    font-size: 50px;
    color: #fff;
}

.program_pop-inner {
    padding: 0;
}
.program_pop-content {
    position: relative;
}
.program_pop-content .item-image {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    padding-top: 50%;
    border-radius: 0;
}
.program_pop-content .item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.program_pop-content .item-live {
    top: inherit;
    bottom: 0;
    right: 0;
}
.program_pop-content .item-live a {
    border-radius: 8px 0 0 0;
}

.program_pop-content .item-caption {
    padding: 0;
}

.program_pop-content .item-cta a {
    flex: 1 0 auto;
}

.program_pop-content .item-highlight {
    font-size: 15px;
    line-height: 1.4;
    color: var(--color-grey-dark);
    margin-top: 20px;
}

@media only screen and (max-width: 992px) {
    .program_pop .mfp-close {
        width: 50px;
        height: 50px;
    }
    .program_pop .mfp-close:after {
        font-size: 50px;
    }
    .program_pop-title {
        height: 50px;
        font-size: 26px;
    }
    .program_pop-image {
        height: 275px;
    }
    .program_pop-content .item-cta {
        flex-direction: column;
    }
    .program_pop-content .item-cta a {
        margin: 0 0 10px 0;
    }
    .program_pop-content .item-cta a:last-child {
        order: -2;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    10 . PAGE FOOTER

//////////////////////////////////////////////////////////////////////////// */

.page {
    position: relative;
}

/* HEADER */
.page_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 50px;
}
.page_title {
    position: relative;
    display: flex;
    flex-direction: column;
}
.page_title h1 {
	font-family: var(--font-title);
    font-size: 36px;
    line-height: 1.1;
    font-weight: inherit;
    color: var(--color-orange);
    text-transform: uppercase;
}

/* CONTENT */
.page a {
    text-decoration: underline;
}
.no-touch .page a:hover {
    text-decoration: none;
}
.page h2 {
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 10px;
    font-weight: 600;
}
.page h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 600;
}
.page p {
    margin-bottom: 10px;
    color: var(--color-grey-dark);
}
.page p:last-child {
    margin-bottom: 0;
}
.page p + h2 {
    margin: 40px 0 10px 0;
}
.page p + h3 {
    margin: 40px 0 10px 0;
}

@media only screen and (max-width: 992px) {
    .page_header {
        flex-direction: column;
        margin-bottom: 35px;
    }
    .page_title h1 {
        font-size: 26px;
    }
    .page h2 {
        font-size: 22px;
    }
    .page h3 {
        font-size: 20px;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    11 . GALLERY

//////////////////////////////////////////////////////////////////////////// */

.gallery {
    position: relative;
    padding: 75px 0 0 0;
    background-color: var(--color-dark);
}

/* HEADER */
.gallery_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 75px;
}
.gallery_title {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.gallery_title h1 {
	font-family: var(--font-title-light);
    font-size: 40px;
    line-height: 1.1;
    font-weight: inherit;
    color: var(--color-orange);
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    .gallery {
        padding: 50px 0 0 0;
    }
    .gallery_header {
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .gallery_title {
        text-align: center;
    }
    .gallery_title h1 {
        font-size: 30px;
        text-align: center;
    }
}

/* CONTENT */
.gallery_content {
    position: relative;
    padding: 0 15px 75px 15px;
    background-color: var(--color-dark);
}

.gallery_content .filters-size input[type="radio"]:checked + .box {
    color: var(--color-blue)!important;
    background: #fff!important;
}
.gallery_content .filters-size input[type="radio"]:checked + .box span {
    color: white!important;
}
.gallery_content .filters-size .box {
    color: #fff!important;
}
.no-touch .gallery_content .filters-size .box:hover {
    color: var(--color-blue)!important;
    background: #fff!important;
}
.gallery_content .filters-size .box:active {
    color: var(--color-blue)!important;
    background: #fff!important;
}

.gallery_content .grid_sort select {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.gallery_content .grid_sort .select_wrap::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media only screen and (max-width: 992px) {
    .gallery_content {
        padding: 0 0 50px 0;
    }
}

/* ------------------------------------------- 
    LIGHT GALLERY HACK
------------------------------------------- */
.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.85);
    bottom: 0;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}

.lg-sub-html .lg-infos {
    display: flex;
    justify-content: center;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 600;
    color: #fff;
}
.lg-sub-html .lg-date {
    padding: 0 5px;
}
.lg-sub-html .lg-cat {
    padding: 0 5px;
}

.lg-sub-html .lg-title {
    margin: 8px 0 3px 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
}
.lg-sub-html .lg-desc {
    font-size: 13px;
    line-height: 17px;
}
.lg-sub-html .lg-copy {
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 13px;
    color: var(--color-grey-xlight);
}





/* ////////////////////////////////////////////////////////////////////////////

    12 . PARTNERS

//////////////////////////////////////////////////////////////////////////// */

.partners {
    position: relative;
    padding: 50px 0;
    background-color: var(--color-dark);
}

/* HEADER */
.partners_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.partners_title {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.partners_title h1 {
	font-family: var(--font-title-light);
    font-size: 36px;
    line-height: 1;
    font-weight: inherit;
    color: var(--color-orange);
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    .partners {
        padding: 35px 0;
    }
    .partners_header {
        flex-direction: column;
        align-items: center;
    }
    .partners_title {
        text-align: center;
    }
    .partners_title h1 {
        font-size: 26px;
        text-align: center;
    }
}

/* CONTENT */
.partners_content {
    position: relative;
    padding: 50px 0 75px 0;
}

/* WRAP */
.partners_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--color-bg);
    padding: 0;
    border-radius: 12px 12px 0 0;
}

.partners_block {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: var(--header-border-color) solid 1px;
}
.partners_block:last-child {
    margin: 0;
    border: none;
}
.partners_block h2 {
    /* text-align: center; */
	font-family: var(--font-title);
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
    color: var(--color-blue);
    text-transform: uppercase;
    margin-bottom: 50px;
}

.partners_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.partners_item:last-child {
    margin: 0;
}
.partners_item-img {
    flex: 1;
    margin: 0 60px 0 0;
    border: var(--header-border-color) solid 1px;
    display: flex;
    padding: 25px;
    border-radius: 8px;
    background-color: #fff;
    height: 225px;
}
.partners_item-img img {
    width: 100%;
    object-fit: contain;
    display: flex;
    margin: 0 auto;
}
.partners_item-content {
    flex: 2;
}
.partners_item-content h3 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--color-blue);
}
.partners_item-content p {
    color: var(--color-grey-dark);
}
.partners_item-content a {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.partners_item:nth-child(even) .partners_item-img {
    order: 2;
    margin: 0 0 0 60px;
}

@media only screen and (max-width: 992px) {
    .partners_content {
        padding: 50px 0;
    }
    .partners_block {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .partners_block h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .partners_item {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 25px;
    }
    .partners_item-img {
        margin: 0 0 15px 0;
        width: 250px;
    }
    .partners_item:nth-child(even) .partners_item-img {
        order: -1;
        margin: 0 0 25px 0;
        height: 200px;
    }
    .partners_item-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .partners_item-content a {
        margin-top: 15px;
    }
}


/* ------------------------------------------- 
    PARTNERS PAGE
------------------------------------------- */
.partners.zoom {
    position: relative;
    padding: 150px 0;
    background-color: var(--color-dark);
}
.partners.zoom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,30,45,.65);
}
.partners.zoom .partners_header {
    margin-bottom: 0;
}
.partners.zoom .partners_title h1 {
	font-family: var(--font-title-light);
    font-size: 40px;
    line-height: 1;
    font-weight: inherit;
    color: #fff;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
    .partners.zoom {
        padding: 55px 0;
    }
    .partners.zoom .partners_title {
        text-align: center;
    }
    .partners.zoom .partners_title h1 {
        font-size: 26px;
        text-align: center;
    }
}

/* ZOOM */
.partners_content.zoom {
    position: relative;
    padding: 75px 0 0 0;
}
.partners_content.zoom::before {
    display: none;
}

.partners_content.zoom .partners_wrap {
    padding: 0;
    border-radius: 0;
}

.partners_content.zoom .partners_item {
    align-items: flex-start;
    margin-bottom: 0;
}
.partners_content.zoom .partners_item-content h3 {
    text-transform: none;
    font-weight: 600;
}
.partners_content.zoom .partners_item-img {
    flex: 1;
    margin: 0 100px 25px 0;
}

@media only screen and (max-width: 992px) {
    .partners_content.zoom {
        padding: 50px 0 0 0;
    }
    .partners_content.zoom .partners_item-img {
        width: 250px;
        margin: 0 auto 25px auto;
    }
}

/* GALLERY */
.partner-gallery {
    position: relative;
    background-color: var(--color-dark);
}
.gallery-wrap {
    
}

.swiper-partners-page {
    width: 100%;
    height: 100%;
}
.swiper-partners-page .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    border-radius: 8px;
}
.swiper-partners-page .swiper-slide img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* SWIPER -- pagination */
.swiper-partners-page .swiper-pagination {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 27px;
}
.swiper-partners-page .swiper-pagination.swiper-pagination {
    bottom: 0;
}
.swiper-partners-page .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 2em;
    background: var(--color-grey-dark);
    opacity: .5;
    transition: all 0.3s;
}
.swiper-partners-page .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 20px;
}
.swiper-partners-page .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

/* VIDEO */
.partner-video {
    padding: 0 0 75px 0;
}
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    border-radius: 10px;
}
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
    border-radius: 10px;
}

@media only screen and (max-width: 992px) {
    .partner-video {
        padding: 0 0 50px 0;
    }
}

.video video {
    position: relative!important;
    width: 100%!important;
    height: 100%!important;
    outline: inherit!important;
    background-size: cover;
    transition: 1s opacity;
    min-width: inherit!important;
    min-height: inherit!important;
    left: inherit!important;
    top: inherit!important;
    transform: none;
    z-index: inherit!important;
    border-radius: 8px!important;
}





/* ////////////////////////////////////////////////////////////////////////////

    13 . Home - LIVE

//////////////////////////////////////////////////////////////////////////// */

.section.live {
    position: relative;
    background: var(--color-blue-2-dark);
    padding: 60px 15px 75px 15px;
}
.section.live::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/interface/pattern-white.svg);
    background-repeat: repeat;
    background-size: 180px 175px;
    background-position: center;
    opacity: .15;
}
.section.live::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-blue-2-dark);
    background: linear-gradient(0deg, rgba(38,5,123,1) 0%, rgba(38,5,123,0) 100%);
}

.live_wrap {
    position: relative;
    z-index: 1;
    display: flex;
    background: var(--color-blue-2);
    overflow: hidden;
    border-radius: 8px;
}

@media only screen and (max-width: 992px) {
    .section.live {
        padding: 35px 0 50px 0;
    }
    .live_wrap {
        flex-direction: column;
    }
}


/* -------------------------------------------
    HEADER 
------------------------------------------- */
.live_header {
    position: relative;
    z-index: 1;
    color: #fff;
    margin-bottom: 25px;
}

/* EVENT */
.live_event {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 400;
}
.live_event h2 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 5px;
}
.live_event i {
    margin-right: 8px;
}

/* RIBBON */
.live_ribbon {
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-title);
    background: var(--color-orange);
    font-size: 15px;
    line-height: 1;
    letter-spacing: 2px;
    padding: 5px 0 5px 12px;
    border-radius: 2em;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
}
span.live-icon {
    display: inline-block;
    position: relative;
    background-color: #fff;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 1;
}
span.live-icon:before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: live 2s ease-in-out infinite;
    animation: live 2s ease-in-out infinite;
    z-index: -1;
}
@-webkit-keyframes live {
    0% { transform: scale(1, 1); }
    100% { transform: scale(3.5, 3.5); background-color: rgba(255, 255, 255, 0); }
}
@keyframes live {
    0% { transform: scale(1, 1); }
    100% { transform: scale(3.5, 3.5); background-color: rgba(255, 255, 255, 0); }
}

@media only screen and (max-width: 992px) {
    .live_ribbon {
        font-size: 15px;
        padding: 10px 15px;
    }
}


/* -------------------------------------------
    TABS 
------------------------------------------- */
.live_tab {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}
.live_tab li {
    flex: 1 0 auto;
}
.live_tab li a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: color .2s, background-color .2s;
    border-bottom: var(--color-grey) solid 1px;
    height: 50px;
    padding: 0 10px;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.25;
    font-weight: inherit;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: rgba(255, 255, 255, .75);
}
.live_tab li a span {
    
}
.live_tab li a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -1px;
    background: var(--color-grey);
    height: 1px;
    width: 0;
    transition:  width .3s;
}

.live_tab li a:last-child { margin-right: 0; }
.no-touch .live_tab li a:hover { color: #fff; background: var(--color-orange); }
.no-touch .live_tab li a:hover:after { width: 100%; }

.live_tab li a.active { color: #fff; background: var(--color-orange); }
.live_tab li a.active:after { width: 100%; }

.live_tab li a i {
    font-size: 85%;
    margin-right: 10px;
}

@media only screen and (max-width: 992px) {
    .live_tabs {
        margin-top: 0;
        width: 100%;
    }
    .live_tab {
        justify-content: space-between;
    }
    .live_tab li {
        flex: 1 0 auto;
    }
    .live_tab li a {
        font-size: 14px;
        text-align: center;
        padding: 0 10px;
        letter-spacing: 0.025em;
    }
}


/* -------------------------------------------
    VIDEO 
------------------------------------------- */
.live_wrap-video {
    width: calc(100% - 375px);
    /* height: 100%; */
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



@media only screen and (max-width: 992px) {
    .live_wrap-video {
        width: calc(100%);
    }
}

.live-off {
    position: relative;
    display: flex;
    height: 100%;
}
.live-off span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}
.live-off img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(25%);
}


/* -------------------------------------------
    CONTENT 
------------------------------------------- */
.live_wrap-content {
    width: 375px;
    display: flex;
    flex-direction: column;
    order: -1;
}

/* CURRENT COMPET */
.current_compet {
    padding: 15px;
    color: #fff;
}
.current_compet-cat {
    letter-spacing: 0.050em;
    text-transform: uppercase;
    color: rgba(255,255,255,.65);
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 10px;
}
.current_compet-title {
    font-size: 21px;
    line-height: 1.35;
    font-weight: 500;
    margin-bottom: 15px;
}
.current_compet-desc {
    font-size: 15px;
    line-height: 20px;
}
.current_compet-pictos {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
    margin: 15px 0;
    border-top: rgba(255,255,255,.25) solid 1px;
}
.current_compet-pictos div {
    flex: 1;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.current_compet-pictos div i {
    font-size: 15px;
    margin-bottom: 8px;
}
.current_compet-cta {
    display: flex;
    align-items: flex-start;
    padding: 10px 0 0 0;
}
.current_compet-cta a {
    text-align: center;
    flex: 1 0 auto;
}
.current_compet-cta a:not(:first-child) {
    margin: 0 0 0 5px;
}

/* CURRENT RIDER */
.rider_wrap {
    padding: 0 15px;
}
.current_rider {
    padding: 15px 0;
    color: #fff;
    border-top: rgba(255,255,255,.25) solid 1px;
}
.current_rider-cat {
    font-family: var(--font-title-regular);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--color-orange);
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 10px;
}
.current_rider-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.current_rider-title span {
    margin: 0 7px;
}
.current_rider-title img {
    height: 12px;
    position: relative;
    top: -1px;
}
.current_rider-horse {
    font-size: 14px;
    line-height: 16px;
    font-style: italic;
}

/* CURRENT RIDER › NEXT */
.current_rider.next {
    padding: 15px 0;
    background: transparent;
    opacity: .85;
    color: var(--color-grey);
}
.current_rider.next .current_rider-cat {
    color: var(--color-grey);
}
.current_rider.next .current_rider-title img {
    filter: grayscale(1);
}

/* -------------------------------------------
    RESULTS 
------------------------------------------- */
.live_results {
    position: relative;
    z-index: 1;
    margin-top: 60px;
}
.live_results-title {
    font-family: var(--font-title);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--color-orange);
    text-align: center;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 30px;
}
.live_results .tab-content {
    padding: 0;
    border-radius: 6px;
}
.live_results .tabs-btn {
    margin-top: 30px;
}

.live_results .table-start thead tr th {
    background: var(--color-blue-2);
}
.live_results .table-start thead tr {
    background: none;
}
.live_results .table-start thead {
    background: none;
}
.live_results .table-start tr:nth-child(even) {
    background: #f5f5f5;
}



@media only screen and (max-width: 992px) {
    .live_wrap-content {
        width: 100%;
        order: 2;
    }
    .current_compet-cta {
        flex-direction: row;
    }
    .current_compet-cta a {
        flex: 1 0 auto;
    }
    .current_compet-cta a:not(:first-child) {
        margin: 0 0 0 5px;
    }
    .rider_wrap {
        display: flex;
    }
    .current_rider {
        flex: 1;
        padding: 15px 15px 15px 0;
    }
    .current_rider.next {
        border-left: rgba(255,255,255,.1) solid 1px;
        padding: 15px;
    }
    .live_results {
        margin-top: 30px;
    }
    .live_results-title {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 15px;
    }
    .live_results .tabs-btn {
        margin-top: 15px;
    }
}


/* -------------------------------------------
    COMPETITION COUNTDOWM 
------------------------------------------- */
.live_wrap-content .compet_countdown {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 15px;
    height: 100%;
    background: rgba(38,5,123,.4);
}
.live_wrap-content .compet_countdown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, transparent 25%, #00283C 25%, #00283C 50%, transparent 50%, transparent 75%, #00283C 75%, #00283C 100%);
    background-size: 14.14px 14.14px;
    opacity: .1;
}
.live_wrap-content .compet_countdown-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 15px!important;
}
.live_wrap-content .compet_countdown-title {
    display: block;
    margin-bottom: 15px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0.025em;
    border-radius: 2em;
    background-color: var(--color-orange);
    color: var(--color-blue-2-dark);
}
.live_wrap-content .compet_countdown-detail {
    text-align: center;
    padding: 0 5px;
}
.live_wrap-content .compet_countdown-detail ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 30px;
}
.live_wrap-content .compet_countdown-detail ul li {
    padding: 0 1px;
    min-width: 50px;
}
.live_wrap-content .compet_countdown-detail ul li span {
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
}
.live_wrap-content .compet_countdown-detail ul li.seperator {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    vertical-align:top;
    min-width:inherit;
}
.live_wrap-content .compet_countdown-detail ul li p {
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    opacity: .6;
    padding-top: 2px;
}

.live_wrap-content .live_wrap-content .compet_countdown {
    position: relative;
}
.live_wrap-content .compet_countdown-wrap {
    background: none;
    padding: 0 10px 0 10px!important;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.live_wrap-content .live_wrap-content .compet_countdown-title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}





/* ////////////////////////////////////////////////////////////////////////////

    14 . BANDEAU

//////////////////////////////////////////////////////////////////////////// */

.bandeau {
    position: fixed;
    bottom: -5px;
    z-index: 10!important;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    width: 100%;
    padding: 0 0 30px 0;
}
.bandeau .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    line-height: 1;
    background: var(--color-blue-2);
    color: var(--color-bg);
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    
}
.bandeau .inner .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.bandeau .inner .desc div {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    padding: 0 25px 0 0;
    flex: 1 0 auto;
}
.bandeau .inner .desc div span {
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 5px;
}
.bandeau .inner .desc a {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.050em;
}
.bandeau .inner .bt {
    position: relative;
    font-size: 30px;
    padding: 0 0 0 45px;
    cursor: pointer;
}
.bandeau .inner .bt a {
    color: var(--color-purple);
}

@media only screen and (max-width: 992px) {
    .bandeau {
        padding: 0;
        width: 100%;
    }
    .bandeau .inner {
        max-width: 100%!important;
        width: calc(100%);
        padding: 15px;
    }
    .bandeau .inner .desc {
        flex-direction: column;
        align-items: center;
    }
    .bandeau .inner .desc div {
        font-size: 16px;
        line-height: 1.1;
        font-weight: 500;
        padding: 0 0 10px 0;
        width: 100%;
        text-align: center;
    }
    .bandeau .inner .desc div span {
        font-size: 22px;
        margin-top: 3px;
    }
    .bandeau .inner .bt {
        position: relative;
        font-size: 30px;
        padding: 0 0 0 0;
        cursor: pointer;
    }
}





/* ////////////////////////////////////////////////////////////////////////////

    15 . NEWSLETTER

//////////////////////////////////////////////////////////////////////////// */

.newsletter {
    padding: 0;
    background-color: var(--color-blue);
}

.news_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 65vh;
    min-height: 350px;
}

.news_wrap-image {
    flex: 1;
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
}
.news_wrap-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_wrap-content {
    flex: 1;
}

.newsletter .newsletter_wrap {
    padding: 0;
    text-align: left;
    padding: 50px;
    max-width: 700px;
}
.newsletter .newsletter_wrap .newsletter_title span {
    max-width: inherit;
}
.newsletter .newsletter_wrap .newsletter_mention {
    text-align: left;
    position: relative;
    margin-top: 20px;
    display: flex;
}

.newsletter .newsletter_form {
    max-width: 100%;
    text-align: inherit;
}

.newsletter_form input[type=text] {
	text-transform:none!important;
	position: relative;
	background: transparent;
	color: #fff;
    border: var(--color-grey) solid 1px;
	width: calc(100%);
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	padding: 0 60px 0 15px;
	outline: none;
    border-radius: 2em;
	box-sizing:border-box;
    -webkit-appearance: none;
	appearance: none;
}

.newsletter_form input[type=text]::-webkit-input-placeholder { color: var(--color-grey); }

@media only screen and (max-width: 767px) {
    .newsletter_form input[type=text] {
        width: 100%;
        max-width: 100%;
    }
}

.newsletter .form-inline { padding:0; }
.newsletter .form-inline .row { margin:0!important; padding:0!important; }

.newsletter .form-inline .row [class*='col-']:not(:first-child),
.newsletter .form-inline .row [class*='col-']:not(:last-child) {
    padding-right:5px;
    padding-left:5px;
}
.newsletter .form-inline .row [class*='col-']:first-child {
    padding-right:5px;
    padding-left:0;
}
.newsletter .form-inline .row [class*='col-']:last-child {
    padding-right:0;
    padding-left:5px;
}
.newsletter .form-inline .row {
    margin-bottom: 15px!important;
}
.newsletter .form-inline .row:last-child {
    margin-bottom: 0!important;
}
.newsletter .form-inline .row .col-md-12 {
    padding-left:0!important;
}

@media only screen and (max-width: 768px) {
	.newsletter .form-inline .row [class*='col-']:not(:first-child),
	.newsletter .form-inline .row [class*='col-']:not(:last-child) {
        padding-right:0;
        padding-left:0;
	}
	.newsletter .form-inline .row [class*='col-']:first-child {
        padding-right:0;
        padding-left:0;
	}
	.newsletter .form-inline .row [class*='col-']:last-child {
        padding-right:0;
        padding-left:0;
	}
    .newsletter .form-inline .row .col-md-12 {
        padding-left:0!important;
    }
    .newsletter .form-inline .row {
        margin-bottom: 0!important;
    }
}


@media only screen and (max-width: 992px) {
    .news_wrap {
        flex-direction: column;
        height: 100%;
        min-height: inherit;
    }
    .newsletter .newsletter_wrap {
        padding: 25px 15px 50px 15px;
    }
    .news_wrap-image {
        padding-top: 46.25%;
    }
    .news_wrap-image img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.newsletter_mention {
    margin-bottom: 30px;
}
.newsletter_mention input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}
.newsletter_mention input[type="checkbox"] + label {
  	padding-left: 30px;
	color: var(--color-grey);
	font-size: 13px;
	line-height:15px;
	cursor:pointer;
	font-weight:500!important;
	text-transform:none;
    transition: color .25s;
}
.newsletter_mention input[type="checkbox"] + label a {
  	text-decoration: underline;
	color: var(--color-grey);
}
.no-touch .newsletter_mention input[type="checkbox"] + label a:hover {
  	text-decoration: none;
	color: var(--color-grey);
}
.newsletter_mention input[type="checkbox"] + label::before,
.newsletter_mention input[type="checkbox"] + label::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}
.newsletter_mention input[type="checkbox"] + label::before {
    border: 1px solid var(--color-grey);
    background: transparent;
}
.newsletter_mention input[type="checkbox"] + label::before,
.newsletter_mention input[type="checkbox"] + label::after {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.newsletter_mention input[type="checkbox"] + label::after {
    background-color: var(--color-blue);
    content: "\f122";
    font-family: "Ionicons";
    font-size: 14px;
    color: var(--color-grey);
    display: flex;
    align-items: center;
    justify-content: center;
}
.newsletter_mention input[type="checkbox"] + label::after {
    display: none;
}
.newsletter_mention input[type="checkbox"]:focus + label::before {
    border: 1px solid var(--color-grey);
}
.newsletter_mention input[type="checkbox"]:checked + label::after {
    display: flex;
    border: 1px solid var(--color-grey);
}
.newsletter_mention input[type="checkbox"]:checked + label::before,
.newsletter_mention input[type="checkbox"]:checked + label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } }
@-moz-keyframes cd-bounce { 0%, 100% { -moz-transform: scale(1); } 50% {  -moz-transform: scale(0.8); } }
@keyframes cd-bounce { 0%, 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
50% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }


input[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-blue);
    background-color: var(--color-orange);
    padding: 0 20px;
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
	border: 0;
    border-radius: 2em;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    box-shadow: inset 0px 0px 0px 1px var(--color-orange);
	transition: all 0.25s ease;
    -webkit-appearance: none;
	appearance: none;
}
.no-touch input[type=submit]:hover {
    color: var(--color-orange);
    background: transparent;
}
@media only screen and (max-width: 992px) {
    input[type=submit] {
        width: 100%;
    }
}