/* TOP HEADER */



@media (max-width: 600px) {
    .headerTopContainer{
        display: none!important;
    } 
}

.headerTopContainer{
    position: fixed!important;
    width: 100%;
    z-index: 31!important;
    top: 0px!important;
    height: 55px;
}
.header-top{
    margin-top: 55px;
    transition: margin-top 0.3s ease-in-out!important;
}
.header-top.fixed{
    margin-top: 0px!important;
    transition: margin-top 0.3s ease-in-out!important;
}
body#index #header .header-top{
    padding-top: 0px!important;
}
@media(max-width: 1292px){
    .user-menu-separate{
        right: 25px!important;
    }
}
@media(max-width: 1200px){
    .headerTopContainer{
        position: static!important;
    }
    .header-top{
        margin-top: 0px!important;
    }
}
#footer{
    background: #000112!important;
}
.contact-title > a > span{
    color: #fff!important;
}
.contact-title > img{
    width: 22px;
    height: 21px;
}
/**/

.miniatures-title, .gasly-tour-title{
    color: #fff!important;
}
.gasly-tour-title{
    left: 0px!important;
    top: 150px!important;
    max-width: 75%!important;
    line-height: 7rem!important;
}
.miniatures-title{
    max-width: 75%!important;
    line-height: 7rem!important;
}
@media(max-width: 900px){
    .gasly-tour-title,.miniatures-title{
        line-height: 4rem!important;
    }
}
@media(max-width: 768px){
    .gasly-tour-title, .miniatures-title{
        max-width: unset!important;
    }
}
.shop-now-btn{
    border-bottom: none!important;
}
.social-icons-fixed{
    position: absolute!important;
    top: 300px!important;
    background: transparent!important;
}
.helmet-stack.right-stack .helmet-img{
    width: auto!important;
    aspect-ratio: 4/5;
}

@media(min-width: 1202px) and (max-width: 1275px){
    .zone-2 > img{
        left: 325px!important;
    }
}
@media(min-width: 1201px){
    .zone-1 > img{
        position: absolute;
        object-fit: contain!important;
        max-width: 344px!important;
        max-height: 456px!important;
    }
    .zone-2 > img{
        position: absolute;
        bottom: -120px;
        max-width: 448px!important;
        max-height: 448px!important;
        left: 435px;
        z-index: 1;
    }
    .zone-3 > img{
        aspect-ratio: 4/5;
        width: auto;
        max-height: 646px!important;
        position: relative;
        left: 150px;
    }
    .gasly-tour-text{
        max-width: 400px!important;
        left: 900px;
        bottom: 50px;
    }
}
@media(min-width: 1201px) and (max-width: 1275px){
    .gasly-tour-text{
        bottom: 25px;
        left: 795px;
    }
}


