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


.mini-search-button {
    height: 44px;
    width: 44px;
    min-width: 32px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    border: none;
    outline: none;
    border-radius: 50%;
    color: #fff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    /* cursor: pointer; */
    transition: all .3s;
}
.mini-search-button:hover{
  background: #FFAA00;
}



/* Featured Category cards*/

header{
 /* background:white;*/
}
.header-choix{
  color:white;
}

header:hover .header-choix {
  color: inherit;
}


.sticky .header-choix{
  color:#2A2A2A
}

.sticky #search-icon{
  display:flex;
}


.categories a{
  text-decoration: none;
}

.categories a:hover{
  scale: 1.03;
  filter: brightness(1.1);
}

 .featured-categories-title  {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #283252;
}

  .img-smallCat{
    overflow: hidden;
    border-radius: 10px;
    width: 230px;
  }

  .category-thumb-small {
    overflow: hidden;
    border-radius: 10px;
    width: 230px;
  }

.category-thumb-small{
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}

    .categories{
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
    }

    .category-fixed{
      display: inline-block;
      width: 16%;
      vertical-align: top;
      margin-right: 20px;
    }
  
  .scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
  }
  
  .scroll-right1{
    position: absolute;
    background: white;
    top: 50%;
    z-index: 8;
    right: 1%;
    border: 2px solid #c7c7c7;
  }
  
  .scroll-left1{
    position: absolute;
    z-index: 8;
    top: 50%;
    background: white;
    left: 2%;
    border: 2px solid #c7c7c7;
  }

  .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
  }


 
  .featured-categories {
    overflow: hidden; /* Hide horizontal overflow of categories container */
  }
  
  .categories-container {
    overflow-x: auto;
    white-space: nowrap;

      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none;
      width: max-content;
  }
  
  .category {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px; /* Adjust as needed */
  }
  
  .scroll-arrow {
    display: flex;
    align-items: center;
  }
  
  .scroll-arrow button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
  } 


.featured-categories .categories .category:hover {
  color: #717171;
}
.featured-categories .categories .category {
    display: block;
    margin: 8px;
}


.featured-categories .categories .category .category-foot span:nth-child(2) {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: .9rem;
    color: #a2a5b9;
    display: block;
    white-space: normal;
    width: 230px;
}

.featured-categories .categories .category .category-thumb-small {
    overflow: hidden;
    border-radius: 10px;
    width: 230px;
}
.featured-categories .categories .category .category-thumb-big {
    overflow: hidden;
    border-radius: 10px;
    width: 340px;
}
.category-thumb-big:hover img{
  filter: brightness(1.1);
}

.featured-categories .categories .category .category-foot span {
    font-size: 1rem;
    font-weight: 500;
    color: #a2a5b9;
}
.featured-categories .categories .category .category-foot span:first-child {
    font-size: 1.2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #283252;
    display: block;
    white-space: normal;
    width: 230px;
}

.featured-categories .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
    margin-top: 20px;
    margin-left: -8px;
    margin-right: -8px;
    transition:all .3s !important;
}

.img-bigCat {
  height: 300px;
  object-fit: cover;
  width: 100%;
}

