:root {
    --primary-color: #6D4DA4;
    --secondary-color: #FFD103;
    --tertiary-color: #00ADCE; 
    --quaternary-color: #A9C205; 
    --quinary-color: #E3A0C1;
    --background-color: #ecf0f1;
    --text-color: #6B6B6B;
    --border-color: #bdc3c7;
    --primary-font: "Amatic SC", sans-serif;
    --second-font: 'Dosis';
    --bs-body-font-size: 18px;
    --bs-primary-rgb: 94, 185, 216;
    --bs-warning-rgb: 255, 196, 0;
    --bs-success-rgb: 176, 201, 5;
}
@font-face {
    font-family: 'GroBold';
    src: url('../fonts/GROBOLD.ttf') format('ttf'); 
  }
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1100px;
    }
}
.grecaptcha-badge {visibility: hidden;}
.bg-primary {
    background-color: var(--primary-color);
}
.bg-warning {
    background-color: var(--secondary-color);
}
.bg-rose {
    background-color: var(--quinary-color);
}
.bg-success {
    background-color: var(--quaternary-color);
}
.bg-violet {
    background-color: var(--primary-color);
}
p{
    margin-bottom: 0;
}
p:empty{
    height: 0;
    margin: 0;
    padding: 0;
  }
body{
    font-weight:200;
}
a{
    color: var(--primary-color);
}
h2{
    font-size: 54px;
}
h3{
    font-size: 46px;
}
h4{
    font-size: 36px;
}
h5{
    font-size: 28px;
}
h1, h2, h3, h4, h5, h6{
    text-align: center;
    letter-spacing:0.2px;
    /**/
}
.color-yellow{
    color: #FFD103; 
}
span.bold, b{
    font-weight: 500;
}
.color-green{
    color:#A9C205;
}
.color-v{
    color: var(--primary-color);
}
.color-rose-w{
    color: #E8426B;
}
.color-rose-w-1{
    color: #F75396;
}
.rose-w-btn{
    background-color: #F75396;
}
.rose-w-btn:hover{
    color: #F75396 !important; 
    background-color: #fff !important;
    border-color: #F75396 !important;
}
.color-white{
    color: #fff;
}
.color-blue{
    color: var(--tertiary-color);
}
.color-text{
    color: var(--text-color) !important;
}
.yellow-btn{
    background-color: var(--secondary-color);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 10px;
}
.color-green-1{
color: #C0B92F;
}
.yellow-btn-w{
    background-color: var(--secondary-color);
    font-weight: 600;
    color: #fff;
    font-family: var(--primary-font);
}
.y-btn{
    background-color: var(--secondary-color);
}
.v-btn:hover, .yellow-btn:hover{
    color:var(--primary-color) !important;
    background-color: #fff !important;
    border-color: var(--primary-color) !important;
}
.y-btn:hover{
    color: #FFD103 !important; 
    background-color: #fff !important;
    border-color: #FFD103 !important;
}
.bg-yellow-text{
    color: var(--primary-color);
    background-color: var(--secondary-color);
}
.btn{
    font-weight: 600;
    /*line-height: 1.2;*/
}
.btn i{
    margin-right: 4px;
}
.btn:hover, .btn:focus, .btn:active, .btn:first-child:active{
    color: #00ADCE;
    border: 1px solid #00ADCE;
    background-color: #fff;
}
.t-underline{
    position: relative;
    margin-bottom: 10px;
}
.t-underline:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 28%;
    height: 4px;
    background-color: var(--text-color);
    clip-path: polygon(0 25%, 100% 0, 100% 85%, 0 85%);
}
.abs-img{
    position: absolute;
    max-width: none;
    z-index: 2;
    max-height: 320px;
  }
  .oe-notice{
    text-align: center;
    padding: 5px 2px;
  }
  .notice-success{
    color: var(--quaternary-color);
  }
  .notice-error{
    color: rgb(235, 58, 58);
  }
  .wi-list-item .list-i{
    margin-top: 5px;
    height: 17px;
    width: auto;
    border-radius: 50%;
    -webkit-box-shadow: 0px -4px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -4px 14px -4px rgba(0,0,0,0.75);
    box-shadow: 0px -4px 14px -4px rgba(0,0,0,0.75);
    }
    .wi-list-item{
        display: flex;
        gap: 10px;
    }