@media(max-width: 1199px) and (min-width: 901px){
    #mobile_top_menu_wrapper{
        height: 100vh;
        top: 128px!important;
        padding-top: 50px;
    }
    #header .header-nav .top-logo a img{
        max-height: 40px!important;
    }
    .gasly-tour-text{
        bottom: 45px;
    }
    .gasly-tour-text{
        width: 350px!important;
        position: relative!important;
        left: 125px!important;
    }
    .zone-1 > img{
        position: absolute;
        height: 500px!important;
        width: 395px!important;
    }
    .zone-2 > img{
        left: 160px;
        position: absolute!important;
        width: 437px!important;
        height: 380px!important;
        z-index: 1;
    }
    .zone-3 > img{
        position: relative;
        left: 75px;
    }
}
@media(max-width: 1080px) and (min-width: 901px){
    .zone-2 > img{
        left: 145px!important;
    }
    .gasly-tour-text{
        width: 310px!important;
    }
}
@media(max-width: 1008px) and (min-width: 901px){
    .zone-2 > img{
        left: 90px!important;
    }
    .gasly-tour-text{
        width: 265px!important;
        left: 110px!important;
    }
}
@media(max-width: 968px) and (min-width: 769px){
    .miniatures-text{
        max-width: 320px!important;
        right: 0px!important;
    }
    .helmet-stack.right-stack .helmet-img{
        width: 85%!important;
        left: 25px;
        position: relative;
    }
    .helmet-stack.center-stack .helmet-img{
        left: 15px;
    }
}
@media(max-width: 856px) and (min-width: 769px){
    .miniatures-text{
        max-width: 290px!important;
    }
}
@media(max-width: 900px) and (min-width: 769px){
    .zone-1 > img{
        width: 275px!important;
    }
    .zone-2 > img{
        width: 370px!important;
        z-index: 1;
    }
    .zone-2{
        position: absolute;
        bottom: 20px;
        left: 25px;
    }
    .zone-3{
        position: absolute;
        
    }
    .zone-3 > img{
        width: 505px!important;
    }
    .gasly-tour-grid{
        gap: 13vw;
    }
    .gasly-tour-text{
        left: 415px;
        bottom: 45px!important;
    }
    .gasly-tour-title{
        top: 50px!important;
    }
}
@media(max-width: 768px){
    .gasly-tour{
        padding: 100px 0 20px 0!important;
    }
    .gasly-tour-text{
        bottom: unset!important;
    }
    .zone img.gasly-image{
        height: 456px!important;
    }
    .gasly-tour-col.left .zone-1, .gasly-tour-col.left .zone-2, .gasly-tour-col.right .zone-3, .gasly-tour-col.right .zone-4{
        min-height: unset!important;
    }
    .gasly-tour-grid{
        max-height: unset!important;
    }
    .gasly-tour-col{
        gap: 25px!important;
    }
    .gasly-tour-title{
        top: 0px!important;
    }
    .helmet-stack.left-stack .helmet-img, .helmet-stack.center-stack .helmet-img, .helmet-stack.right-stack .helmet-img{
        height: auto!important;
        max-height: 563px!important;
    }
}
@media(max-width: 465px){
    .gasly-tour{
        padding: 50px 0!important;
    }
    .gasly-tour h2, .gasly-tour-title{
        font-size: 2.5em!important;
    }
    .gasly-image{
        width: 80%!important;
    }
}
@media(max-width: 394px){
    .gasly-tour h2, .gasly-tour-title{
        font-size: 2em!important;
    }
    .gasly-image{
        width: 90%!important;
    }
}

.headerTopContainer, #header .header-top.fixed{
    z-index: 31!important;
}
.carousel-nav-btn .next-btn, .carousel-nav-btn .prev-btn, .carousel-nav-btn{
    z-index: 30!important;
}
.input-group .form-control{
    z-index: 0!important;
}

/* FOOTER */

body .contact-title > span, body .highlight-footer{
    font-family: 'transducer-extended'!important;
}
.highlight-footer{
    font-weight: 600;
}
.footer-links{
    gap: 90px!important;
}
.payment-info > span, .shipping-info > span{
    font-family: 'transducer-extended'!important;
}
.contact-title > a > span{
    font-family: 'transducer-extended'!important;
}
.newsletter-title{
    width: 285px;
    text-align: center;
}
.footer-links > div > p{
    white-space: nowrap;
}
@media(max-width: 1512px){
    .footer-links{
        gap: 45px!important;
    }
}
@media(max-width: 1318px){
    .footer-links{
        gap: 20px!important;
    }
}
@media(max-width: 1276px){
    .footer-links{
        gap: 100px!important;
    }
    .footer-container .col-md-3{
        gap: 10px!important;
    }
    .links > p{
        display: block!important;
    }
}
@media(max-width: 988px){
    #footer{
        padding: 72px 70px 40px 70px!important;
    }
    .payment-info > span, .shipping-info > span{
        font-size: 16px!important;
    }
}
@media(max-width: 908px){
    .newsletter-title{
        width: 50%;
    }
}
@media(max-width: 881px){
    .payment-info > span, .shipping-info > span{
        font-size: 20px!important;
    }
}
@media(max-width: 767px){
    .footer-container .links ul > li{
        text-align: center!important;
    }
    .container-right-footer{
        gap: 75px!important;
    }
    .helmet-stack.center-stack .helmet-img{
        top: 20px!important;
    }
}
@media(max-width: 668px){
    .footer-links{
        gap: 35px!important;
    }
}
@media(max-width: 592px){
    .payment-info{
        flex-direction: column!important;
    }
    .payment-info > span{
        text-align: center!important;
    }
    #footer{
        padding: 72px 20px 40px 20px!important;
    }
}
@media(max-width: 469px){
    .newsletter-title{
        width: 65%!important;
    }
}
@media(max-width: 400px){
    .newsletter-title{
        width: 75%!important;
    }
}
@media(max-width: 355px){
    .newsletter-title{
        width: 85%!important;
    }
}