.img-smallCat{
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.featured-categories-text{
    font-size: 0.95rem;
    color: #717171;
}

.scroll-btn{
  color:#a1a1a1;
}



.scroll-btn:hover svg{
  stroke:#FFAA00;
}
.scroll-btnn:hover{
  background: #ff7f00;
  border: 2px solid #ffffff;}

/* OVERLAY VIDEO  */

.overlay-cta {
    position: relative;
    padding: 4rem;
    min-height: 440px;
    /*border-radius: 1.25rem;*/
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.overlay-cta .cta-inner {
    position: relative;
    text-align: center;
    top: 30px;
    z-index: 1;
}


.overlay-cta .cta-inner>p {
    max-width: 697px;

}

.overlay-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}



.is-2-2 {
    font-size: 2.2rem;
}
.is-2 {
    font-size: 2.5rem;
}

.is-bold {
    font-weight: 700;
}

.has-space {
    margin-bottom: 0.75rem !important;
}

.text-inverted {
    color: #fff;
}

.button {
    font-family: "Karla", sans-serif;
    height: 3em;
    padding-left: 1.75em;
    padding-right: 1.75em;
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
} 

.button.is-primary:not(.is-outlined) {
    color: #fff !important;
}

.button.is-primary {
    background-color: #FFAA00;
    border-color: transparent;
    color: rgba(0, 0, 0, .7);
}

.is-raised {
    box-shadow: 0 14px 26px -12px;
  }

/*End Featured Category cards*/


/*Featured Events*/
.section.is-dark {
    background: #232326;
}

.section {
    padding: 3rem 1.5rem;
}

.featured-events .header {

    display: flex;

    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
    color: white !important;
}

.featured-events .header h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #fff;
}

.featured-events .header p {
    font-size: 1.1rem;
    color: #fff;
    max-width: 520px;
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #FFAA00;
    color: #FFAA00;
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7);
}

.button.is-primary.is-outlined {
    color: #FFAA00;
}


.featured-events .event-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    margin-top: 20px;
}

.featured-events .event-grid .left-side {
    width: 50%;
}

.featured-events .event-grid .right-side {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.featured-events .event-grid .left-side .event {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
}

.featured-events .event-grid .left-side .event .event-thumb {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.featured-events .event-grid .left-side .event .event-thumb img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
}




.featured-events .event-grid .left-side .event .event-foot {
    padding-top: 8px;
    display: flex;
    align-items: center;
}

.featured-events .event-grid .left-side .event .event-foot img {
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
}

.featured-events .event-grid .left-side .event .event-foot .meta {
    margin-left: 12px;
    line-height: 1.3;
}

.featured-events .event-grid .left-side .event .event-foot .meta span:first-child {
    font-family: "Karla", sans-serif;
    font-size: .9rem;
    font-weight: 500;
    color: #a2a5b9;
    display: block;
}

.featured-events .event-grid .left-side .event .event-foot .meta span:nth-child(2).is-light {
    color: #fff;
}

.featured-events .event-grid .left-side .event .event-foot .meta span:nth-child(2) {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #283252;
    display: block;
}

.featured-events .event-grid .right-side .event {
    margin: 6px;
    width: calc(50% - 12px);
    height: calc(50% - 16px);
}

.featured-events .event-grid .right-side .event .event-thumb img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
}

.featured-events .event-grid .right-side .event .event-foot {
    padding-top: 8px;
    display: flex;
    align-items: center;
}

.featured-events .event-grid .right-side .event .event-foot img {
    display: block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
}

.featured-events .event-grid .right-side .event .event-foot .meta {
    margin-left: 8px;
    line-height: 1.3;
}

.featured-events .event-grid .right-side .event .event-foot .meta span:first-child {
    font-family: "Karla", sans-serif;
    font-size: .8rem;
    font-weight: 500;
    color: #a2a5b9;
    display: block;
}

.featured-events .event-grid .right-side .event .event-foot .meta span:nth-child(2).is-light {
    color: #fff;
}

.featured-events .event-grid .right-side .event .event-foot .meta span:nth-child(2) {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: .8rem;
    color: #283252;
}

.section {
    padding: 3rem 1.5rem;
}


