<link rel="stylesheet" href="https://use.typekit.net/cmv2lqr.css">
<link rel="stylesheet" href="https://use.typekit.net/nxh4stb.css">
@import url("https://use.typekit.net/nxh4stb.css");

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'graphiklight';
    src: url('../Fonts/graphik-light-webfont.woff2') format('woff2'),
         url('../Fonts/graphik-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'graphikmedium';
    src: url('../Fonts/graphik-medium-webfont.woff2') format('woff2'),
         url('../Fonts/graphik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BuzzBlack';
    src: url('../Fonts/BuzzBlack.woff2') format('woff2'),
         url('../Fonts/BuzzBlack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KareliaWeb-Regular';
    src: url('../Fonts/KareliaWeb-Regular.woff2') format('woff2'),
         url('../Fonts/KareliaWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@charset "UTF-8";


*:not(i) {
  font-family:'graphikmedium', sans-serif!important
}
*:not(.fa) {
  font-family: 'graphikmedium', sans-serif!important
}

body {

    font-size: 1em!important;
    font-weight: 300;
    line-height: 1.5;
    color: #f6f8ff !important;
    text-align: left;
}


body {
      font-size: 18px !important;
    	background-color:  #000066 !important;
font-family: 'graphikmedium', sans-serif!important;

}


.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5{

   color:  #007cff !important;    
    
    }

.h1, h1  {
    font-size: 2rem !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
     color: #85ffc7 !important;
	
    margin-bottom: 30px;
}

.h2, h2  {
    color: #85ffc7!important;
	
}

.h3, h3 {
    font-size: 2rem;
    font-weight: 800 !important;
    text-transform: uppercase;
     color: #85ffc7 !important;
}

.h4, h4 {
  font-size: 1.2rem;
    font-weight: 800;
    color: #85ffc7!important;
    text-transform: uppercase;

}

.h5, h5 {
font-size: 1.1rem!important;
    text-transform: uppercase;
    color: #85ffc7!important;

}

a
{
  color: #85ffc7!important;
}

.table {
  color: #85ffc7!important;
}


#orderTimeout
{

    color: #85ffc7!important;
}


.promotag {
    color:#85ffc7!important;
}

@media only screen and (max-width: 767px) {
    
    body {

      font-size: 14px !important;

}

    
    .h1, h1 {
  font-size: 1.2rem !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;

}
    
    
    .h4, h4 {
  font-size: 1em;
}
    .h3, h3 {
    font-size: 1em;
    font-weight: 800 !important;
    text-transform: uppercase;

}
    

 }   

.performance-info .item-description {
  color: rgb(0, 124, 255);
}

.section-box .field-label {
  color: #85ffc7;
  vertical-align: top;
  display: inline-block;
}


.odd, .even {
  background: transparent!important;
}


/* Hiding elements
-------------------------------------------------------------- */


  .search-box {
display: none;
}

.delivery-method-description{
display: none;
}


div.order-customer-delivery.item-box div.item-box-item span.item-box-item-details.field-label
{
display: none;
}

 /*#seat-price-zone*/
#aisleSeats, #unobstructedSeats
{
display: none;
}


.venue-image-column 
{
display: none;
}

/* Promotionnal code
-------------------------------------------------------------- */

#promoCodeBox > form
{
display: inline-flex;
align-items: center;
}


@media only screen and (max-width: 767px) {
    
    #promoCodeBox > form
{
display: inline-block !important;
text-align: center !important;
width: 100%;
}

    
    }
    
#promoCodeBox > form {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.promotional-code-message{
display: none;
}

#promocode-title
{
  padding-right: 10px;
}

   #promoCodeBox
    {
    max-width: 520px !important;
    background-color: white;
    padding: 10px 10px 3px 10px;
    border-radius: .5rem;
  }

 #promoCodeBox
    {
    background-color: #12130f;
  }

@media only screen and (min-width: 992px) {

    
   #promoCodeBox
    {
    max-width: 520px !important;
    background-color: #12130f;
    padding: 10px 10px 3px 10px;
    border-radius: .5rem;
  }
    
      }

/* Structure - pages
-------------------------------------------------------------- */

#content {
  background: transparent;
}


 .primary-feature-wrapper {
  display: block;
  margin: 0 auto 20px;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  height: 80px;
}


.articles, .article-body-container
{
display: flex;
    flex-direction: column;
}

.articles.has-secondary-features .article-container.main-article-body
{
order: 2;
}

.articles .article-container.secondary-linked-features{
order: 1;
}


div.header-content.container a

{
  z-index: 999;
  position: relative;
}

@media only screen and (min-width: 1280px){
    
  #content, .active-nav #content, .active-sidebar #content {
    max-width: 1680px!important;
         margin-left: auto;
          margin-right: auto;
  }

   
     .header-content {
    max-width: 1680px!important;
         margin-left: auto;
          margin-right: auto;
  }

  
}

@media only screen and (min-width: 992px) {
    
    
      #content, .active-nav #content, .active-sidebar #content {
    width: 100%;
          padding-left: 4rem;
          padding-right: 4rem;
  }
    
      .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
    padding: 0px;
  }
    
    
     .header-content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    
.articles.has-secondary-features .article-container.main-article-body
{
width: 100%;
padding-left: 0px;
}
    
      .articles .article-container.secondary-linked-features {
    width: 100%;
  }
    
    
    #menuTop{
  width: 100%;
  display: inline-flex;
  justify-content: space-around;
  padding-left: 7rem;
  padding-right: 5rem;
}
    
}

@media only screen and (min-width: 768px) and (max-width:991px) {
.articles .article-container.secondary-linked-features{
text-align: center;
}
    
    }

@media only screen and (min-width: 768px) {
    
    
#menuTopItem2.menuTopItem a.menu_item.menu-link
     {
    color: transparent !important;
    background-color: transparent !important;
    font-weight: 700;
    background-image: url("/content/Images/Website/OASISIMMERSION_HOR_BLANC_Web.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 350px 34px;
    height: 34px;
    width: 350px;
    border: none !important;
    margin-top: 15px;
    display: flex;
  }
  }

@media (max-width: 991px) {
  .active-nav #menu {
    display: block;
    background: #04093e;
  }
}

div:has(input[value="B385B87D-E871-41F3-99E0-E3D457C76304"]) #miscItemQuantity\:\:select > option:nth-child(n+3) {
  display: none;
}

@media screen and (min-width: 992px) {
  #menu {
      .dropdown-toggle {
          display: none;
      }

      .menuTopItem .menu_item .glyphicon.glyphicon-chevron-down,
      .menu_item.dropdown-toggle {
          display: none;
      }
    
    .menuContainer.main-nav .nav .menuTopItem .fa-chevron-down {
  display: none;
}

      .menu_item:focus ~ .dropdown-menu,
      .menuTopItem:hover > .dropdown-menu {
          display: block;
      }
    }
  
    .menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
    background: #12130f!important;
    border: 0px solid #ddd!important;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: none!important;
    position: absolute;
    width: 300px;
    top: 100%;
    z-index: 1000;
  }
  
  .menuContainer.main-nav .nav li .dropdown-menu .dropdown-item {
  border-top: 0px solid #ddd;
    text-transform: none;
}
  
}

.menuContainer.main-nav .nav li .dropdown-menu a.menuSubItem:hover {
opacity: .5;
  background-color: #12130f;
}

/* Buttons
-------------------------------------------------------------- */

.btn {
  border-radius: .5rem;
      text-transform: uppercase;
 
  font-weight: 600 !important;
  border-radius: 5rem;
}


a.btn-primary, .btn-primary, a.btn-primary.disabled, .btn-primary.disabled, a.btn-primary:disabled, .btn-primary:disabled {
  color: #12130f !important;
  border-color: #12130f !important;
  background-color: #85ffc7;
  border-radius: 5rem !important;
}

a.btn-primary:hover, .btn-primary:hover, a.btn-primary.disabled, .btn-primary.disabled, a.btn-primary:disabled, .btn-primary:disabled {

    opacity: .5;
}

a.btn-secondary, .btn-secondary, a.btn-secondary.disabled, .btn-secondary.disabled, a.btn-secondary:disabled, .btn-secondary:disabled {
  color: #85ffc7 !important;
  background-color: #12130f !important;
  border-color: #12130f !important;
}

a.btn-secondary:hover, .btn-secondary:hover, a.btn-secondary.disabled, .btn-secondary.disabled, a.btn-secondary:disabled, .btn-secondary:disabled {
   color: #f6f8ff !important;
  background-color: #3ebfba;
  border-color: #3ebfba;
    opacity: .5;
}


.btn-secondary:focus {
  color: #037efe;
  background-color: #a3ffd3;
  border-color: #037efe;
}

#sdOkay.btn.btn-primary{
  color: #f6f8ff;
  background-color: #037efe!important;
  border-color: #037efe!important;
}