.account-icon{
    justify-content: flex-start!important;
    padding-left: 20px!important;
}

#authentication #wrapper{
    padding-top: 50px!important;
}
#pay-with-payment-option-1-form, #pay-with-payment-option-2-form, #pay-with-payment-option-3-form, #pay-with-payment-option-4-form{
    display: none!important;
}
#payment-option-1-container label{
    text-align: left!important;
}
body#checkout section.checkout-step{
    border: transparent!important;
    background: transparent!important;
}
body#checkout section.checkout-step .delivery-option{
    border: 0.5px solid #CECECE!important;
}

/* PAYMENT STEPS */

.form-control-valign{
    display: flex!important;
    gap: 20px;
}
body#checkout [data-action="show-password"]{
    background: #022447!important;
    color: #fff!important;
}
.carrier-extra-content button{
    background-color: #022447!important;
}
#minimal > b{
    color: #022447!important;
}
.more .add-to-cart:hover{
    opacity: 0.8!important;
}
.top_button{
    background: #022447!important;
}

.js-current-step > .step-title.h3{
    font-size: 24px!important;
    font-weight: 900!important;
    margin: 15px 0!important;
}




/* Fil d'Ariane des étapes de commande */
.checkout-steps-progress {
    background: #f8f9fa;
    padding: 2rem 0;
    margin-bottom: 2rem;
    position: relative;
    bottom: 21px;
    background: #022447!important;
  }
  
  .steps-progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }
  
  .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    width: 100px;
  }
  
  .step-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
  }
  
  .step-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    height: 35px;
  }
  
  .step-number {
    font-size: 0.875rem;
    font-weight: 500;
  }
  
  .step-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem!important;
  }
  
  /* États des étapes */
  .step-item.pending .step-icon {
    background: #e9ecef;
    color: #6c757d;
  }
  
  .step-item.pending .step-text {
    color: #6c757d;
  }
  
  .step-item.active .step-icon {
    background: #fff;
    color: #fff;
  }
  
  .step-item.active .step-text {
    color: #000;
  }
  
  .step-item.completed .step-icon {
    background: #57C2FF;
    color: #fff;
  }
  .step-item .completed
  
  .step-item.completed .step-text {
    color: #28a745;
  }
  .step-item .active > .step-icon, .step-item .active > .step-text{
    color: #000!important;
  }

  .step-item.active > .step-icon{
    color: #000!important;
    font-weight: bold!important;
  }

  .step-item.active > .step-text{
    color: #fff!important;
  }
  .step-item.completed > .step-text > .step-title{
    color: #57C2FF!important;
  }
  /* Connecteurs */
  .step-connector {
    width: 60px;
    height: 2px;
    background: repeating-linear-gradient(to right, #e9ecef 0, #e9ecef 4px, transparent 4px, transparent 8px);
    margin: 0 1rem;
    margin-bottom: 45px!important;
  }
  
  .step-item.completed + .step-connector {
    background: repeating-linear-gradient(to right, #57C2FF 0, #57C2FF 4px, transparent 4px, transparent 8px);
  }
  .steps-progress-bar .step-title{
    margin-top: 10px!important;
  }
  .step-item.active > .step-icon{
    border: 4px solid #57C2FF!important;
  }
  .step-item.active .step-text .step-title{
    position: relative;
  }
  .step-item.active .step-text .step-title::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #57C2FF;
    position: absolute;
    bottom: -10px;
  }
  

@media(max-width: 1200px){
    #checkout #content > .row{
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center!important;
    }
    #checkout #content > .row > .col-md-8{
        width: 100%!important;
    }
    #checkout #wrapper{
        padding-bottom: 0!important;
    }
}
@media(max-width: 991px){
    #checkout #js-delivery .delivery-option-2 > div{
        display: flex!important;
        flex-direction: column!important;
        gap: 10px!important;
    }
    #checkout #js-delivery .delivery-option-2 > div > div{
        width: 100%!important;
    }
    .delivery-option-2 .col-xs-3{
        min-width: 55px;
    }
    .delivery-option-2 .col-xs-3, .delivery-option-2 .col-xs-9{
        padding: 0!important;
    }
    .delivery-option-2{
        padding: 0!important;
    }
}
@media(max-width: 931px){
    .steps-progress-bar{
        gap: 1rem!important;
    }
    .steps-progress-bar .step-title{
        font-size: 0.75rem!important;
    }
    .step-connector{
        margin: 0;
    }
}
@media(max-width: 767px){
    .block-promo .promo-code-button{
        padding: 20px!important;
        text-align: center!important;
        width: 100%!important;
    }
    #checkout #wrapper > .container{
        padding: 0!important;
    }
}
@media(max-width: 681px){
    .step-connector{
        width: 14px;
    }
}
@media(max-width: 580px){
    .delivery-option{
        flex-direction: column!important;
        gap: 20px;
    }
}
@media(max-width: 539px){
    .steps-progress-bar{
        gap: 0!important;
    }
}
@media(max-width: 432px){
    .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link{
        margin-left: 2px!important;
    }
    .step-item{
        width: 80px;
    }
    .step-icon{
        width: 40px;
        height: 40px;
    }
}
@media(max-width: 373px){
    .steps-progress-bar .step-title{
        font-size: 0.5rem!important;
        line-height: 0.5rem!important;
    }
    .step-item{
        width: 60px;
    }
}