/*End Featured Events*/



  .main-navigation--search {
    padding-bottom: 30px;
    transition: all 0.3s;

    .search-bar {
      display: flex;
      height: 65px;
      width: 100%;
      max-width: 880px;
      margin: 0 auto;
      background: white;
      border: 1px solid #ededed;
      border-radius: 500px;
      transition: all 0.3s;

      .block-20,
      .block-30 {
        position: relative;
        display: flex;
        align-items: center;
        border-radius: 100px;
        cursor: pointer;
        transition: all 0.3s;

        &:hover {
          background: #ededed;
        }

        &.is-active {
          background: white;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px,
          rgba(0, 0, 0, 0.1) 0px 3px 8px !important;
        }

        &:not(.is-active) {
          .field {
            .control {
              .clear-value {
                opacity: 0;
              }
            }
          }
        }

        .field {
          width: 100%;
          padding: 0 30px;
          margin-bottom: 0;

          &.has-search-button {
            padding-right: 0;
            max-width: 120px;
          }

          label {
            display: block;
            position: relative;
            top: 5px;
            margin-top: -5px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #283252;
          }

          .control {
            position: relative;
            width: 100%;

            input {
              border: none;
              font-size: 0.95rem;
              color: #a2a5b9;
              outline: none !important;
              background: none;

              &:required {
                &:valid:focus + .clear-value {
                  opacity: 1;
                }

                &:invalid + .clear-value {
                  opacity: 0;
                }
              }
            }

            .clear-value {
              position: absolute;
              top: -8px;
              right: -16px;
              color: #283252;
              border: 0;
              display: flex;
              height: 26px;
              width: 26px;
              justify-content: center;
              align-items: center;
              border-radius: 50%;
              background-color: lighten(#ededed, 2%);
              transition: all 0.3s;
              cursor: pointer;
              outline: none;
              z-index: 3;

              &:hover {
                background-color: #ededed;
              }

              svg {
                pointer-events: none;
                height: 15px;
                width: 15px;
              }
            }
          }
        }

        .search-button {
          height: 44px;
          width: 44px;
          min-width: 44px;
          padding: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: auto;
          border: none;
          outline: none;
          border-radius: 500px;
          margin-right: 0.5rem;
          background: #FFAA00;
          color: white;
          -webkit-transition: all .3s;
          transition: all .3s;
          cursor: pointer;

          span {
            display: none;
          }
        }

          .search-button:hover {
            box-shadow: 0 14px 26px -12px;
          }

          .search-button.is-expanded {
            min-width: 126px;
            margin-left: auto;

            span {
              display: block;
            }
          }

          span {
            /*font-size: 1.05rem;*/
            margin-left: 6px;
            line-height: 1;
          }

          svg {
            height: 18px;
            width: 18px;
          }
        

        .location-dropdown {
          position: absolute;
          top: 75px;
          left: -204px;
          width: 880px;

        }
        .location-dropdown-inner {
          position: relative;
          min-height: 400px;
          width: 100%;
          height: 100%;
          padding: 30px;
          background: white;
          border-radius: 22px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
        }
        .search-dropdown {
          position: absolute;
          top: 75px;
          left: 0;
          width: 880px;

          .search-dropdown-inner {
            position: relative;
            max-width: 880px;
            height: 100%;
            padding: 30px;
            background: white;
            border-radius: 22px;
            box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
          }
        }

        .type-dropdown {
          position: absolute;
          top: 75px;
          right: 0;
          width: 880px;

          .type-dropdown-inner {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 30px;
            background: white;
            border-radius: 22px;
            box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
          }
        }

        .qs-datepicker-container {
          margin-top: 20px;
        }
      }

      .block-30 {
        height: 100%;
        width: 30%;
      }

      .block-20 {
        height: 100%;
        width: 20%;
      }
    }
  }

  @media screen and (max-width: 500px) {
    .main-navigation--search 
    .search-bar
    .block-30 {
        width: 28%; 
    }

        .block-30.location-drop {
          display: none !important;
        }
    
        .main-navigation--search .search-bar .block-20,
        .block-30 .search-dropdown {
          position: absolute !important;
          top: 75px !important;
          left: 10% !important;
          width: 337% !important;
        }
        .main-navigation--search
        .search-bar
        .block-20, .block-30
        .type-dropdown {
            position: absolute !important;
            top: 75px !important;
            right: -53% !important;
            width: 348% !important;
        }

        .main-navigation--search
        .search-bar
        .block-20, .block-30
        .search-button.is-expanded {
            min-width: 55px!important;
            margin-left: auto;
        }
        
        .main-navigation--search
        .search-bar
        .block-20, .block-30
        .search-button{
            position: absolute;
            left: 100%;
        }

        .main-navigation--search
        .search-bar
        .block-20, .block-30
        .field {
            width: 100%;
            padding: 0 15px !important;
            margin-bottom: 0;
        }

        .datepicker-dropdown{
          left: 10% !important;
        }
        .menu-mobile{
          display:block !important;
        }

        .menu-desktop{
          display:none !important;
        }

        .categories-fixed{
          margin: 0px 15px;
        }

}

  
  .location-dropdownSearch {
    position: absolute;
    top: 75px;
    left: -230px;
    width: 880px;
  }

    .search-dropdownSearch {
      position: absolute;
      top: 75px;
      left: 0;
      width: 880px;
  }
  .search-dropdown-inner{
    position: relative;
    min-height: 400px;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: white;
    border-radius: 22px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
  }
  
  /* header scrols*/
  header:hover{
    background-color: #ffffff;
  }

 
  header:hover a:hover{
    color:#ff7f00;
  }


  header:hover ul#top_tools a {
    color: #ff7f00;
}
  header:hover ul#top_tools a:hover {
    color: white;
}

  .type-dropdownSearch {
    position: absolute;
    top: 75px;
    right: 0;
    width: 880px;
}
.type-dropdown-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: white;
  border-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
}