.calendar-search-results .calendar-container .calendar-week .calendar-day .calendar-date-button[aria-pressed="true"] {
  border-radius: 4px;
  width: 100%;
  background-color: #12130f !important;
  color: #f6f8ff;
  font-weight: 800 !important;
}

.calendar-date-button.btn.btn-primary, .calendar-day-time-button.btn.btn-primary
{


  background-color: #000066 !important;
  color: #f6f8ff!important;
  font-weight: 800 !important;
  border-color: #85ffc7!important;
}

.calendar-search-results .calendar-day-event .calendar-day-event-time-text {
  color: #f6f8ff;
  font-size: 0.8em;
}

.input-group-append {
  border: 1px solid #12130f;
  border-radius: 0px .5rem .5rem 0px;
}

.input-group-append:hover {
  border: 1px solid #04093e;
  border-radius: 0px .5rem .5rem 0px;
  background-color: #04093e!important ;
}


.input-group-append .btn {
  border: none;
  background-color: #007cff ;
  color: #f6f8ff;
     border-radius:  0px 4px 4px 0px;
}

.input-group-append .btn:hover {
  border: none;
  background-color: #04093e!important ;
  color: #f6f8ff;
 border-radius:  0px 4px 4px 0px
}

.other-event {
  margin-bottom: 2px !important;
}


div.other-event a.btn-unstyled.btn-link{
  background-color: transparent;
  padding: 5px 10px;
  text-decoration: none;
  border-top-right-radius: .4rem .4rem;
  font-size: 14px;
    border-top: 1px solid #85ffc7 !important;
  border-left: 1px solid #85ffc7 !important;
  border-right: 1px solid #85ffc7 !important;
}

.btn-link {
  font-weight: 300;
  color: #006 !important;
  text-decoration: none;
  font-size: .8em !important;
  text-transform: uppercase;
  background-color: #85ffc7;
  padding: 5px 10px 3px 10px;
}

 div#seatSelect.bodyDetails div.other-event a.btn-unstyled.btn-link
{
color: #f6f8ff !important;
}


@media only screen and (min-width: 992px) {

    
   .btn.shopping-cart-link {
    background-color: transparent !important;
    color: transparent !important;
    margin: 0px 0 0 10px;
    padding: 2px 8px;
    width: 30px;
    font-weight: 300 !important;
    text-transform: uppercase;
    border: none;
 background-image: url("/content/Images/CART_white.png") !important;
    background-size: 30px 27px !important;
    background-repeat: no-repeat !important;
    height: 30px;
    border-radius: 0px;
  }
    
.btn.shopping-cart-link:hover  {
  background-color: transparent !important;
  color: transparent !important;
  margin: 0px 0 0 10px;
  padding: 2px 8px;
  width: 30px;
  font-weight: 300 !important;
  text-transform: uppercase;
  border: none;
background-image: url("/content/Images/CART_white.png") !important;
  background-size: 30px 27px !important;
  background-repeat: no-repeat !important;
  height: 30px;
}
      }


@media only screen and (max-width: 767px) {
#popupDiv_cancelButton, #popupDiv_okayButton
    {
width: 100%;
  }
    
  #shoppingCart, .order-misc-items.row + .order-misc-items.row .item-information {
    border-top: 0px dotted #ddd;
    padding-top: 10px;
  }
    
    .order-items > h3 {
  padding: 15px 0;
  border-bottom: 1px dotted #00deec;
  font-weight: bold;
}
    
    .order-customer-details .item-box-item, .order-totals .section-box-item {
  border-top: 1px dotted #00deec;
}
    
 div#loginDelivery.bodyDetails form#frmLoginDelivery div.navigation-box.section-box a.btn.btn-secondary
    {
  width: 100%;
  margin-bottom: 10px;
}
    
 div#loginDelivery.bodyDetails form#frmLoginDelivery div.navigation-box.section-box input#continue.btn.btn-primary
     {
  width: 100%;
}
    
       #cancelBtn
     {
  margin-bottom: 10px;
}
    
    #cancelBtn, #buyBtn
     {
  width: 100%;
}
    
     }
/* Buttons end
-------------------------------------------------------------- */

/* Header
-------------------------------------------------------------- */

#header {
  background: transparent;
}


#menuTopItem-help{
  display: none;
}


    body[lang="en"] #utility-menu-item2.utility-menu-item {
display: none!important;
}

    body[lang="fr"] #utility-menu-item1.utility-menu-item {
display: none!important;
}


#utility-menu-item0.utility-menu-item a.menu_item, #utility-menu-item1.utility-menu-item a.menu_item
{
  color: #ff5bfb;
}


@media only screen and (min-width: 992px) {
 
    #orderInfoSecondBar
    {
display: none;
}
    
    #header {
  background: transparent;
  width: 100%;
  max-width: 100%;
  height: 60px;
  padding-top: 0px;
}
    
    .header-content img {
  max-width: 50px;
  display: none;
}
    
    #menu, .active-nav #menu, .active-sidebar #menu{
  text-align: center!important;
  margin: 0px auto 0px;
  background-color: transparent;
  width: 100%;
}
    
      .menuContainer.main-nav .nav .menuTopItem .menu_item {
   
  padding: 25px 5px;
  color: #f6f8ff;
  font-weight: 600;
  color:  #85ffc7 !important;
}
          
    
      .menuContainer.main-nav {
    display: inline-flex;
    background-color: #12130f;
    width: 100%;
    justify-content: space-between;
  }
    
    .menuContainer.utility-nav ul li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  color:  #f6f8ff !important;
}
          
  .menuContainer.main-nav .nav .menuTopItem .menu_item span {
    display: inline;
    font-size: 1.5rem;
  }
  

}    


  .customer-options {

    background: #12130f;
 
    height: 60px;
    z-index: 1000;
  }


#menuSkipToContent {
  display: none;
}


.menu-toggle.btn-secondary {
  background-color: #85ffc7;
  border: 0;
  color: #85ffc7 !important;
  font-size: 25px;
  margin: -19px 0 0;
  position: absolute;
  padding: 10px;
  top: 50%;
  left: 10px;
}

@media only screen and (max-width: 991px) {
.header-content {

  text-align: center;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  #header {
   background:#12130f !important;
    height:100px;
}
    
      .menu-toggle.sidebar-button {
    right: 10px;
    left: auto;
  }
    }

@media only screen and (max-width: 767px) {
    
    
#header {
  background:#12130f !important;
  height: 100px;
}
    
    .header-content img {
  max-width: 100%; 
  margin-top: 43px;
}
    
    .menu-toggle.sidebar-button {
  right: 10px;
  left: auto;
}
    

}    


  /* Search widget
-------------------------------------------------------------- */ 
    
#today div.odd.result-box-item, #today div.even.result-box-item {
    background-color: #007cff !important;
    margin-bottom: 10px;
    border-radius: 2.4rem;
}

#today .search-results-container .item-start-date .start-date-label, .search-results-container .item-end-date .end-date-label {
  font-size: 11px;
  margin-right: 5px;
}


#today .search-results-container .item-start-date .start-date-label, .search-results-container .item-end-date .end-date-label {
display: none;
}


#today .standard-search-results .item-link .btn, .detailed-search-results .item-link .btn {
  width: 100%;
  background-color: #a3ffd3 !important;
  color: #007cff;
  font-weight: 600;
  font-size: 1.2rem;
}

#today .standard-search-results .item-link .btn:hover, .detailed-search-results .item-link .btn:hover {
  width: 100%;
  font-weight: 600;
     color: #007cff!important;
    opacity: .5;
}

.search-results-container .item-image .item-logo {
  overflow: hidden;
  display: block;
}


#today .search-results-container .item-description .item-name::before
{
            content: 'À l’affiche aujourd’hui';
            position: relative;
            padding-left: 0px;
        color: #85ffc7;
        }

 .grid-result {
    width: 100%;
    margin: 0 1% 1%;
    position: relative;
    min-height: 10px;
   background-color: transparent!important;
     border:none;
  }
@media only screen and (min-width: 992px) {

#today {
margin-top: 30px!important;
}
  
#today .search-results-container .item-description .item-name {
  font-size: 2.5em;
  display: block;
  color: #f6f8ff;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
}  
    
    .search-results-container .item-start-date, .search-results-container .item-end-date, .search-results-container .item-venue, .search-results-container .item-price-range, .search-results-container .item-teaser {
  color: #a3ffd3;
  font-size: 18px;
  margin: 3px 0 0;
  font-weight: 600;
}
    }

@media only screen and (min-width: 768px) and (max-width: 991px)  {
    
    
      .container, .container-md, .container-sm {
    max-width: 100%!important;
  }

    
    #today {
margin-top: 0px!important;
}
    