.payment-options{
    display: flex!important;
    flex-direction: column!important;
    gap: 20px!important;
}
.payment-options > div{
    border: 0.5px solid #CECECE;
    padding: 12px 16px!important;
}


/* ABOUT PAGE (parcours) */

body#module-parcours-info #header .header-top{
    padding-top: 0!important;
}
#module-parcours-info #wrapper .container.content-top{
    padding: 0 35px!important;
}
#parcours-text > div > div > div > .headingTitle, #slideContainer > section > div > h2, .section6_1 > div > h2{
    color: #fff!important;
}
.video-icon{
    flex-shrink: 0;
}
#parcours-text > .parcours-content > .content-top{
    gap: 70px;
}
.parcours-content .right{
    margin-left: unset!important;
}
@media(min-width: 992px){
    .parcours-content .left{
        max-width: 560px;
    }
}
@media(max-width: 1103px) and (min-width: 992px){
    .parcours-content .left{
        max-width: 500px;
    }
}
@media(max-width: 1103px) and (min-width: 992px){
    .parcours-content .left{
        max-width: 400px;
    }
}
@media(max-width: 414px){
    .parcours-content .left h2{
        font-size: 40px!important;
    }
}
@media(max-width: 373px){
    #slideContainer > section > div > h2{
        font-size: 23px!important;
        line-height: 33px!important;
    }
    .parcours-content .left h2{
        font-size: 35px!important;
    }
}

/* CENTER MAIN NAV DESKTOP */

@media (min-width: 1200px) {
	/* Contexte de positionnement */
	.header-top .header-container,
	.header-top .headerBottom {
		position: relative;
	}

	/* Le logo au centre absolu de la barre */
	#main-nav-logo {
		position: absolute !important;
		left: 51.4%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		z-index: 5; /* au-dessus du menu si besoin */
	}

	#main-nav-logo .logo-link {
		display: flex;
		align-items: center; /* centrage vertical de l’image */
		justify-content: center;
		height: 100%; /* suit la hauteur de la barre */
	}

	/* Le UL peut rester en flux; on évite les décalages */
	.menu ul#top-menu {
		position: relative; /* pour ne pas impacter l’absolu du logo */
	}

	/* Empêche un chevauchement involontaire sur des items cliquables derrière le logo */
	.menu ul#top-menu > li {
		z-index: 1;
	}
    #main-nav-logo .logo-link img{
        top: unset!important;
    }
    .top-menu.test > li:first-child, .top-menu.test > li:nth-child(2), .top-menu.test > li:nth-child(3), .top-menu.test > li:nth-child(4){
        position: relative;
        right: 20%!important;
    }
    .top-menu.test > li:nth-child(6), .top-menu.test > li:nth-child(7){
        position: relative;
        right: 20px!important;
    }
    .language-selector-wrapper-after-menu{
        position: relative;
        right: 50px!important;
    }
    .dropdown-item > .pull-xs-right{
        display: none!important;
    }

    .headerRight{
        justify-content: center!important;
    }
    .language-selector-wrapper-after-menu{
        position: absolute!important;
        left: 100%!important;
        width: 100%!important;
    }
    .user-menu-separate{
        right: -190px!important;
    }
    .header-container{
        height: 73px!important;
    }

    /* JA */
    .lang-ja .top-menu.test > li:nth-child(6), .top-menu.test > li:nth-child(7){
        right: 35px!important
    }
    .lang-ja .language-selector-wrapper-after-menu{
        left: 94%!important;
    }

    /* FR */
    .lang-fr .top-menu.test > li:nth-child(6), .lang-fr .top-menu.test > li:nth-child(7){
        right: 65px!important;
    }
    .lang-fr .language-selector-wrapper-after-menu{
        left: 92%!important;
    }

    /* EN */
    .lang-en .top-menu.test > li:nth-child(6), .lang-en .top-menu.test > li:nth-child(7){
        right: 35px!important;
    }
    .lang-en .language-selector-wrapper-after-menu{
        left: 95%!important;
    }

    /* IT */
    .lang-it .top-menu.test > li:nth-child(6), .lang-it .top-menu.test > li:nth-child(7){
        right: 93px!important;
    }
    .lang-it .language-selector-wrapper-after-menu{
        left: 89%!important;
    }

    /* ES */
    .lang-es .top-menu.test > li:nth-child(6), .lang-es .top-menu.test > li:nth-child(7){
        right: 65px!important;
    }
    .lang-es .language-selector-wrapper-after-menu{
        left: 92%!important;
    }
}