/*Megamenu
========================================================================== */

  .megamenu {
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    background: #fff;

  }

  
  .megamenu .megamenu-inner {
    position: relative;
    padding: 30px 0;
  }

  .megamenu .megamenu-inner .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    padding: 0;
    border: none;
    background: none;
    outline: none;
    font-size: 1.75rem;
    z-index: 6;
}




.columns:last-child {
    margin-bottom: -0.75rem;
}
.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
}


.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0.75rem;
}

.media {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: inherit;
}

.text-primary {
  color: #FF7B00;
}

.media-content {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: inherit;
}

.megamenu .megamenu-inner .megamenu-block h4 {
  font-family: "Montserrat",sans-serif;
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #283252;
  margin-bottom: 0.75rem;
}


.title-menu {
  font-family: "Montserrat",sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #283252;
  margin-bottom: 0.75rem;
}
.megamenu .megamenu-inner .megamenu-block.is-left-bordered {
  padding-left: 2rem;
  border-left: 1px solid #e5e5e5;
}


.megamenu .megamenu-inner .megamenu-block .media .media-content p {
  font-family: "Montserrat";
  color: #7f839f;
  font-size: 14px;
  margin-bottom: 0.5rem;
}

.media-content:hover a{
  /*color: #FF7B00 !important;*/
}

.arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-family: "Karla",sans-serif;
  color: #FF7B00;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.cat-name{
  font-family: "Montserrat",sans-serif;
  font-size: 1rem;
}

.arrow-link svg {
  margin-left: 0.25rem;
  height: 18px;
  width: 18px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}


.megamenu .megamenu-inner .megamenu-block.has-margin {
  margin-left: 3rem;
}

.megamenu .megamenu-inner .megamenu-block.is-right-bordered {
  padding-right: 2rem;
  border-right: 1px solid #e5e5e5;
}


.megamenu .megamenu-inner .megamenu-block .tags .tag {
  border: 1px solid #d3d1cf;
  color: #FF7B00;
  background: #fff;
}

.tag:not(body) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #4a4a4a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .75rem;
  height: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag-m:not(body) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  color: #4a4a4a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .75rem;
  height: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.tags .tag-m:not(:last-child) {
  margin-right: 0.5rem;
}
.tag-m:not(body).is-rounded {
  border-radius: 9999px;
}
.tags .tag-m {
  margin-bottom: 0.5rem;
}
.tag-m:not(body) {
  font-family: "Karla",sans-serif;
  height: 2.25em;
  border-radius: 0.4rem;
}

a.tag-m:hover {
  text-decoration: underline;
}
.tags .tag-m:not(:last-child) {
  margin-right: 0.5rem;
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tag:not(body) {
  font-family: "Karla",sans-serif;
  height: 2.25em;
  border-radius: 0.4rem;
}

a.tag:hover {
  text-decoration: underline;
}

.megamenu .megamenu-inner .megamenu-block .block-list .block-list-item {
  width: calc(16.66% - 0.5rem);
  margin: 0.25rem;
}

/*end Megamenu
========================================================================== */




  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .main-navigation {
      .main-navigation--menu {
        position: relative;
        z-index: 0;
      }
      }
  }
  