#today .search-results-container .item-description .item-name {
  font-size: 1.5em !important;
  display: block;
  color: #f6f8ff;
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
}  
    
    .search-results-container .item-start-date, .search-results-container .item-end-date, .search-results-container .item-venue, .search-results-container .item-price-range, .search-results-container .item-teaser {
  color: #a3ffd3;
  font-size: 18px;
  margin: 3px 0 0;
  font-weight: 600;
}
    }


     }

@media only screen and (max-width: 767px) {
#today .search-results-container .item-description .item-name {

  font-size: 1.5em;
  display: block;
  color: #f6f8ff;
  font-weight: 600;
  line-height: 1.2em;
}  
  

    .search-results-container .item-start-date, .search-results-container .item-end-date, .search-results-container .item-venue, .search-results-container .item-price-range, .search-results-container .item-teaser {
  color: #a3ffd3;
  font-size: 15px;
  margin: 3px 0 0;
  font-weight: 600;
}

div.item-link.result-box-item-details.last-column.excellent{
    width: 100%!important;
  }
    
    }


@media only screen and (max-width: 767px) and  (orientation: landscape) {
    .detailed-search-results .item-image.result-box-item-details {
    width: 100%!important;
    min-height: 32px;
    padding: 0 5px 0 0;
  }
    
   .detailed-search-results .item-description {
    width: 100%;
    text-align: center;
    margin-top: 15px;
       margin-bottom: 15px;
  }
    

    .item-box-item, .result-box-item {
  display: inline-block!important;
  padding: 10px;
  width: 100%!important;
}
    
      .standard-search-results .result-box-item-details.last-column, .detailed-search-results .result-box-item-details.last-column {
    width: 100%!important;
          
          
  }
    
      .standard-search-results .result-box-item .item-link .btn, .detailed-search-results .result-box-item .item-link .btn {
    display: inline-block;
    width: 100%!important;
  }
    

    }


@media only screen and (min-width: 768px) and (max-width: 991px) {
    
     .detailed-search-results .item-image.result-box-item-details {
    width: 40%;
    min-height: 32px;
    padding: 0 5px 0 0;
  }
    
    .header-content img {
  max-width: 80%;
  margin-top: 30px;
}
     }


.unavailable-message{
  color: #a3ffd3;
}


.calendar-search-results .calendar-month #prevMonthButton {
  color: #f6f8ff;
}

.calendar-search-results .calendar-month #nextMonthButton {
  color: #f6f8ff;
}

.calendar-search-results .calendar-month .calendar-month-display{
  color: #f6f8ff;
}

.calendar-search-results .calendar-day-event .calendar-day-event-date {
  color: #f6f8ff;
  margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
.results-box.calendar-search-results
{
  display: inline-flex;
  margin-top: 60px;
  width: 100%;
}
    
    
.results-box.calendar-search-results .calendar-container{
max-width:650px;
margin-left: -305px;
width: 50%;
border: 0px;
}
  

    .calendar-search-results .calendar-month

 {
  align-items: first baseline;
     padding: 10px;
     min-width: 300px;
  border: none;
  margin-top: -70px;
}
    
 #calendar-events.calendar-events
    {
  width: 40%;
  margin-left: 4.5rem;
  margin-top: -10px;
}
    
    }

    .calendar-search-results .calendar-month

 {

  border: none;

}


@media screen and (min-width: 768px)  and (max-width: 991px) {
    

    .calendar-search-results .calendar-day-event {
  border-top: 3px solid #326c79!important;
        border-left: 0px!important;
}
    
div#avWidget_5E24E486-1CC0-434E-9EF7-E097C564000E_IDJADZ4NGC1BHH5YZOHR1KXL50N5GVG2TZUDNPIDITQSDZPBZBT1K
    {
  width: 55%;
}
   
    .calendar-search-results .calendar-container{
border: none;
}}
    
@media screen and (min-width: 768px)   {
.calendar-search-results .calendar-month #prevMonthButton {
margin-left:0px!important;
}

.calendar-search-results .calendar-month #nextMonthButton {
margin-right:0px!important;
}

.calendar-search-results .calendar-month .calendar-month-display{
  color: #f6f8ff;
}}
    

   @media screen and (max-width: 767px)   { 
     
     .results-box.calendar-search-results .calendar-container{
padding: 10px 20px;
}
  
  }

    /* Home OASIS
-------------------------------------------------------------- */    
#content
{
  background: #000066;
  margin-top: 30px;
}


.article-container.secondary-linked-features div#promoCodeBox
{
  display: none;
  }

#today div.grid-result:nth-child(1)
{
 display: block!important;
  }

#today div.grid-result
{
 display: none!important;
  }


    body[lang="fr"] #today .item-teaser
{
 display: none!important;
  }


  body[lang="en"] #today .item-name {
 display: none!important;
  }
  
#today .grid-result .item-image
{
margin:0px;
display: none;
  }


#today  .grid-result .item-description .item-teaser
{
    opacity: 1;
    height: auto!important;
    max-height: none!important;
  font-size:3em;
  line-height:1.5em;
  color: #f6f8ff !important;
    margin-top: -20px;
  }

 @media screen and (min-width: 992px)   { 
  #today .grid-result .item-description .item-teaser::after
{
            content: 'Showing today';
            position: relative;
            padding-left: 10px;
  white-space: pre;
            color: #85ffc7;
        }
   #today  .grid-result .item-description .item-teaser
{
    opacity: 1;
    height: auto!important;
    max-height: none!important;
  font-size:2.5em;
    margin-top: -15px;
  }
    }

 @media screen and (min-width: 768px) and (max-width: 991px)  { 
  #today .grid-result .item-description .item-teaser::after
{
            content: 'Showing today';
            position: relative;
            padding-left: 10px;
  white-space: pre;
            color: #85ffc7;
        }
   #today  .grid-result .item-description .item-teaser
{
    opacity: 1;
    height: auto!important;
    max-height: none!important;
  font-size:1.5em;
    margin-top: 15px;
  }
    }

 @media screen and (max-width: 767px)   { 
     
#today  .grid-result .item-description .item-teaser
{
    opacity: 1;
    height: auto!important;
    max-height: none!important;
  font-size:1.5em;
    margin-top: -15px;
  line-height: 1.2em; 
  }
     
 #today .grid-result .item-description .item-teaser::after
{
            content: '\A Showing today ';
            position: relative;
            padding-right: 0px;
  white-space: pre;
            color: #85ffc7;
        }
    }


 #today .grid-result .item-description .item-venue,  #today .search-results-container .item-start-date, .grid-result .item-description .item-end-date,  .grid-result .availability-indicator{
  display: none;
  }

  #today .grid-result.odd .item-description, .grid-result.even .item-description{
    background: transparent;
    justify-content: center;
    display: flex;
  }

@media only screen and (min-width: 992px) {
#today .grid-result.odd .item-description, .grid-result.even .item-description{
  } }

#today .pagination-box {
   display: none !important;
  }

 #today .grid-result .item-link {
display: none;
  }

#today .grid-result .item-description {
    position: initial!important;
    min-height: 10px;
   height: auto!important;
    left: 10px;
    right: 10px;
  }
    

#today .grid-result .item-link .btn {
display: none;
}


   @media screen and (min-width: 992px)   { 
    
.grid-search-results
{
  display: flex;
  justify-content: center;
}
       }


  .grid-home {
    display: inline-block; 
    padding: 5px; 
    text-decoration: none; 
}

  .grid-home img  {
    display: block; 
    border-radius: 5px; 
    width: 100%; 
    height: auto; 
}


         /* Oasis Event Page
-------------------------------------------------------------- */

.eventcalendar
    {
  margin-top: 3rem;
}


.EventInfo
  {
 background-color: #04093e;
 padding-right: 15px !important;
}

@media screen and (max-width: 768px) {
    
.EventPresentation
  {
margin-top: 30px;
}

    }


body[lang=fr] .calendar-day-event-time-text::before {
  content: "Merci de noter que si vous choisissez la dernière plage horaire de la journée pour une exposition, il est essentiel d’arriver à l’heure. Les portes seront fermées et aucune entrée tardive ne sera possible. Cette mesure vise à garantir une expérience complète et optimale pour tous les participants. \A";
  display: block;
  margin-bottom: 10px;
   color: #85ffc7;
  font-weight: 900;
}


 body[lang="en"] .calendar-day-event-time-text::before
{     
    content:"Please note that if you choose the last timeslot of the day for an exhibition, it is essential to arrive on time. Doors will be closed and no late entries will be possible. This is to ensure a complete and optimal experience for all visitors.\A";
  font-weight:900;
        width: auto;
    display: block;
margin-bottom: 10px;
  color: #85ffc7;
}

 body[lang="fr"] .calendar-day-event-time-text::after
{     
  content: "Toutes les plages horaires sont affichées. Celles qui sont grisées indiquent qu'elles sont complètes."; 
    display: block;
margin-bottom: 10px;
  color: #fff;
    white-space: pre-wrap;
}

 body[lang="en"] .calendar-day-event-time-text::after
{     
  content: "All time slots are displayed. The grey ones indicate that they are full."; 
    display: block;
margin-bottom: 10px;
  color: #fff;
    white-space: pre-wrap;
}


   /* Alerts
-------------------------------------------------------------- */ 
    
    .alert {
  background-color: #04093e !important;
  border: 0px;
text-shadow: none;
  color: #85ffc7;
}
    
    
/* Best available
-------------------------------------------------------------- */