@media(max-width: 1355px) and (min-width: 1200px){
    .user-menu-separate{
        right: -150px!important;
    }
    .lang-it #header .header-top .menu > ul > li{
        margin-right: 10px!important;
    }
    .lang-it .dropdown-item{
        font-size: 11px!important;
    }
}

@media(min-width: 1406px){
    #category-14 > .js-sub-menu{
        width: 115vw!important;
    }
}

:root{
    --sbw: calc(100vw - 100%); /* ScrollBar Width */
  }
  
  /* Ta nav en fixed, sans margin-right */
  .header-top.fixed{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
  
    /* Compense uniquement si une scrollbar existe */
    padding-inline-end: var(--sbw) !important;
    margin: 0 !important;
  }
  
  /* Bonus : éviter tout scroll horizontal parasite */
  html, body{ overflow-x: clip; }
  
  
  /* Contrôler la largeur du contenu en mode fixed */
  .header-top.fixed .container {
    max-width: 1200px !important; /* ou la largeur de votre conteneur principal */
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body:not(.lang-fr) #layerslider_2 .ls-wrapper.ls-in-out {
    left: 0px!important;
  }
  .ls-layers .ls-wrapper.ls-in-out{
    left: 0px!important;
  }



  /* Assure l’overlay plein écran */
.modal {
    position: fixed !important;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100050 !important;
  }
  
  /* Le backdrop reste en dessous */
  .modal-backdrop {
    z-index: 100040 !important;
  }
  
  /* Animation/affichage standard */
  .modal.show .modal-dialog,
  .modal.in .modal-dialog {
    transform: none !important;
  }
  
  /* Sécurise le centrage de la boîte */
  #blockcart-modal .modal-dialog {
    margin: 1.75rem auto;
    pointer-events: auto;
  }

  body:not(.modal-open) #blockcart-modal {
    display: none!important;
    opacity: 0!important;
}
  body.modal-open #blockcart-modal {
    display: block!important;
    opacity: 1!important;
  }

  body.modal-open #blockcart-modal {
    background: rgba(0,0,0,.5)!important;
}
  
.js-current-step > .step-title > .step-number{
    font-size: 24px!important;
}

#js-stripe-payment-form + div:not([class]) {
    display: none!important;
}
#pay-with-payment-option-5-form{
    display: none!important;
}
#payment-option-2-container label{
    text-align: left!important;
}
#payment-option-1-container, #payment-option-2-container, #payment-option-3-container{
    margin-bottom: 0px!important;
}
#payment-option-5-container > span{
    margin-top: 11px!important;
}
.pspaylaterPaymentOption img{
    margin: 4px 12px 0 5px!important;
}

.ls-v6 .ls-circle-timer{
    display: none!important;
}
.copyright-small > a{
    color: #fff!important;
    font-size: 10px!important;
}