@media only screen and (min-width: 768px)and (max-width: 1024px)and (orientation: landscape) {
  .main-navigation .main-navigation--menu {
      padding:0 1rem
  }
}

.near-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  margin-bottom: 1.25rem;
  -webkit-transition: all .3s;
  transition: all .3s
}

.near-link:hover {
  background: #f2f3f8;
  border-radius: 14px
}

.near-link .near-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 10px;
  background: #FF7B00;
  margin-right: 12px;
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgba(103,28,201,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(103,28,201,.2);
  box-shadow: 0 14px 26px -12px rgba(103,28,201,.42),0 4px 23px 0px rgba(0,0,0,.12),0 8px 10px -5px rgba(103,28,201,.2)
}

.near-link .near-icon svg {
  height: 18px;
  width: 18px
}

.near-link span {
  display: block;
  font-size: .9rem;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  color: #283252
}

.near-tags {
  padding-bottom: .25rem;
  cursor:pointer;
}

.near-tags h4 {
  font-family: "Karla",sans-serif;
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  /*margin-bottom: .75rem*/
}

.near-tags .tags .tag {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-family: "Karla",sans-serif;
  /*font-size: .9rem;*/
  padding: .5rem .5rem;
  height: 3em;
  -webkit-transition: all .3s;
  transition: all .3s
}
.near-tags .tags .search-tag {
  background: #fff;
  border-radius: 10px;
  text-decoration: underline;
  font-family: "Karla",sans-serif;
  font-size: .8rem;
  padding: .5rem 1rem;
  height: 3em;
  -webkit-transition: all .3s;
  transition: all .3s;
  
}

.near-tags .tags .search-tag:hover{
  text-decoration: underline;
}

.tags:last-child {
  /*margin-bottom: 1.5rem;*/
}



.tags {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content:flex-start ;
  /*margin-bottom: 2.5rem;*/
}

.pre-searchtag{
    font-family: "Karla", sans-serif;
    color: #283252;
    font-size: .9rem;
}

/*bloc destincation  */
.imageis-150x150 {
  width: 100%;
  min-width: 170px;
  height: 200px;
}

.imageis-150x150:hover img{
  filter: brightness(1.1);
}

/* Media query for screens wider than 400px */
@media (min-width: 401px) {
  .imageis-150x150 {
  
    object-fit: cover;
    }
}

.sous-title-dest{
    font-family: "Karla", sans-serif;
      color: #a2a5b9;
      font-size: .7rem !important;
}

.title-dest{
  font-family: "Montserrat", sans-serif;
    font-size: .8rem !important;
    color: #283252;
    font-weight: 600;
}

.near-tags .tags .tag:hover {
  background: #ff7f00;
  border-color: #ff7f00;
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgb(145 145 145), 0 4px 23px 0px rgba(0,0,0,.12), 0 8px 10px -5px rgba(103,28,201,.2);
    box-shadow: 0 14px 26px -12px rgb(145 145 145), 0 4px 23px 0px rgba(0,0,0,.12), 0 8px 10px -5px rgba(103,28,201,.2);
}
.tags .tag:not(:last-child) {
  margin-right: .5rem;
}
.tags .tag {
  margin-bottom: .5rem;
}

.tags-title:hover,
.tags-title:active {
  text-decoration-line: underline;
  text-decoration-color: #ff7f00;
}
.tags-title-act {
  text-decoration-line: underline;
  text-decoration-color: #ff7f00;
}




.other-locations {
  padding-top: 1.5rem;
  padding-bottom: .25rem
}

.other-locations h4 {
  font-family: "Karla",sans-serif;
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  margin-bottom: .75rem
}

.other-locations .locations-group .location-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  transition: all .3s
}