.performance-header {
  background-color: transparent !important;
  margin: 0 auto 20px;
  width: 100%;
  min-height: 80px;
  border-radius: .5rem;
  border-top-left-radius: 0px !important;
  border: 1px solid;
}


.performance-info .item-description {
  color: #85ffc7 !important;
}

.performance-info .item-short-description {
  margin: 0 0 5px;
  color: #f6f8ff !important;
}

.performance-info .item-description {
  color: rgb(0, 124, 255);
}

div.seat-tabs-box.item-box.page-heading{
  display: none;
}


div#seatSelect.bodyDetails div.performance-header.clearfix div.performance-info div#item-description.item-description div.performance-venue a{
  display: none;
}


.venue-image h4 {
  display: none;
}


.item-box-item-details div.price-zone-amount span.price-details{
  display: none;
}


div.price-zone-color{
  display: none!important;
}

div.select-price-zones.item-box
{
  display: none!important;
}

.item-box-item.odd, .item-box-item.even
{
background-color: transparent!important;
padding-left: 0px;
}

    .google-map, .venue-street, .venue-city, .venue-zip, .venue-country
{
  display: none;
}

  .charge-message-link {
 display: none;
}  

@media screen and (min-width: 768px) {
    

     button.show-more.btn-unstyled.btn-link{
  display: none;
}

    
  .item-box-item-details.price-zone-option > span {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    line-height: 20px;
    font-size: 1.2rem;
  }
    
   
  .item-box-item-details.price-zone-option, .zone_row .item-box-detail-data {
    line-height: 42px;
    border: 0;
    margin: 0;
    padding: 0 5px;
    width: 80%;
  }
    
    div#seat-price-zone.item-box div.item-box-item.odd, div#seat-price-zone.item-box div.item-box-item.even{
background-color: transparent!important;
    padding-left: 0px;
    display: flex;
  align-items: center;
}

    
div#seatSelect.bodyDetails div.select-tickets-column.av-left div#promoCodeBox.promotional-code-input
    {
  width: 70% !important;
  max-width: 70% !important;
  text-align: left;
}
  

    #seatSelect .item-box-item-details.price-types
         {
  display: inline-flex;
  align-items: baseline;
}
    
    #seat-quantity .price-details{
  padding-left: 10px;
  font-size: 14px;
}
  

    .performance-info #item-description-text.text-truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10 !important;
  -webkit-box-orient: vertical;
  height: auto!important;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
  line-height: 20px;
}

    
      .performance-info .performance-logo img {
    height: 180px!important;
    border-radius: .5rem;
  }
    
    .performance-header {
  background-color: #e4e4e4;
  margin: 0 auto 20px;
  width: 100%;
}
    
      .performance-info .performance-logo {
    width: auto;
    display: block;
    float: left;
    padding-right: 20px!important;
  }
}


@media screen and (max-width: 767px) {
    
    .performance-info #item-description-text.text-truncate{
  overflow: visible;
  display: -webkit-box;
  -webkit-line-clamp: none!important;
  -webkit-box-orient: vertical;
  height: auto!important;
  white-space: normal;
  text-overflow: -o-ellipsis-lastline;
}
  
 #seatSelect .show-more{
display: none;
}
    
 div.performance-header.clearfix div.performance-info h3.item-short-description{
font-size: 18px;
}
  
    
  .performance-logo{
padding-bottom: 15px;
}
   
    
    .show-more{
background-color: #f6f8ff!important;
        padding: 5px 10px;
            border-radius: .5rem;
color: #007cff !important;
}
    
    .item-box-item-details.price-zone-option {
  border-bottom: 0px dotted #ddd!important;
}
    
    .item-box-item.odd, .item-box-item.even {
  background-color: transparent !important;
  padding: 0px!important;
}
   
    div.bodyDetails:not(#bundleSelect) .pricetype-label, div.bodyDetails:not(#bundleSelect) .price-details .price-label {
  font-size: inherit;
}
    
.item-box-item.odd, .item-box-item.even
 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
  
    #seatSelect .item-box-item.even, #seatSelect .item-box-item.odd {
  display: inline-block;
}

  
    .item-box-item-details, .result-box-item-details {
  display: inline-block;
  margin: 0 0 5px;
  width: 100%;
}
    
div.price-types.item-box-item-details span.pricetype-label label
    {
  font-weight: normal;
  margin-bottom: 0px!important;
}
 div.price-type-select.item-box-item-details
     {
  margin-bottom: 10px;
  width: auto;
}
    
    }

/* Shopping Cart
-------------------------------------------------------------- */

table.admissions-table th.admAmount {
  width: 20%;
}


div#shoppingCart.bodyDetails form div.order-items.order-admissions.section-box div.order-performance.row div.col-lg-1.order-1.order-lg-2 div.item-options button.link:nth-child(2)
{
display: none!important;
}


#adm-short-description0{
}


tr.admission-total.section-box-item

    h4#adm-short-description0.item-short-description{
   color: #037efe !important;

  }

.shopping-table .field-label, .admission-row.section-box-item .section-box-item-details .field-label, .order-items .section-box-item .section-box-item-details .field-label, .order-item-details .section-box-item .section-box-item-details .field-label, .seat-location-information .section-box-item .section-box-item-details .field-label, .bundle-result-item.section-box-item .section-box-item-details .field-label, .ticket-usage.section-box-item .section-box-item-details .field-label, .seat-request.section-box-item .section-box-item-details .field-label, .seat-on-order.section-box-item .section-box-item-details .field-label, .reprint-ticket-item.section-box-item .section-box-item-details .field-label, .order-admission.section-box-item .section-box-item-details .field-label, .customer-tickets.section-box-item .section-box-item-details .field-label {
  font-size: 14px;
  line-height: 1;
  margin: 6px 0 7px 0;
  color: #85ffc7;
}


@media screen and (min-width: 992px) {
    
    
  #shoppingCart .section-box-item {
    padding: 10px 0px !important;
    border-top: 0px dotted #ddd;
  }
    
div.item-total-value.section-box-detail-data {
  padding: 0 0px 0 0px !important;
}
    
    .order-totals .section-box-item-details.last-column {
  float: right;
  padding-right: 10px;
}
  }
    

@media screen and (min-width: 768px) {


    .wrappable-table.admissions-table.shopping-table.odd, .wrappable-table.admissions-table.shopping-table.even{
    background-color: transparent !important;
    border-top: .5px dotted;
    border-bottom: .5px dotted;
  }
 }

@media screen and (max-width: 767px) {
    
.wrappable-table.admissions-table.shopping-table.odd, .wrappable-table.admissions-table.shopping-table.even{
    background-color: transparent !important;
    border-top: .5px dotted;
    border-bottom: .5px dotted;
  }


    tr.admission-row-values td.adm-section.field-value{
  display: none;
}
#shoppingCart .navigation-box .btn {
  margin-top: 10px;
  width: 100%;
}
    
    .shopping-table .field-label, .admission-row.section-box-item .section-box-item-details .field-label, .order-items .section-box-item .section-box-item-details .field-label, .order-item-details .section-box-item .section-box-item-details .field-label, .seat-location-information .section-box-item .section-box-item-details .field-label, .bundle-result-item.section-box-item .section-box-item-details .field-label, .ticket-usage.section-box-item .section-box-item-details .field-label, .seat-request.section-box-item .section-box-item-details .field-label, .seat-on-order.section-box-item .section-box-item-details .field-label, .reprint-ticket-item.section-box-item .section-box-item-details .field-label, .order-admission.section-box-item .section-box-item-details .field-label, .customer-tickets.section-box-item .section-box-item-details .field-label {
  font-size: 14px;
  line-height: 1;
  margin: 6px 0 7px 0;
        
}
    
     table.shopping-table td {
    padding: 0px 0 5px 0px;
  }
    
    .account-box-item-details.last-column .account-box-detail-data, .section-box-item-details.last-column .section-box-detail-data {
  padding: 0 0 0 10px;
}
        
        .order-admissions .section-box-item.item-total, .order-admissions .section-box-item.item-total .last-column {
  padding: 10px 5px;
}
    
    table.admissions-table td.adm-price-type select {
  max-width: 100%;
  color: #037efe;
  font-size: 14px;
}
    

  td.adm-addfriend.field-value  {
display: none!important;
}
    
    }  