body:not(#index) .social-icons-fixed {
    display: none !important;
  }
  
  .right-stack{
    transform: translateX(45px);
  }


  .mediasmenu a.selected, .mediasmenu a:hover{
    border-bottom: 2px solid #57C2FF!important;
  }


  /* CALENDAR PAGE */

  .calendar-top{
    display: flex!important;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }
  .rank{
    position: unset!important;
    background: #57C2FF!important;
  }
  .calendar-date{
    text-align: center;
    font-size: 15px!important;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .date{
    font-size: 26px!important;
  }
  .calendar ul li{
    width: 33%!important;
  }
  #module-calendar-circuits #main .page-content.card{
    background: transparent!important;
  }
  .track-detail h2{
    margin: 10px 0!important;
    padding: 0 100px!important;
  }
  .track-detail {
    position: relative;
    background: #071a3a;
    clip-path: polygon(
      0 0,   /* haut gauche */
      100% 0,/* haut droit */
      100% 85%, /* descente côté droit */
      70% 100%, /* coin coupé */
      0 100% /* bas gauche */
    );
  }
  

  @media(max-width: 1200px){
    .calendar ul li{
        width: 50%!important;
    }
    .track-detail {
        position: relative;
        background: #071a3a;
        clip-path: polygon(
          0 0,   /* haut gauche */
          100% 0,/* haut droit */
          100% 80%, /* descente côté droit */
          75% 100%, /* coin coupé */
          0 100% /* bas gauche */
        );
      }
  }

  @media(max-width: 768px){
    .calendar ul li{
        width: 100%!important;
    }
    .track-detail {
        position: relative;
        background: #071a3a;
        clip-path: polygon(
          0 0,   /* haut gauche */
          100% 0,/* haut droit */
          100% 80%, /* descente côté droit */
          70% 100%, /* coin coupé */
          0 100% /* bas gauche */
        );
      }
      .track-detail h2 {
        padding: 0 60px!important;
    }
    #module-calendar-circuits .page-content{
        padding-right: 0px!important;
    }
  }

#module-calendar-circuits #content{
    padding: 0px!important;
}
.calendar h2{
    padding-top: 50px;
    padding-left: 15px!important;
    text-align: left!important;
}
.circuit-content-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 50px;
}

h1.mediatitle, h1.mediatitle{
    -webkit-text-stroke: 1px #000!important;
}
#module-higallery-gallery #content{
    background: transparent!important
}
#module-higallery-gallery #content-wrapper, #module-bonyoutube-youtube #content-wrapper{
    padding-top: 50px!important;
}
.page-customer-account #content{
    background: transparent!important;
}
#login-form > section > div:nth-child(3) > div.col-md-6 > div > span > button{
    background: #022447!important;
}

#authentication #content{
    border-bottom: none!important;
}

/* COOKIE BANNER */

.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-modal .lgcookieslaw-reject-button, .lgcookieslaw-button-container .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-badge, .lgcookieslaw-slider.lgcookieslaw-slider-checked{
    background: #57C2FF!important;
    border: none!important;
}


#lgcookieslaw_fixed_button, .lgcookieslaw-banner{
    background: #022447!important;
}
.top_button{right: 21px!important; bottom: 95px!important;}
#module-calendar-circuits .circuit-section a{
    display: none!important;
}
.headerTop p{
    font-size: 12px!important;
}

@media(max-width: 1400px){
    .headerTop p{
        font-size: 12px!important;
    }
    .logo-topbar{
        width: 19px;
    }
}
@media(max-width: 1200px){
    .headerTop p{
        font-size: 12px!important;
    }
}
@media(max-width: 800px){
    .headerTop p{
        font-size: 11px!important;
    }
}
@media(max-width: 654px){
    .headerTop p{
        font-size: 10px!important;
    }
}
@media(max-width: 480px){
    .headerTop p{
        font-size: 9px!important;
    }
}
@media(max-width: 438px){
    .logo-topbar{
        width: 12px!important;
    }
    .headerTop p{
        font-size: 8px!important;
    }
}
@media(max-width: 389px){
    .headerTopContainer{
        padding: 5px!important;
    }
}
@media(max-width: 369px){
    .headerTop p{
        font-size: 7px!important;
    }
}
@media(max-width: 327px){
    .headerTop p{
        font-size: 6px!important;
    }
}
#___ratingbadge_0{
    display: none!important;
}

#lgcookieslaw_fixed_button{
    display: none!important;
}

@media(max-width: 767px){
    .ls-z {
        width: 100% !important ;
        height: 100% !important ;
    }
}

.page-contact .input-group .input-group-btn > .btn{
    background: #06071F!important;
    color: #fff!important;
    z-index: 0!important;
}