.modal-content-title::after,
.content-title h2::after,
.content-title h2::after,
.footer-widget-title::after,
.footer-title::after, 
 .unerline-title::after{
    clip-path: polygon(0 25%, 100% 0, 100% 85%, 0 85%);  
}
.btn-parks{
    font-family: "Amatic SC",  sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding: 4px 15px;
    text-transform: uppercase;
    /*display: flex;
    column-gap: 5px;*/
  }
  /*.btn-green::after {
  content: '▼';
  margin-left: 5px;
  font-size: 16px;
}*/
  .btn-parks i{
    margin: 0 3px;
  }

  body.contact-page .navbar{
    box-shadow: 0px 5px 10px 0px rgb(185, 185, 185);
    opacity:1;
}

body.contact-page .navbar-collapse-1::after{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 100%;
    height: 20px;
    border-radius: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 5px 8px 0px rgba(158,158,158,1);
    -moz-box-shadow: 0px 5px 8px 0px rgba(158,158,158,1);
box-shadow: 0px 5px 8px 0px rgba(158,158,158,1);
}
.navbar-light .navbar-nav a{
    color:var(--text-color);;
    font-weight: 400;
}
.navbar-toggler:focus{
    color: var(--tertiary-color);
}

.header-info-phone{
    color:var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    font-family: "Amatic SC", sans-serif;
    text-align: center;
    margin-bottom: 5px;
}
.header-parks-btn{
    text-align: center;
}
.header-btn-wt{ 
    margin-top: 18px;
}
.header-parks-btn .park-status-info{
font-weight: 400;
margin-top:5px;  
}
.header-info-phone i{
    margin-right: 4px;
}
.contact-btn{
    color: var(--primary-color);
    background-color: #FFC500;
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
}
.title-f{
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
    
}
.bgp {
    background-image: url('../images/c-bg.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-bl{  
   background-image: url('../images/bg-bl.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.oe-parks-yellow-container{
    background-image: url('../images/sbg5.png');
    background-color: #f2ca73;
    position: relative;
}

.oe-parks-green-container{
    background-image: url('../images/sbg4.png');
    background-color: #84ae5c;
    position: relative;
    color: #fff;   
}

.oe-parks-violet-container{
    background-image: url('../images/sbgViolet.png');
     background-color: #6D4DA4;
    position: relative;
    color: #fff;   
}
.oe-parks-rose-container{
    background-image: url('../images/sbg2.png');
    background-color: #cc598f;
    position: relative;
    color: #fff;   
}
.oe-parks-rose-container-op{
    position: relative;
    color: #fff;  
}
.oe-parks-rose-container-op::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('../images/sbg2.png');
    background-color: #cc598f;
    opacity: .99;
    content: "";
    z-index: -1;
}
.b-bg{
    background-image: url('../images/b-bg.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bp-bg{
    background-image: url('../images/bp-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cbg-1{
    background-image: url('../images/c-bg-1.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
footer .title-f{
    font-size: larger;
}
footer .bottom-links-section{
    background-color: #fff; 
}
footer .footer-bottom-info{
    font-size: 16px;
  }
.page-template-block-width-page .site-content{
  background-position: left top;
  }
.btn-white{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
footer .map-f-section{
    position: relative;
  }
  footer .map-f-section-icon{
    position:absolute;
    top: 20%;
    left: -13px;
  }
footer .social-media-icons{
    margin-top: 1.8rem;
}
footer .social-media-icons .dashicons{
    margin-right: 18px;
}
footer .social-media-icons i, footer .social-media-icons .dashicons{
    font-size: 2.5em;
}
footer .parks-map iframe{
height: 330px;
width:100%;
margin-top: -68px;
}
 footer  .parks-map{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
.footer-widget{
line-height: 1.2;
}
.footer-widget-1{
    text-align: left;
    max-width:29%;
}
footer .schedule-field{
   max-width: 218px;
}
.schedule-field span:first-child{
    margin-right: 3px;
    /*display: flex;
    gap: 5px;
    justify-content: center;*/
}
.content-title h2{
    position:relative;
    margin-bottom:15px;
}


.content-title h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 140px;
    height: 4px;
    background-color: var(--primary-color);
}
.content-title{
    text-align: center;
    padding: 20px 0;
    position: relative;
}
.content-title p{
    margin-top: 10px;
}
.choose-park-btn{
padding: 4px 46px;
font-size: 20px;
font-weight: 700;
}
.choose-park-btn i{
    margin-right: 10px;
 }


/*modal css*/
body.modal-open {
    overflow: hidden; 
}
#myModal .modal-content{
    position: absolute;
    width: 45px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      padding: 30px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      width: 996px;
      max-width:87%;
      min-height: 500px;
      border: 8px solid #fff;
      background-image: url('../images/sbgViolet.png');
       background-color: #6D4DA4;
      color: #fff;
     
    }
   .modal-content .parks-map{
      margin-top: 7px;
      padding: 7px;
      background-color: #fff;
        width: 100%;
    overflow: hidden;
    border-top: 7px solid #fff;
  
    }
    .modal-content .parks-map iframe{
         height: 415px;
        width:100%;
        margin-top: -78px;
    }
  .parks-map iframe{
      vertical-align: middle;
     
    }
  
   .modal-content-title{
      position: relative;
    }
    .modal-content-title h3{
      font-size: 36px;
    }
    .modal-content-title::after{
      content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 22%;
    height: 4px;
    background-color: #fff; 
    }
    .modal-content-title img{
      margin-bottom: -21px;
      position: absolute;
      left: 13%;
      bottom: 0%;
      width: 71px;
      height: auto;
    }
    .modal-content .content{
      text-align: center;
    }
    .modal-content .content hr{
      width:170px;
      height:4px;
      background-color:#fff;
    }
    .map{
      background-color: #fff;
      padding: 8px;;
    
    }
    .map img{
      height: 100%;
    width: 100%;
    object-fit:cover;
    }
    .modal-content .close{
      position: absolute;
     right: -23px;
      top: -23px;
      color: #734C9E;
    }
    .modal-content  .search-container i{
       color: var(--text-color);
    }
    .modal-content .close i{
      font-size: 34px;
    }
    .modal-content .wrap{
        display:flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    .modal-content .wrap div{
      /*width: 100%;*/
    }
  
    .park-list-modal {
      overflow: auto;  
      width:45%;
      /*display:none;*/
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
  }
  
  .modal-column-title{
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
    font-size: 24px;
  }

  #park-search-form .search-container{
    margin-top: 5px;
   
}
#park-search-form .search-container {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    margin: 0 auto;
    position: relative;
    column-gap: 10px;
    justify-content: space-between;
}

#park-search-input {
    flex: 1;
    padding: 3px 10px 3px 30px;
    border: 1px solid #ccc;
    font-weight: 200;
    border-radius:0;
}
.input-icon{
    position: absolute;
    left: 10px;
}

#park-search-submit {
    padding: 10px;
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
    color: white;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

#park-search-submit i {
    font-size: 16px;
}


.park-search-form-container .search-results-container {
    margin: 0 auto;
    margin-right: 14px;
    padding-right: 23px;
    overflow-y: auto;
    max-height: 288px;
    /*max-height: 356px;*/
    margin-top: 10px;
}
.child-site .modal-content .parks-map iframe{
   /* height: 432px;*/
    height: 500px;
    margin-top: -78px;
}
.current-park-modal-info {
    margin-top: 6px;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
}
.current-park-modal-info .park-info-t{
    margin-left: -55px;
}
.current-park-modal-info .park-icon{
    margin-top: 16px;
}
.search-results-container  .park-info{
    flex: 1 1 auto;
}
.search-results-container .park-action{
    flex: 0 0 120px;
}
.park-search-form-container .m-location{
    flex: 0 1 42px;
}
.park-search-form-container .park-icon{
    flex: 0 0 50px;
}

.park-search-form-container .park-item {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 3px 10px;
    column-gap: 5px;
    justify-content: space-between;
}

.park-search-form-container .park-info h6{
    text-align: left;
    margin:0;
}

.park-search-form-container .park-icon img {
    width: 50px;
    height: auto;
    margin-right: 20px;
}

.park-search-form-container .park-info {
    /*flex: 1;*/
}
.park-search-form-container .park-info p{
    margin:0;
    font-size: 14px;
}

.park-search-form-container .park-action .choose-park-button {
    background-color: #FFC500;
    font-size: 16px;
    font-family:"Amatic SC", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

.park-search-form-container{
    /*remove
    background-image: url('<?php //echo OE_PARKS_URL; ?>/assets/images/sbgViolet.png');*/
    color: #fff;
    text-align: left;
}

.search-results-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 6px;
    height: 30px;
}

.search-results-container::-webkit-scrollbar {
    width: 12px;
    border: 1px solid #fff;
    border-radius: 6px;
    height: 80%;
}

/* main bunner */

.main-slider .swiper-container {
    width: 100%;
    /*height: 700px;*/
    overflow: hidden;
}

.main-slider .swiper-wrapper {
    height: 38em;
}

.main-slider .swiper-slide {
    background-size: cover;
    background-position: center;
    display: flex !important;
    justify-content: center;
    align-items: end;
    position: relative;
}

.main-slider .slide-content {
    margin-bottom: 100px;
    text-align: center;
    color: #fff;
    z-index: 10;
    width: 100%;
}

.main-slider .slide-overlay {
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    max-width: 500px;
}

.main-slider .slide-overlay h2 {
    font-size: 54px;
    margin-bottom: 0px;
}

.main-slider .slide-overlay p {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

/*.main-slider  .slide-overlay .button {
        display: inline-block;
		background-color: #00ADCE;
		color: #fff;
		padding: 2px 30px;
    }

   .main-slider .slide-overlay .button i {
        margin-right: 10px;
    }*/
.video-container{
    width:100%; 
    max-height: 32em;
    overflow: hidden;
}
.video-wrapper {
    width: 100%;
  
    padding-bottom: 56.25%;  /*Соотношение сторон 16:9 */
    position: relative;
}

.video-wrapper iframe, 
.video-wrapper object, 
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-content{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; /* Цвет текста */
    z-index: 10;
}
.news-slide-background {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    filter: blur(10px); 
    z-index: 1; 
}

.news-slide-content {
    position: relative;
    z-index: 2; 
    margin-top: 50px;
}
.news-slide-content img{
    max-width: 100%;
    width: 441px;
}
/* Google map*/

.i4ewOd-pzNkMb-haAclf{
    display: none !important;
}

/* main */
.main-slider .oe-parks-container {
    position: relative;
}

.header-pictos {
    position: relative;
    text-align: right;
}

.header-pictos-wrap {
    display: flex;
    position: absolute;
    right: 0;
    z-index: 33;
    top: -42px;
    justify-content: flex-end;
    column-gap: 5px;
}

.header-pictos-wrap img {
    width: 80px;
    height: auto;
}

section.social-media .content {
    text-align: center;
    padding: 14px 0;
    color: #fff;
    position: relative;
}

section.social-media img.leon-img {
    height: 33em;
    position: absolute;
    bottom: 30px;
    z-index: 33;
    /*left: -27px;*/
    left: 0;   
}
.tarifs-page section.social-media img.leon-img{
    max-height: 459px;
}
.anniversaires-page section.social-media img.leon-img{
    left: -6%;
    height: 31em;
}
.inst-icon-text{
    height: 20px;
}

section.social-media .content h4 {
    font-family: 'Dosis';
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
}

section.social-media .content p {
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 12px;
    text-align: center;
    line-height: 1;
}
section.social-media .content ul{
    margin-bottom: 0;
}

section.news-cards,
section.choose-park-main{
    padding-bottom: 30px;
    background-image: url('../images/c-bg.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.schedule-main h4{
    font-family: var(--second-font);
}
section.schedule-main{
    padding: 12px 0 20px;
}
section.schedule-main img{
    max-height: 350px;
    width: auto;
}
.schedule-main-img{
    position: relative;
       }
section.schedule-main .schedule-field{
    font-weight: 600;
}
section.concept-section {
    background-image: url('../images/b-bg.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 500px;*/
}

.schedule-main .schedule-main-btns .btns-wrap{
    width: 120%;
    text-align: center;
}
.social-media-icons ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    column-gap: 15px;
    margin-right: 2%;
   
}

.social-media-icons i,
.social-media-icons .dashicons {
    font-size: 1.4em;
    color: #fff;
}

.social-media-icons .dashicons {
    margin-right: 2px;
}

.concept-section .content-title {
    height: 141px;
    padding: 2px 50px;
    vertical-align: middle;
}

.concept-section .content-title h4 {
    font-size: 44px;
    text-align: center;
    float: left;
}
.concept-section .content{
    height: 292px;
}
.concept-section .concept-img {
    bottom: -70px;
    z-index: 2;
    right: -50px;
}

.concept-section .concept-img img {
    height: 470px;
    width: auto;
}
.first-carousel-item .content p{
    padding-right: 55px;
}
.concept-section .carousel-inner {
    overflow: visible;
}
.concept-section .oe-parks-rose-container .container{
    gap: 1rem;
}
.concept-section .oe-parks-rose-container .container .col-lg-6{
    gap: 1.5rem;     
    padding-left: 1rem;
   }
   .concept-section .oe-parks-rose-container .container .col-lg-6 img{
height: 80px;
   }
.more-btn {
    line-height: 1;
    font-size: 24px;
    background-color: #FFC500;
    font-family: "Amatic SC", sans-serif;
}
.concept-section .carousel{
    overflow: hidden;
}
.concept-section .carousel-indicators [data-bs-target] {

    border-radius: 50%;
    width: 14px;
    height: 14px;
    border: none;
    border: 2px solid #00ADCE;
}

.concept-section .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: transparent;
}

.concept-section .carousel-dark .carousel-indicators [data-bs-target].active {
    background-color: #00ADCE;
}

.concept-section .carousel-indicators {
    bottom: 56px;
    margin-right: 45%;
}


section.choose-park {
    z-index: 2;
    margin-top: -22px;
    overflow: visible;
    position: relative;
    margin-bottom: -19px;
}

.concept-section .snack-img-left {
    height: 400px;
    width: auto;
    bottom: -45px;
    z-index: 2;
    left: 0;
}

.concept-section .snack-img-right img {
    height: 240px;
    width: auto;
}

.concept-section .snack-img-right {
    bottom: -45px;
    z-index: 2;
    right: 35px;
}
section.activities .content-title {
    max-width: 740px;
    margin: 0 auto;
}
section.activities .content-title h2 strong:first-child{
    color: var(--quaternary-color);
}
section.activities .content-title h2 strong:nth-child(2){
    color: var(--tertiary-color);
}

.container-activities {
    padding: 20px;
    border: 4px solid white;
    color: white;
    text-align: center;
    position: relative;
    font-size: 20px;
    max-width: 320px;
    margin: 0 auto 20px auto;
}

.header-step {
    display: flex;
    flex-direction: column;
    text-align: left;
    /*max-width: 135px;*/
    width: fit-content;
    margin: 0 auto 10px auto;
}

.header-step-3 {
    max-width: 183px;
}

.header-step span:nth-child(2) {
    font-size: 54px;
}
.header-step-1 span:nth-child(2) {
    color: var(--secondary-color);
}
.header-step-2 span:nth-child(2) {
    color: var(--tertiary-color);
}

.header-step-3 span:nth-child(2) {
    color: var(--primary-color);
}

.header-step span:nth-child(3) {
    font-family: var(--second-font);
    font-size: 18px;
    margin-left: 20px;
}

.container-activities ul {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
    margin: 0 auto;
    /*add*/
    display: table;
}

.container-activities ul li {
    margin-bottom: 5px;
    color: white;
    font-weight: 400;
    line-height: 1.1;
}

.container-activities ul li::before {
    content: '+';
    color: var(--quaternary-color);
    font-family: 'GroBold', sans-serif;
    background-color: white;
    border-radius: 50%;
    padding: 0 4px;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    font-size: 17px;
    font-weight: 900;
    display: inline-block;
}

.act-2 ul li::before {
    color: var(--tertiary-color);
    /* Цвет маркера во втором контейнере */
}
/* new */
.act-1{
    background-color: var(--tertiary-color);
    min-height: 350px;
}
.act-2{
background-color: var(--secondary-color);
min-height: 400px;
}
.act-3{
    background-color: var(--quaternary-color);
    min-height: 390px;
    }
    /**/
.btn-activities-1 {
    background-color: var(--secondary-color);
}

.btn-activities-2 {
    background-color: var(--tertiary-color);
}

.btn-activities-3 {
    background-color: var(--quinary-color);
}
/*add*/
.row-activities{
    align-items: flex-start;
}
.row-activities>.col {
    padding: 20px 30px;
}

.btn-activities {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 180px;
    width: 80%;
    font-family: var(--primary-font);
    line-height: 1.2;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10%;
}

.btn-activities span {
    flex-grow: 1;
    text-align: center;
}

.btn-activities i {
    margin-left: auto;
}
.birthday-section .birth-img-left{
    height: 396px;
    width: auto;
    max-width: none;
    bottom: -16%;
    left: -3%;
    z-index: 3;
}
.birthday-section  .birth-img-right{
    height: 340px;
    width: auto;
    max-width: none;
    right: 5%;
    bottom: -21%;
    z-index: 2;
}
.birthday-btn{
    position: absolute;
    bottom: -50%;
    left: 45%;
    transform: translateX(-50%);
    line-height: 1.2;
    max-width: 350px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2%;
    width: 100%;
    z-index: 2;
}
.birthday-btn span {
    flex-grow: 1;
    text-align: center;
}
.birthday-btn i{
    margin-left: auto;
}
.birthday-section .birth-text{
    margin: 10px 0 40px;
}
.birthday-section .content-title h3::after{
    background-color: #fff;
    width: 19%;
}
.birthday-section .content-title{
    padding-bottom: 10px;
}
/*price card*/
.price-card {
    border-radius: 46px;
    padding: 15px;
    text-align: center;
    margin-bottom: 10px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 194px;
    margin: 0 auto 10px;
    color: #fff;
    position: relative;
  }
  .price-card h4{
    font-size: 34px;
  }
  h4{
    margin-bottom: 0;
    line-height: 1;
  }
  .price-card h2, .price-card-price h4{
    font-family: var(--second-font);
  }
  .price-card h3{
    margin-bottom: 0;
  }
  .price-card p{
    font-size: 14px;
    line-height: 1;
  }
  .price-card-price{
    display: flex;
    gap: 3px;
    justify-content: center;
    align-items: center;
   
  }
  .price-card-bottom{
    margin-top: auto;
  }
  .cp2 span{
    font-size: 19px;
    line-height: 1;
  }
  .price-card-price h2{
    line-height: 1;
    font-weight: 600;
    font-size: 44px;
  }
  .price-card-price h4 {
    font-size: 30px;
    text-align: left;
    line-height: 0.8;
}
  .price-card .btn {
    background-color: #fff;
    margin: 0px auto 0;
    line-height: 1.2;
    padding: 0;
    width: 101px;
  }
  .bottom-shadow{
position: relative;
  }

  .price-card::after, 
  .bottom-shadow::after{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 80%;
    height: 20px;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: -1;
    box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.2);
}
.single-oe-news section.news-cards{
    margin-top: 100px;
}
#signup-content{
    margin-top: 150px;
}
iframe#promo-video{
   width: 100%; 
     border: none;
     pointer-events: none;
     position: absolute;
     max-width:100%; 
     height:auto; 
     aspect-ratio:16/9;
     object-fit: cover;

}
/*Extra small devices ~ Phones (< 768px)
Small devices ~ Tablets (>= 768px)
Medium devices ~ Desktops (>= 992px)
Large devices ~ Desktops (>= 1200px)*/