.other-locations .locations-group .location-item:not(:last-child) {
  margin-bottom: 1.25rem
}

.other-locations .locations-group .location-item img {
  display: block;
  height: 48px;
  width: 48px;
  min-width: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all .3s
}

.other-locations .locations-group .location-item .meta {
  margin-left: 14px
}

.other-locations .locations-group .location-item .meta span {
  display: block
}

.other-locations .locations-group .location-item .meta span:first-child {
  font-family: "Montserrat",sans-serif;
  font-size: .95rem;
  font-weight: 600;
  color: #283252
}

.other-locations .locations-group .location-item .meta span:nth-child(2) {
  font-family: "Karla",sans-serif;
  font-size: .9rem;
  color: #a2a5b9;
  line-height: 1.3
}

.type-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.type-block+.type-block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5
}

.type-block .meta span {
  display: block;
  line-height: 1.3
}

.type-block .meta span:first-child {
  font-family: "Montserrat",sans-serif;
  font-size: .9rem;
  font-weight: 600;
  color: #283252;
  line-height: 1.5;
}

.type-block .meta span:nth-child(2) {
  font-family: "Montserrat",sans-serif;
  font-size: .9rem;
  color: #a2a5b9;
}

.type-block .action {
  margin-left: auto
}

.type-block .action .form-switch {
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

.type-block .action .spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.type-block .action .spinner button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s
}

.type-block .action .spinner button:hover {
  border-color: #FF7B00
}

.type-block .action .spinner button:hover svg {
  stroke: #FF7B00
}

.type-block .action .spinner button.is-inactive {
  pointer-events: none;
  opacity: .6
}

.type-block .action .spinner button svg {
  height: 16px;
  width: 16px
}

.type-block .action .spinner input {
  border: none;
  outline: none !important;
  font-family: "Karla",sans-serif;
  font-weight: 600;
  width: 32px;
  text-align: center
}

.mobile-main-navigation {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s;
  transition: all .3s
}


.form-switch.is-primary input:checked+i {
  background-color: #FFAA00;
}