/* Pop up
-------------------------------------------------------------- */

.headerpopup{
margin-bottom: 30px;
  }


#popupDiv_confirmDiv {
  background-color: #a3ffd3;
}

#popupDiv_title-text{
display:none!important;
  }

#popupBody{
  }

    .modal-content {
background-color:#a3ffd3!important;
  }


@media screen and (max-width: 767px) {

  #popupDiv .modal-dialog, #popupDiv .modal-content {
    position: absolute;
    top: 5px;
    bottom: 25px!important;
    left: 5px;
    right: 5px;
  }
    
     .modal-content {
background-color:#a3ffd3;
  }
}


.modal-header  {
background-color: #00031b;
border-bottom: 0px;
}

.modal-footer {
background-color: #00031b;
border-top: none;
}

.modal-header .close {
  padding: .3rem 1rem;
  margin: -1rem -1rem -1rem auto;
  opacity: 1 !important;
    color: #007cff!important;
}


/* Connexion
-------------------------------------------------------------- */

.account-box.page-heading h1 {
  margin: 0;
    text-align: center;
    color: #f6f8ff;
}

    #login-title
    {
text-align: center;
        color: #f6f8ff !important;
        font-size: 1em;
}

.login-box.account-box, .login-form.account-box, .forgot-password-box.account-box {
  background:transparent;
  border: 1px solid #04093e;
  border-radius: .5rem;
  padding: 20px;
  color: #f6f8ff;
    display: flex;
    flex-direction: column;
}

div.account-box.login.sso  {
order: 2;
}

.account-box.create-account-box p{
color: #f6f8ff;
}


.account-box.create-account-box {
  max-width: 400px;
  padding-top: 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 800!important;
    line-height: 1.5rem;
    text-transform: uppercase;
  color: #ffe7aa;
}


div#login-content.standard-login-options.unstyled.active div label.field-label{
  color: #f6f8ff!important;
}

.forgot-password.text-right a.btn-link.btn-link-black.btn-unstyled
{
  color: #006 !important;
  padding: 0px !important;
}

div#login-content.standard-login-options.unstyled.active div input.buttonBreak.btn.btn-primary.btn-block
{
  color:#85ffc7 !important;
  background-color: #12130f !important;
  border-color: #12130f !important;
}


.order-contact {
display: none;
}

div.section-box-item.odd.delivery-method, div.section-box-item.even.delivery-method
{
background: transparent;
}

.account-box .input-group {
  display: inline-flex;
  width: 300px;
}

 label.field-label{
  color:#f6f8ff !important;
}


div#createAccount.bodyDetails form
{
  text-align: center;
}


.menu-toggle span.mobile-cart-indicator {
  background: #04093E;
  font-family: inherit!important;
  position: absolute;
  top: -4px;
  left: -7px;
  color: #3ebfba;
  border: 1px solid #3ebfba;
  opacity: .8;
}

 div.account-box.forgot-password-box form ul.list-unstyled li label span.field-label{

  color: #a3ffd3;
}

 div.account-box.forgot-password-box form ul.list-unstyled li.no-label-indent input.buttonBreak.btn.btn-primary
 {
  color:  #007cff;
  background-color: #a3ffd3!important;
  border-color: #a3ffd3!important;
}


@media screen and (max-width: 767px) {
.account-box.login.sso .standard-login-options.active {
  padding: 20px 0px;
}
      
    .account-box.page-heading p{
text-align: center;
}
    
    .account-box.create-account-box p{
font-size: 1rem;
line-height: 1.2rem;
}
      .account-box.navigation-box .btn-primary {

  margin-bottom: 10px;
}
   
        .account-box.navigation-box .btn-primary, div#createAccount.bodyDetails form div.navigation-box.account-box input.navBack.nav-cancel.btn.btn-secondary {
  width: 100%;

}
}

/* Account
-------------------------------------------------------------- */


.account-header .customer-summary .customer-name{
font-family: inherit;
}

.my-account-nav ul li:not(#listItem_visitTicketsLink).active, .my-account-nav ul li:not(#listItem_visitTicketsLink):hover {
  background: #3ebfba;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}


.my-account-nav ul li a .badge-pill {
  background-color: #85ffc7;
  color: #030836;
  margin-left: 10px;
  padding: 3px 7px 4px;
  font-size: 12px;
  border-radius: .5rem;
}


div#recent-transactions.section-box div.order-row.section-box-item.odd,
div#recent-transactions.section-box div.order-row.section-box-item.even{
background-color: transparent;
display: flex;
justify-content: space-between;
  }

  .my-account-nav ul li > * {
    border-right: 2px solid transparent;
    color: #3ebfba !important;
    display: block;
    font-size: 14px !important;
    outline: 0;
    margin: 0;
    padding: 8px 7px 8px;
    text-align: right;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: inherit;
  }

  .my-account-nav ul li > *:hover {
    border-right: 2px solid transparent;
    color: #007cff !important;
    display: block;
    font-size: 18px;
    outline: 0;
    margin: 0;
    padding: 8px 8px 8px 5px;
    text-align: right;
    text-decoration: none;
    border-radius: 0px;   
      text-transform: uppercase;
  }

.horizontal-tab-bar li button.active {
  border-bottom: 0px!important;
  color: #f6f8ff!important;
  background: #3ebfba!important;
}

.horizontal-tab-bar li button {
  min-width: 100px;
  max-width: 150px;
  text-align: center;
  text-decoration: none;
  padding: 8px;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  color: #f6f8ff;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #3ebfba;
  border-left: 1px solid #3ebfba;
  border-right: 1px solid #3ebfba;
}


.horizontal-tab-bar li button:hover {
  min-width: 100px;
  max-width: 150px;
  text-align: center;
  text-decoration: none;
  padding: 8px;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #3ebfba;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  color: #f6f8ff;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #3ebfba;
  border-left: 1px solid #3ebfba;
  border-right: 1px solid #3ebfba;
}

@media screen and (min-width: 992px) {

 .my-account-nav-heading {
    border: 0;
    border-radius: 0;
    font-size: 1.2em;
    margin-top: 20px;
    text-align: right;
    padding: 10px;
    font-weight: 800;
    text-transform: uppercase;
  }
    
    .my-account-section-heading {
  margin: 20px 0 0;
  font-size: 1.2rem;
   
}
    
      .my-account-section-heading {
    margin: 20px 0 0;
    font-size: 1.2rem;
    display: none;
  }
     }

@media screen and (min-width: 768px) {
  .account-header .customer-summary .customer-name {
    float: left;
    margin-top: 11px;
    font-weight: 800;
    text-transform: uppercase;
  }
    
    .account-header .customer-summary {
  font-size: 1.2em;
}
    
    #upcoming-events-link {
  background-color: #3ebfba;
  padding: 12px 7px 10px;
  border-radius: .5rem;
  color: #f6f8ff !important;
  font-weight: 400;
  margin-top: -13px;
  font-size: 14px;
}
    
        #upcoming-events-link:hover{
opacity: .5;
            text-decoration: none!important;
}
  
a#listOrderLink.section-link
  {
  background-color: #3ebfba;
  padding: 12px 7px 10px;
  border-radius: .5rem;
  color: #f6f8ff !important;
  font-weight: 400;
  margin-top: -13px;
  font-size: 14px;
}
  
  a#listOrderLink.section-link:hover
  {
 opacity: .5;
            text-decoration: none!important;
}
    
 div.order-number.section-box-item-details button.btn-unstyled.btn-link.item-link
    {
  border-radius: .5rem;
  font-size: 14px !important;
  background-color: #3ebfba;
}
     div.order-number.section-box-item-details button.btn-unstyled.btn-link.item-link:hover
    {
opacity: .5;
}
    
}

@media screen and (max-width: 767px) {

.my-account-nav-heading {
  border: 1px solid #007cff;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  margin: 0 0 10px;
  padding: 10px;
}

    .my-account-nav ul li > * {;
  text-align: center;

}

.my-account-nav-heading .nav-heading-toggle {
  border: 0 none;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
  border-left: 1px dotted #007cff;
  color: #007cff;
  background-color: transparent;
  float: right;
  padding: 3px 5px 3px 10px;
}

.account-header .customer-summary .account-header-text {
  color: #007CFF;
  font-size: 12px;
}
    
    #accountContent{
text-align: center;
}
    
    .my-account-nav ul li:not(#listItem_visitTicketsLink).active, .my-account-nav ul li:not(#listItem_visitTicketsLink):hover {
  border-radius: .5rem;
}
    
    .my-account-nav ul li {
  border-bottom: 1px dotted #007cff;
  display: inline-block;
  width: 100%;
}
    
    .my-account-nav ul li:not(#listItem_visitTicketsLink).active > *, .my-account-nav ul li:not(#listItem_visitTicketsLink):hover > * {

  border-right-color: transparent!important;
}
}
/* Breadcrumb
-------------------------------------------------------------- */

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #007cff;
  content: "→";
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem .75rem 0rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color:transparent;
}

 ol.breadcrumb li.breadcrumb-item a
{
text-decoration: underline;
}

 li.breadcrumb-item{
font-size: 12px;
     display: inline-flex;
}