@media (max-width: 768px){
    .abs-img{
        max-height: 150px;
    }
    .main-slider .slide-overlay h2{
        font-size: 32px;
    }
    h2{
        font-size: 32px;
    }
    h3 {
        font-size: 28px;
    }
    h4{
        font-size: 23px;
    }
    h5 {
        font-size: 18px;
    }
       /* choose parks popup*/
    #myModal .modal-content{
        padding: 10px;
        top: 80%;
    }
    .modal-content-title img{
        /*left: 0;
        bottom: -50px;*/
        left: 17px;
        bottom: -55px;
        width: 50px;
    }
      .header-widget-1{
        /*position: absolute;
        left: 49%;*/
         flex: 1 0 33%;
         margin-right: 5px;
    }
     /*.child-site .header-widget-1{
        left: 40%;
        transform: translateX(7%);
        z-index:-1;
    }*/
     .site-logo img {
        max-width: 153px;
    }
      .header-parks-btn .park-status-info{
        font-size: 12px; 
    }
    .btn-parks{
        font-size: 18px;
        padding: 4px 10px;
    }
     .modal-content .parks-map iframe,
    .child-site .modal-content .parks-map iframe{
        height: 300px;
    }
    .current-park-modal-info .park-info-t{
        margin-left: -39px;
    }
    .parks-list .modal-column-title{
        margin-top: 20px;
    }
    .park-search-form-container .park-icon img{
        width: 38px;
        height: auto;
    }
    .park-search-form-container .park-icon {
        flex: 0 0 38px;
    }

    .search-results-container .park-action{
        flex: 0 0 100px;
    }
    .navbar-overlay{
        margin-top: 0;
        /*padding: 8px 10px;*/
    }
    .navbar-overlay .site-logo.d-block.d-lg-none{
         flex: 0 1 158px;
    padding-left: 6px;
    }
    .navbar-overlay .navbar-toggler{
        margin-right: 10px;
         flex: 0 1 50px;
         padding: 4px 7px;
    } 
    .video-container{
        height:auto;
    }
    .choose-park-btn{
        padding: 1px 10px;
        font-size: 15px;
    }
    .choose-park-btn i{
        margin-right: 2px;
    }
    section.social-media .content{
        padding-top: 25px;
    }
    section.social-media img.leon-img{
        height: 128px;
        bottom: 72%;
        left: 0;
    }
    .anniversaires-page section.social-media img.leon-img{
        left: -4%; 
        height: 135px;
    }
      .main-slider .swiper-wrapper{
        height: 380px;
    }
    .main-slider .slide-content{
        margin: 40px 0;
    }
    .main-slider .slide-overlay p{
        font-size: 12px;
    }
    .header-pictos-wrap{
        top: -28px;
        right: 2%;
    }
    .header-pictos-wrap img{
        width: 50px;
    }
    section.social-media .content p{
        font-size: 1em;
    }

    footer .bottom-widgets-container{
        column-gap: 0px !important;
    }
    footer .bottom-widgets-container .footer-widget{
        flex: 1 0 0%;
        min-width: 44%
   
    }
   body.child-site footer .bottom-widgets-container .footer-widget{
	min-width: 39%;
        width: 218px;
        max-width: 100%;
        margin-right: 0.1rem !important;
        margin-left: 0.1rem !important;
        padding: 5px !important;
	}
    footer .custom-html-widget{
        font-size: 15px;
    }

    footer .social-media-icons i{
        font-size: 1.5em;
    }
    footer .bottom-widgets-container .footer-widget .btn {
    padding: 2px 10px;
   }
   footer .bottom-widgets-container .footer-widget .bold{
    font-size: 16px;
   }
   footer .footer-widget-1 .btn-white{
font-size: 11px;
}
  footer .map-f-section-icon{
        top: -24%;
        left: 2%;
    }
    footer .map-f-section-icon img{
        width: 69px !important;
    }
    footer .footer-bottom-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    }
   .birthday-section  .birth-img-right{
    height: 110px;
    bottom: -4%;
   }
   .birthday-btn{
    bottom: -155px;
    left: 50%;
   }
   .birthday-section .birth-img-left{
    height: 135px;
    left: 0;
    bottom: -8%;
   }
   .birthday-section .birth-text{
    margin-bottom: 100px;
   }
   .schedule-main .schedule-main-btns .btns-wrap{
    width: 100%;
   }
   .schedule-main-img{
       position: inherit;
   }
   section.schedule-main img{
    max-height: 150px;
    position: absolute;
    top: 14%;
    right: 0;
   }
   .schedule-main .content{
    flex-direction: column-reverse;
   }
   .schedule-main .schedule-main-btns .btns-wrap{
    width: 100%;
   }
   .concept-section .content-title{
    padding: 0;
   }
   .concept-section .content-title .container{
    justify-content: center;
   }
   .concept-section .content-title h4{
    font-size: 29px;
   }
   .concept-section .concept-img img{
    height: 130px;
   }
   .concept-section .concept-img{
    right: -14px;
    bottom: -53px;
   }
   .concept-section .oe-parks-rose-container .container{
    gap: 0;
    justify-content: space-between;
   }
   .concept-section .oe-parks-rose-container .container .content-title-icons{
    column-gap: 10px;
    width: 34%;
    margin-left: 20px;
    
   }
   .concept-section .oe-parks-rose-container .container .content-title-icons img{
           height: 50px;
       }