.form-switch input:checked+i {
  background-color: #a2a5b9;
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.form-switch input:checked+i::before {
  -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.form-switch input:checked+i::after {
  -webkit-transform: translate3d(22px, 2px, 0);
  transform: translate3d(22px, 2px, 0);
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24);
  box-shadow: 0 2px 2px rgba(0,0,0,.24);
  -webkit-transform: translate3d(2px, 2px, 0);
  transform: translate3d(2px, 2px, 0);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


/* destination  bloc */

.media-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

.image.is-64x64 {
  height: 64px;
  width: 64px;
  object-fit: cover;
}

.image {
  display: block;
  position: relative;
}

.media-flex-center .flex-meta {
  line-height: 1.4;
}

.title-loc {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 4206300;
  line-height: 22px;
}

 .flex-meta span:nth-child(2),  .flex-meta>a:nth-child(2) {
  font-family: "Karla", sans-serif;
  color: #ffffff;
  font-size: .9rem;
}

/* Date picker */

.date-dropdown1 {
  position: absolute;
  top: 75px;
  left: -464px;
  width: 880px;
}


.date-dropdown {
    position: absolute;
    top: 75px;
    left: -380px;
    width: 880px;
}
/* coachs cards*/
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
  border:none;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
}

.card-body .card-title {
  font-weight: 700;
  color: #1f2020;
  text-align: center;
  font-size: 22px;
}
.card-body .job-title {
  font-size: 12px;
  color: rgba(31,32,32,.7);
}

.coach-sports {
  margin: 0;
}

 .coach-item {
  border: none;
}

.coach-sports li {
  display: inline-block;
  list-style: none;
  color: #ff7f00;
  background-color: rgba(100,223,223,.1);
  border-radius: 25px;
  padding: 2px 5px;
  margin-bottom: 5px;
}
.coach-sports li a {
  color: #ff7f00;
  font-size: 12px;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



/* Pourquoi nous choisr */



.top-title{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #FFAA00;
    text-transform: uppercase;

}

/*
.icon-title h5{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 17PX;
  color: #283252;
}
*/
.icon-title h6{
  font-family: "Montserrat", sans-serif;
  font-weight:400;
  font-size: 13px;
  color: #ffffff;
}

.bgcontainer{
  background: linear-gradient(90deg, rgba(255, 123, 0, 1) 0%, rgba(255, 170, 0, 1) 20%, rgba(255, 169, 0, 1) 86%, rgba(255, 123, 0, 1) 100%);
}

.is-background-primary{
  background-color:#64605914;
}



/*Profile drop */

.drop-menu {
  position: absolute;
  top: 45px;
  right: 0;
  width: 240px;
}

.drop-menu-profile{
  position: absolute;
  top: 45px;
  right: -41px;
  width: 240px;
}
.drop-menu-info{
  position: absolute;
  top: 45px;
  right: 6px;
  width: 240px;
}

.drop-menu .drop-menu-inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  padding: 1rem 0;
  border: 1px solid #e5e5e5;
  border-radius: .825rem;
  -webkit-box-shadow: rgba(0,0,0,.15) 0px 16px 32px, rgba(0,0,0,.1) 0px 3px 8px;
  box-shadow: rgba(0,0,0,.15) 0px 16px 32px, rgba(0,0,0,.1) 0px 3px 8px;
}
.drop-menu .drop-menu-inner hr {
  height: 1px;
  background: #e5e5e5;
  margin: .75rem 0;
}

.drop-menu .drop-menu-inner .drop-menu-item {
  display: block;
  font-family: "Karla", sans-serif;
  padding: .5rem .75rem;
  margin: 0 .5rem;
  color: #283252 !important;
  border-radius: .5rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.drop-menu .drop-menu-inner .drop-menu-item:hover {
  background: #f2f2f2;
  color: #283252;
}

.drop-menu .drop-menu-inner .drop-menu-item.is-heavy {
  font-weight: 600;
  color: #283252;
}

/* about us bloc*/

.leftSide{
  font-family: "Montserrat", sans-serif;
}


.primary-font{
  font-family: "Montserrat", sans-serif;
}

.barstripe{
  height: 220PX;
  color:white;
  background: linear-gradient(90deg, rgba(255, 123, 0, 1) 0%, rgba(255, 170, 0, 1) 20%, rgba(255, 169, 0, 1) 80%, rgba(255, 123, 0, 1) 100%);
  text-align:center;
}

.yellow-text{
  color: #FFAA00;

}

a .yellow-text:hover{
  text-decoration:underline;
}

.categories-fixeed{
  border: 1px solid #e5e5e5;
    padding: 0.5rem;
    border-radius: 0.75rem;
}


/* overlay title img*/
.container__1fEu {
  position: relative;
  padding-top: 65%;
  height: 0;
}
.container__1fEu:hover{
  .image__mX0f{
    filter: brightness(1.2);
  }
}

.image__mX0f {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  filter: brightness(0.8);
  transition: filter .3s ease-out;
}

.topDestinationLink__38WT{
  position: absolute;
  left: 15px;
  bottom: 6px;
}



.titleContainer__3mVt {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); 
  color: var(--viator-color-white);
  text-align: center;
  overflow-wrap: break-word;
  overflow: hidden;
}

.py-15 {
  padding-top: 6.5rem;
  padding-bottom: 6rem;
}

.underlink {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: #252525;
  text-decoration: underline;
}

.p-title{
  font-weight: 500;
  color: #474747;
  font-size: 0.75rem;

}

.under-bloc1{
  max-width: 35%;
    margin: auto;
    margin-top: 1rem ;
}
@media only screen and (max-width: 600px) {
  .under-bloc1 {
      max-width: 87%;
      margin: auto;
      margin-top: 1rem;
  }
}



.section-gray{
  background: #b1b1b13d;
  margin-top: 2rem;
}

.green-text{
  color: #007850;
}

.inner-footer{
  height: max-content;
  
}

.inner-footer li{
  padding:5px 0;
  font-size: 13px;
}

@media screen and (max-width: 400px) {
  .inner-footer li {
      padding: 10px 0; /* Adjust padding for larger screens */
      font-size: 10px; /* Adjust font size for larger screens */
  }
}



.inner-footer li:first-child{
  padding-top: 10px;
}

/* footer*/

.secure-payments img {
  height: 40px;
  width: fit-content;
}

.line-break{
  border-top: 1px solid rgba(255, 255, 255, 0.2);

}


.inner-footer ul{
  padding: 0px 8px;
}

/* searchbar mobile*/
.search-bar-mobile{
  display: flex;
  height: 60px;
  width: 89%;
  max-width: 97vw;
  margin: 0 auto;
  background: white;
  border: 1px solid #ededed;
  border-radius: 500px;
  transition: all 0.3s;
  position: absolute;
  bottom: 27px;
  z-index: 99;
  /* margin: auto; */
  left: 6%;
}

.search-button-mobile-border{
  height: 44px;
  width: 44px;
  min-width: 44px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border: none;
  outline: none;
  border-radius: 500px;
  margin-right: 0.5rem;
  border: 1px solid #FFAA00;
  color: white;
  -webkit-transition: all .3s;
  transition: all
}

.search-bar-mobile label {
    display: block;
    position: relative;
    top: 5px;
    margin-top: -5px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #283252;
}

.search-bar-mobile input{
  border: none;
  font-size: 0.95rem;
  color: #a2a5b9;
  outline: none !important;
  background: none;
}

.card-gradient{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  background: linear-gradient(0deg, #00000061 0, rgba(0, 0, 0, 0));
}

.filterm-drop input{
  border: 1px solid #e1e1e1;
  font-size: 0.9rem;
  font-weight: 500;
  color: #ff7f00;
  outline: none !important;
  background: none;
  height: 42px;
}

.search-button-mobile {
  height: 44px;
  width: 44px;
  min-width: 44px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border: none;
  outline: none;
  border-radius: 500px;
  margin-right: 0.5rem;
  background: #FFAA00;
  color: white;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}

.filterm-drop{
  position: relative;
  max-width: 880px;
  min-height: 470px;
  padding: 30px;
  background: white;
  border-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px;
}

.under-btn{
  color: rgb(79, 111, 143);
  padding-top: 16px;
  font-size: 8px;
  letter-spacing: 0.013rem;
  text-align: center;
}

.btn4-white{
  background: #ffffff;
  color: #FFAA00;
  border-radius: 5px;
  box-shadow: 0 6px 26px -12px;
}

.footer-menu{
  position: absolute;
  width: 83%;
  bottom: 18px;
}

.filterm-dropdown{
  position: absolute;
  top: 68px;
  left: -1px;
  width: 88vw;
}

.btns-search{
  position: relative;
}

.icon-title img{
  width:69px;
}

#search-icon{
  display:none;
}



.text-orange{
  color:#FF7B00;
}


.svg1{
  position: absolute;
  right: 9%;
  top: -33%;
  z-index:-1;
}

.svg2{
  position: absolute;
    z-index:-1;
  right: 23%;
  top: 20%;
}
.svg3{
  position: absolute;
    z-index:-1;
  top: -50%;
  left: 13%;
}

.svg4{
  position: absolute;
    z-index: 7;
  right: 0%;
  bottom: 38%;
}
.svg5{
  position: absolute;
    z-index: 7;
  left: -9%;
  top:16%;
}
.svg6{
  position: absolute;
    z-index: 7;
  left: 2%;
  top: 48%;
}

.svg4-m {
  position: absolute;
  z-index: 7;
  right: 0%;
  bottom: 5%;
}

.svg6-m {
  position: absolute;
  z-index: -1;
  left: 0%;
  top: 8%;
}

.svg7{
  position: absolute;
    z-index: 7;
    left: 60%;
    bottom: 0%;
}

.svg8{
  position: absolute;
  z-index: 7;
  left: 34%;
  bottom: 2%;
}


td{
  border-style: solid;
    border-width: 1px;
    /*padding: 13px;*/
}