/* Payment
-------------------------------------------------------------- */

.account-box.payment-input-box, .account-box.default-payment-method {
  background: transparent;
  border: 1px solid #007cff;
  border-radius: .5rem;
  padding: 20px;
}

.payment-methods-list .payment-method-option {
  background: transparent;
  border-radius: .5rem;
  display: inline-block;
  float: left;
  margin: 0 1% 1%;
  text-align: center;
  width: 48%;
     border: 1px solid #007cff;
}

li#listItem_checkGiftBalance.accountListItem button.btn.btn-link{
  background-color:transparent;
    color: #3ebfba !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: inherit;
}

li#listItem_checkGiftBalance.accountListItem button.btn.btn-link:hover{
  background-color:transparent;
    color: #f6f8ff!important;
   font-size: 14px !important;
    text-transform: uppercase;
    font-family: inherit!important;
    
}


.account-header .customer-summary .account-header-text {
  color: #f6f8ff;
  font-size: 14px;
}

.my-account-nav ul li:not(#listItem_visitTicketsLink).active > *, .my-account-nav ul li:not(#listItem_visitTicketsLink):hover > * {
  color: #f6f8ff!important;
  border-right-color: #f6f8ff;
  font-size: 14px !important;
   padding:  8px 7px 8px;
  font-family: inherit;
}


div#payments.payment-box div.account-box.payment-input-box ul.list-unstyled li label.field-label span, div#payments.payment-box div.account-box.payment-input-box ul.list-unstyled li span.field-label{
color: #007cff;
}

.payment-box .field-value {
  padding: 5px 12px 5px 0px;
}


@media screen and (max-width: 767px) {
.account-box .form-control {
  width: 300px!important;
    text-align: center;
}
    
 div.account-box.payment-input-box ul.list-unstyled li.no-label-indent button.btn.btn-link{
  width: 300px!important;
}
    
    .account-box.payment-input-box, .account-box.default-payment-method {

  text-align: center;
}
}


/* Confirmation
-------------------------------------------------------------- */

div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li h3.item-short-description
{
  color:#f6f8ff!important;
    font-size: 1em;
    margin-top: 10px;
}


 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li span.performance-date{
  color:#f6f8ff!important;
 
}

div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li a{
display: none;
}

 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box
{
min-height:auto!important;
border-top-left-radius:  .5rem !important;
padding: 5px;
}

.ticket-layout {
  background:transparent!important;
    border: 2px solid #85ffc7;
    border-radius: .5rem;
    margin-bottom: 10px;
}

 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-location.section-box-item-details,
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-location.section-box-item-details,
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-type.section-box-item-details,
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-type.section-box-item-details
{
display: none;
}

 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-zone.section-box-item-details,
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-zone.section-box-item-details
{
  width: 50%;
}

 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details,  div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details{
  width: 30%;
}

@media screen and (max-width: 767px) {
    
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box span.item-logo{
  width: 100%!important;
  height: 100% !important;
  max-width: 100%;
}
    
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details
    {
text-align: center!important;
}
    
    .ticket-layout {
 display: inline-block!important;
    border: 2px solid #007cff;
    border-radius: .5rem;
    margin-bottom: 10px;
        text-align: center!important;
}
    
    div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-zone.section-box-item-details, div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-zone.section-box-item-details {
  width: 100%;
}
        
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details, div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details {
  width: 100%;
    text-align: center;
    display: inline-block;
    
}
   
     div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details span.section-box-detail-data.field-value,
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details span.section-box-detail-data.field-value {
  width: 100%;
    text-align: center;
    display: inline-block;
    
    
  }
    
 div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.section-box-item-detail.apple-wallet,
     div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.section-box-item-detail.apple-wallet
    {
  width: 100%;
    text-align: center;
    display: inline-block;
    
    
  }
  
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.section-box-item.item-total div.section-box-item-details.last-column
     {

    text-align: center;
    
  }
    
  }  

    
      /* Footer
-------------------------------------------------------------- */ 
    
    #footer
    {
  clear: both;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 14px;
  color: #f6f8ff !important;
  min-height: 100px;
}
    
    .footer-content {
  margin-top: 50px;
}
        

.footer_text{
color: #f6f8ff!important;
}


div.footer-content.container ul
{
  padding-left: 15px;
}

.locate-icon::before {
  font-family: "Font Awesome 5 Free"; 
  content: "\f3c5";  
  font-weight: 900;  
  margin-right: 0.5em;  
  
}


 /* Modifications pour page achat
-------------------------------------------------------------- */ 

.order-customer-delivery.item-box h4 button.btn-unstyled.btn-link.update-link,
.order-customer-contact.item-box h4 button.btn-unstyled.btn-link.update-link
{
display: none;
}

.order-customer-address.item-box h4 button.btn-unstyled.btn-link.update-link
{
  padding: 12px 12px 10px 12px;
  margin-top: -10px;
  border-radius: .5rem;
  color: #006 !important;
  font-weight: 600;
}
.order-customer-address.item-box h4 button.btn-unstyled.btn-link.update-link:hover
{
opacity: .5;
  text-decoration: none;
}


  /* Pseudo elements text
-------------------------------------------------------------- */

body[lang="fr"] #payments-title::after {
    content: '\A\A Politique de remboursement : Toutes les ventes sont finales. Aucun remboursement et aucun transfert pour un autre Événement. ' !important;
    font-size: 18px;
    margin-top: 25px;
    display: flex;
    letter-spacing: -.03px;
    max-width: 80%;
    margin-bottom: 20px;
    text-transform: none !important;
}

body[lang="en"] #payments-title::after {
    content: '\A\A Refund policy:All sales are finals. No refund and no transfer for another show.  ' !important;
    font-size: 18px;
    margin-top: 25px;
    display: flex;
    letter-spacing: -.03px;
    max-width: 80%;
    margin-bottom: 20px;
    text-transform: none!important;
}


  /* Pseudo elements text
-------------------------------------------------------------- */
  
 @keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


.logos_support {
  border: 5px solid; /* Specify the border width */
  border-image: url('/content/Images/Website/FuzzyPinkRed_Pattern_30px.png') 10 repeat; /* Adjust the values accordingly */
  padding-top: 12px;
}


.logos a {margin:0 20px;padding: 20px 0px 20px 0px;color: #f33fc3 !important;}

.logos a:hover { text-decoration: none;}
 
.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index:2;
}

.logos:before {
  left: 0;
}

.logos:after {
  right: 0;
}


@media screen and (min-width: 768px) {
  
  .logos {
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-bottom: 0px;
}
  
  .logo_items_desktop {
  display: inline-block;
  animation: 100s slides infinite linear;
  color: #ff5bfb !important;
}
  
.accroche {
  display: block;
  color: #ff5bfb !important;
  text-align: center;
  width: 100%;
  }
  
  .logo_items_mobile {
  display: none;
}
  }

@media screen and (max-width: 767px) {
  
   .logos {
display: none;
}
  
.accroche {
  display: inline-block;
  color: #ff5bfb !important;
  text-align: center;
  font-size: 1.5em;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  }
  
  .logo_items_mobile {
  display: inline-flex;
  color: #ff5bfb !important;
      font-size: 1.3em;
  border-top: 2px solid #ff5bfb;
  padding-top: 5px;
  padding-bottom: 3px;
  border-bottom: 2px solid #ff5bfb;
  width: 100%;
      justify-content: center;
}
  
.logo_items_mobile a{
  color: #ff5bfb !important;
width: 80%;
}
  
  .logo_items {
  display: inline-block;
  animation: none;
  color: #ff5bfb !important;
}
  }
  
.logos:hover .logo_items {
  animation-play-state: paused;
}

.logo_items img{
  height: 100px;
}


  /*  Today search widget for home page
-------------------------------------------------------------- */

#today .item-start-date{
display: none;
}

#today .availability-indicator{
display: none;
}

#today .standard-search-results .result-box-item-details.last-column{
display: none;
}

#today .standard-search-results .result-box-item-details.item-description{
text-align: center;
font-size: 1.5em;
}


#today .search-results-container .item-description .item-name::before
{
            content: 'À l’affiche aujourd’hui';
            position: relative;
            padding-right: 30px;
        color: #85ffc7;
        }


@media screen and (max-width: 767px) {
    #today .search-results-container .item-description .item-name::before
    {
            content: 'À l’affiche aujourd’hui\A';
            position: relative;
        color: #85ffc7;
            white-space: pre;
            text-align: center;
            padding-right: 0px;
        }
  #today .search-results-container .item-description .item-name {

  font-size: 1.5em;
  display: block;
  color: #f6f8ff;
  font-weight: 600;
  line-height: 1.2em;
}  
      }