.concept-section .snack-img-left{
        height: 133px;
        left: 10px;
        bottom: -38px;
       }
.concept-section .snack-img-right{
    right: 7px;
}
.concept-section .snack-img-right img{
    height: 90px;
}
.concept-section .oe-parks-rose-container .container .col-lg-6{
    padding-left: 0;
}
.concept-section .carousel-indicators {
    bottom: 48px;
    margin-left:0;
    margin-right: 0;
}
.first-carousel-item .content p{
    padding-right: 0px;
}
.concept-section .content{
    height: 322px;
}
.single-oe-news section.news-cards{
    margin-top: 50px;
}
#signup-content{
    margin-top: 38px;
}
iframe#promo-video{
    width: auto; 
    height:100%;
}
#video-container .promo-video-text{
    font-size: 14px;
}
#video-container #cta-button img{
    height:65px;
}
#video-container #cta-button{
    right:2%!important;
}
}
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: rgb(255 255 255);
        margin-top: -1px;
    }
}
@media (min-width: 992px){
    .schedule-main .schedule-main-btns .btns-wrap,
    .schedule-main .schedule-main-img img{
       position: absolute;/**/
    }
    .schedule-main .schedule-main-btns .btns-wrap{
        top: 26%;
        left: 0%;
    } 
    .schedule-main .schedule-main-img img{
        bottom: -36%;
    left: -5%;
    }
    .park-search-form-container .park-info h6{
        font-size: 18px;
    }
    .park-search-form-container .park-info p{
        font-size: 16px;
    }
   section.social-media .content h4{
        font-size: 32px;
    }
}