#today div.odd.result-box-item, div#today div.even.result-box-item
{
background-color: transparent!important;
        }


div#today .pagination-box{
display: none;
}


  /*  SearchWidget for misc items and ccad
-------------------------------------------------------------- */


 #miscitems .search-results-container .item-description .item-name 
     {
  color: #f6f8ff;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {

#miscitems .standard-search-results
{
display: flex;
    justify-content: space-around;
}

#miscitems .odd.result-box-item, #miscitems .even.result-box-item

{
padding:0;
    width: auto;
padding: 20px !important;
}
         

}


@media only screen and (max-width: 991px) {

  #miscitems .item-description.result-box-item-details
{
  width: 100%;
}


}
   

@media only screen and (max-width: 767px) {


  #miscitems .item-link.result-box-item-details
{
  width: 100%;
}
 }


  /*  Homepage show carrousel for mobile 
-------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
.desktop_donotdisplay
{
display:none;

}
}


@media only screen and (max-width: 767px) {
.mobile_donotdisplay
{
display: none;
}
}


#showsContainer{
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100vw;
    margin-top: -30px !important;
    margin-left: -15px;
}


#showsTiles {
    flex-flow: wrap;
    padding-left: 0;
    padding-right: 0;
}

#showsTiles {
    width: 100%;
    overflow-x: auto;
    flex-direction: row;
    flex-flow: nowrap;
    padding-left: 0rem;
}

#showsTiles .card-deck {
    flex-direction: row;
    flex-flow: nowrap !important;
    display: flex;
}

#showsTiles .card-deck .card {
    width: 20rem;
    margin: 0;
    margin-right: .5rem;
    border: none;
    background-color: transparent;
}


.categoryFilterList{
display: flex;
}

#searchFilters ul.categoryFilterList.list-unstyled li a
{
color: #f6f8ff!important;
}


#searchFilters ul.categoryFilterList.list-unstyled li{
 
    margin-right: 2rem;

}


.clear-filter a
{
  background-color: #04093e;
  padding: .375rem .75rem;
}


#Filtre\ de\ catégorie0 > span:nth-child(1):after{
 content: url('/content/Images/filter_white_20.png');
  margin-left: 20px;
}

.menuTopItem.active a.menu_item.menu-link
{
color: #f6f8ff!important;
}

.reserve-seats.section-box
{
display: none;
}

#orderContact.bodyDetails form div.row div.order-customer-details.col-lg-4{
  order: 2;
}


  /*  Footer
-------------------------------------------------------------- */

.footer-content.container div.row
 {
  align-items: baseline;
}

.image-container{
  display: inline-flex !important;
  margin-left: 30px;
}


.image-container a
{
  width: 50px;
  display: block;
  margin-right: 10px;
}

.footer-content.container div.row div.col-12.col-md-5 h5
{
  margin-right: 10px;
  color: #f6f8ff !important;
}

.social
{
 display: inline-flex;
 align-items: baseline;
 justify-content: end;
}


.adress{
text-align: right;
}


@media screen and (max-width: 767px) {
  .social
{
 display: inline-block;
 text-align: center;
}


  .adress{
text-align: center;
}

  }


  /* Modifications du 23 septembre
-------------------------------------------------------------- */
@media screen and (min-width: 768px) {
    
  #seatSelect .item-box-item-details.price-types {
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    width: 80%;
    margin-bottom: 10px;
    margin-top: 7px;
  }
#seat-quantity .pricetype-label
    {
  margin-right: 10px;
}
    
    
    .pricetype-desc-label-best
    {
  margin-left: 90px;
  margin-top: 0px!important;
}
    
    .caps-pricetype-max-label   {
display: none;
}
    
}


.order-performance.row  tr.admission-row-labels th.field-label.admPriceValue, .order-performance.row td.adm-price-value.field-value
{
  display: none;
}


.dashboardcolor {
  color: #f6f8ff!important;
  background-color: #060642!important;
}


  /* Create account
-------------------------------------------------------------- */


  .account-box .form-control {
    display: inline-block;
    width: 300px;
  }
  
  .comboBoxWrapper select.form-control {
  border-radius: 0px;
  position: absolute;
  width: 300px !important;
  left: 0px;
  top: 0px;
}
  
  .comboBoxWrapper input.form-control{
  width: 300px !important;
}
  
  .account-box .field-label {
    width: 220px;
    text-align: left!important;
  }
  
  .comboBoxWrapper select.form-control {
  clip: rect(0 300px 34px 280px) !important;
}
  
  .account-box.page-heading p {
  text-align: center!important;
}


@media screen and (max-width: 767px) {
.account-box .field-label {
  text-align: center !important;
  color: #fff;
}
}


#utility-menu-item-login{
display: none;
}

 /* 9 october modif
-------------------------------------------------------------- */

#shoppingCart .link.btn.btn-danger {
display: none !important;
}


#maintainAccount .attention.alert.alert-info
{
  background-color: transparent!important;
  border: 0px;
  text-shadow: none;
  color: #f6f8ff!important;
  padding: 0px!important;
}

.upcoming-event.section-box-item.odd, .upcoming-event.section-box-item.even
{
  background-color: transparent;
}


.month-collapse.collapse.show > div:nth-child(2n+1), .customer-tickets.section-box-item:nth-child(2n), .performance-ticket-set .admission-info:nth-child(2n), .selected-tickets-list .admission-info:nth-child(2n+1), .customer-tickets.section-box-item:nth-child(2n+1) {
  background-color: transparent;
}


@media screen and (max-width: 991px) {
#menuTopItem2{
    display:  none;
    } 
    
.menu_item.menu-link
     {
  text-transform: uppercase;
}
    
.menu_item.menu-link span.menu-label{
  font-size: 2em;
}
    
    }

#popupDiv .modal-body
{
  background-color: #273b82;
}

#popupDiv #addAdmissionCustomer_iframe .field-label
{
padding-left: 10px;
    color: #273b82;
}


 /* Page forfaits

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


.forfaits
{
background-color: #85ffc7;
}

.forfaits a{
color: #12130f!important;
}

@media screen and (min-width: 992px) {
.forfaits
{
width: 60%!important;
}
}

@media screen and (max-width: 991px) {
 .forfaits
{
width: 100%!important;
}   
    
    }

.forfaits a
{
width: 100%;
display: block;
}

.forfaits a:hover
{
color:#f6f8ff!important;
    text-decoration: none;
}


#viewOrder .alert.alert-blue{
display: none!important;
}

#order-addmissions.order-item-details.section-box{
border-top: none!important;
}

#order-addmissions .item-description-details
{
  padding: 20px 10px;
}

#order-addmissions .item-description-details ul.list-unstyled li a{
display: none!important;
}


#exchangeSeatsButton{
display: none!important;
}


#cancelForm{
margin-bottom: 30px!important;
}

.action-bar{
margin-bottom: 30px!important;

}

@media screen and (min-width: 768px) {
div.bodyDetails:not(#bundleSelect) .pricetype-label, div.bodyDetails:not(#bundleSelect) .price-details .price-label {
  font-size: 1em;
  width: 20%;
}
  

  .select-tickets-column, .select-misc-item-column {
    display: inline-block;
    max-width: 70%;
  }

  }

#seatSelect .attention.alert.alert-info{
display: none!important;
}

.customer-tickets .seat-section .field-value, .ticket-layout .seat-section .field-value {
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: auto;
}

.customer-tickets > .ticket-item-box, .ticket-layout .section-box-item-details {
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: auto;
}

@media screen and (max-width: 767px) {
#exchangeDateButton{
  width: 100%;
  margin-bottom: 10px;
}
  
  .action-bar{
margin-bottom: 30px!important;
  text-align: center;
}
  }

@media screen and (min-width: 991px) {
#menuTopItem5
{
display: none!important;
}
  }
  
.availability-legend.result-box{
display: none!important;
}


#miscItemDetail .item-price
{
display: none!important;
}


.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #85ffc7;
  text-decoration: none;
  background-color: #04093e;
  border: 1px solid #85ffc7;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #04093e;
  cursor: default;
  background-color: #f6f8ff;
  border-color: #85ffc7;
}


.overview-exchange-table .overview-exchange-from > tr > td {
  background: transparent!important;
}

.exchange-to-from-heading{
margin-top:30px!important;
}

.ticket-download-print {
  background-color: transparent!important;
}


.stored-value-options > ul:nth-child(1) > li:nth-child(3)
{
  display: none!important;
}


#miscItemDetail.bodyDetails h1#item-title
{
  display: none!important;
}


 /* Languages on menu
-------------------------------------------------------------- */

@media screen and (min-width: 992px) {
    
#menuTopItem5, #menuTopItem6, #menuTopItem7
    {
  display: none!important;
}
    
    }

@media screen and (max-width: 991px) {
    
    body[lang="fr"] #menuTopItem6
    {
  display: none!important;
}
    
        body[lang="en"] #menuTopItem7
    {
  display: none!important;
}
    
  
  .menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #12130f;
  }


    }

@media screen and (max-width: 991px) {
a.menu_item.empty-link-dropdown-toggle span.menu-label
  {
  font-size: 2em;
  text-transform: uppercase;
}

  
  }

@media screen and (min-width: 992px) {
 .menuContainer.main-nav .nav .menuTopItem.show .fa-chevron-up {
  display: none!important;
}
    
  .menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #12130f;
  }
     }

.last-promotional-code-name span {
  color: #04093e!important;
}


 /* Promo Black Friday
-------------------------------------------------------------- */

#bundleSelect .bundles-container.item-box  {
display:none;
}

#bundleResult .seat-location.section-box-item-details{
display:none;
}


   body[lang="fr"] #bundleSelect .item-description::before
{     
  content: "\A Mode d’emploi :\A\A • Aucune réservation requise. Vous recevrez par courriel vos billets ouverts (le nombre dépend de la quantité achetée).\A\A • Consultez les horaires sur notre site web car les expositions ne sont pas disponibles en même temps.\A\A • Présentez-vous directement à l’entrée d’OASIS immersion avec le billet de l'exposition que vous allez voir. \A\A\A Informations importantes :\A\A • Aucun remboursement.\A\A • Aucun échange.\A\A• Chaque billet peut être scanné une seule fois. \A"; 
    display: block;
margin-bottom: 10px;
  color: #fff;   
    white-space: pre-wrap;
  line-height: 22px
}


     body[lang="en"] #bundleSelect .item-description::before
{     
  content: "\A Instructions:\A\A • No reservation required. You will receive your open tickets by email (the number depends on the quantity purchased).\A\A • Check the schedules on our website, as the exhibitions are not available at the same time.\A\A • Go directly to the OASIS immersion entrance with your tickets. \A\A\A Important information:\A\A • No refunds.\A\A • No exchanges.\A\A• Each ticket can be scanned only once. \A"; 
    display: block;
margin-bottom: 10px;
  color: #fff;   
    white-space: pre-wrap;
   line-height: 22px
}


#quantity\:\:12139900-8E0F-4780-9AB9-9B8010553312\:\:select > option:nth-child(n+9), #quantity\:\:0B1A6F60-32A1-4215-BF03-C3BB0D659BF8\:\:select > option:nth-child(n+9), #quantity\:\:AEA9E245-094E-45F1-B2B4-23B79A9C56E2\:\:select > option:nth-child(n+9)
{
display:none;
}


#quantity\:\:AB82A780-1B23-40A5-A4E4-BCD18609E92B\:\:select > option:nth-child(n+1):nth-child(-n+5), 
#quantity\:\:AB82A780-1B23-40A5-A4E4-BCD18609E92B\:\:select > option:nth-child(n+11) {
display:none;
}


#quantity\:\:C1A78721-768D-492A-ABFB-3C5B1B4362E9\:\:select > option:nth-child(n+1):nth-child(-n+21)
{
display:none;
}

  .bundle-result-item .bundle-event .bundle-event-date {
display:none;
}

#miscItemQuantity\:\:select > option:nth-child(n+3){
display:none;
}


#quantity\:\:03531C47-B423-4CF3-9CD1-B3EF1247391A\:\:select > option:nth-child(n+13),
#quantity\:\:96AAD4B9-FF0C-47A7-87D4-E5580DE35556\:\:select > option:nth-child(n+13),
#quantity\:\:909B1A4D-78B4-47B8-83FC-87DB7A18FB79\:\:select > option:nth-child(n+13),
#quantity\:\:A65A0E9B-58D2-4785-B3C4-65F8F1F04FA6\:\:select > option:nth-child(n+13)
{
display:none;
}

#quantity\:\:68C4DD3F-8EA9-4447-9096-225E06C61701\:\:select  > option:nth-child(n+1):nth-child(-n+5),
#quantity\:\:68C4DD3F-8EA9-4447-9096-225E06C61701\:\:select > option:nth-child(n+11)
{
display:none;
}

#bundleSelect .dropDown .form-control option:nth-child(n+13)
{
display:none;
}

@media only screen and (min-width:768px) {
  body[lang="fr"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
            content: '\A Famille de 4 et plus : 2 adultes maximum et 2 enfants minimum';
            position: relative;
            padding-left: 10px;
  white-space: pre;
  font-size: 14px
        }

  body[lang="en"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
            content: '\A Family of 4 and more: 2 adults maximum and 2 children minimum';
            position: relative;
            padding-left: 10px;
  white-space: pre;
  font-size: 14px;
        }  }

@media only screen and (max-width:767px) {
  body[lang="fr"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
            content: '\A Famille de 4 et plus : 2 adultes\A maximum et 2 enfants minimum';
            position: relative;
            padding-left: 10px;
  white-space: pre;
  font-size: 14px
        }

  body[lang="en"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
            content: '\A Family of 4 and more: 2 adults \A maximum and 2 children minimum';
            position: relative;
            padding-left: 10px;
  white-space: pre;
  font-size: 14px;
        }
}


#bundleSelect .bundle-performance-select .item-box h4
{
display:none;
}
 /* FAQ
-------------------------------------------------------------- */

.faq img
{
border:1px solid #fff;
}
.ticket-layout > .apple-wallet { display:none!important;} 


/* bundle link as a button */
.bundle-link {
    color: #12130f !important;
    border-color: #12130f !important;
    display:inline-block;
    background-color: #85ffc7;
    border-radius: 5rem !important; margin-bottom:20px; padding:10px 20px;}


.bundle-link:hover{ opacity:0.5; text-decoration:none!important;}


/* hide price indicator */
.detailed-search-results .result-box-item .availability-indicator  { display:none; }
.item-box-item-details div.price-zone-amount span.price-details {display:none!important;}

div.bodyDetails:not(#bundleSelect) .price-details .price-label  { width:100%!important; }
    .item-box-item-details.price-zone-option > span  { width:70%; max-width: 70%; font-size:1rem!important; margin-top:18px!important;}
    
    
    #seatSelect .caps-pricetype-max-label{
display:none!important;
}


#orderContact .gift-card-payment .section-box-item {
  display: flex !important;
  flex-direction: column;
}

.gift-card-payment.section-box div.section-box-item.odd{
border: 1px solid #84ab65;
  padding: 15px;
  border-radius: .5rem;
  margin-bottom: 15px
}


#orderContact .remove-card.section-box-item-details.last-column {
  text-align: left !important;
}

  body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    color: white;
    transition:
        background-color 0.3s ease,
        transform 0.2s ease;
    margin-left: -15px;
}

  body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]:hover {
    background-color: #5a6268; /* Darker shade for hover */
}

  body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"] svg {
    margin-right: 8px;
    display: none;
}

  body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
}

  body[lang="FR"]  #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]::after {
    content: attr(title);
    position: relative;
    top: 0;
    left: 0;
    background: #1a1a1a !important;
    color: #red;
    padding: 6px 10px;
    border: 1px solid #1a1a1a !important;
    font-size: 12px;
    white-space: nowrap;
    text-wrap-mode: nowrap;
    white-space-collapse: collapse;
    display: block;
    opacity: 1;
    visibility: visible;
    float: left;
    position: relative;
    width: 100%;
}


  body[lang="FR"] #orderContact .gift-card-payment.section-box .remove-card:after{
  content: 'S’il reste un montant à payer, il s’affichera lorsque vous sélectionnerez le mode de paiement de votre choix.';
  display: block;
  margin-top: 10px;
  color: #fff;
  white-space: pre-line;
}


 body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    color: white;
    transition:
        background-color 0.3s ease,
        transform 0.2s ease;
    margin-left: -15px;
}

  body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]:hover {
    background-color: #5a6268; /* Darker shade for hover */
}

  body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"] svg {
    margin-right: 8px;
    display: none;
}

  body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
}

  body[lang="EN"]  #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]::after {
    content: attr(title);
    position: relative;
    top: 0;
    left: 0;
    background: #1a1a1a !important;
    color: #red;
    padding: 6px 10px;
    border: 1px solid #1a1a1a !important;
    font-size: 12px;
    white-space: nowrap;
    text-wrap-mode: nowrap;
    white-space-collapse: collapse;
    display: block;
    opacity: 1;
    visibility: visible;
    float: left;
    position: relative;
    width: 100%;
}

  body[lang="EN"] #orderContact .gift-card-payment.section-box .remove-card:after{
  content: 'If there is a remaining balance, it will be displayed once you select your preferred payment method.';
  display: block;
  margin-top: 10px;
  color: #fff;
  white-space: pre-line;
}