@font-face {
    font-family: Ovink_Regular;
    src: url(../../fonts/Ovink_Regular.otf) format("opentype");
    font-display: swap;
}

@font-face {
    font-family: Cinematografica-Light;
    src: url(../../fonts/Cinematografica-Light.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Anton-Regular;
    src: url(../../fonts/Anton-Regular.ttf) format("truetype");
    font-display: swap;
}

#toggle2, #toggle2_mob {
   z-index: 99;
}
#sidebarMenu {
   height: 100%;
   position: fixed;
   left: 0;
   width: 26%;
   transform: translateX(-625px);
   transition: transform 250ms ease-in-out;
   background: url(../../../assets/images/menusection-bg.png) no-repeat;
   z-index: 9;
   background-size: cover;
   padding: 100px 0;
   top: 0;
}
.sidebarMenuInner {
   margin: 0;
   padding: 0;
   text-align: left;
}
.sidebarMenuInner li {
   list-style: none;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold;
   padding: 15px 0;
   margin-bottom: 20px;
   cursor: pointer;
}
.sidebarMenuInner li span{
   display: block;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a {
    font: normal normal normal 42px/23px Anton-Regular;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

.sidebarMenuInner li a.active {
   border-bottom: 2px solid #fff;
}

.sidebarMenuInner li a.active2 {
   border-bottom: 2px solid #fff;
}

input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
   transform: translateX(0);
}
input.openSidebarMenu[type=checkbox] {
   transition: all 0.3s;
   box-sizing: border-box;
   display: none;
}
.sidebarIconToggle {
   transition: all 0.3s;
   box-sizing: border-box;
   cursor: pointer;
   height: 22px;
   width: 22px;
   opacity: 1;
   background-color: transparent;
   position: fixed;
   z-index: 2;
   top: 40px;
   left: 30px;
   border: none;
}
/*.spinner {
   transition: all 0.3s;
   box-sizing: border-box;
   position: absolute;
   height: 3px;
   width: 100%;
   background-color: #fff;
}
.horizontal {
   transition: all 0.3s;
   box-sizing: border-box;
   position: relative;
   float: left;
   margin-top: 3px;
}
.diagonal.part-1 {
   position: relative;
   transition: all 0.3s;
   box-sizing: border-box;
   float: left;
}
.diagonal.part-2 {
   transition: all 0.3s;
   box-sizing: border-box;
   position: relative;
   float: left;
   margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
   transition: all 0.3s;
   box-sizing: border-box;
   opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
   transition: all 0.3s;
   box-sizing: border-box;
   transform: rotate(135deg);
   margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
   transition: all 0.3s;
   box-sizing: border-box;
   transform: rotate(-135deg);
   margin-top: -9px;
} */
.sidebarMenuInner {
}
ul.menu-social1 li {
   display: inline-block;
   margin-bottom: 0;
   padding: 0px 30px 0 0;
}

ul.sidebarMenuInner {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/* .open main {
   transform: scale(1) !important;
} */
.open nav {
   height: auto !important;
}
.nav_head {
   z-index: 99 !important;
}
.body-bg1 {
    position: relative;
    background-color: #00af9a;
}
 .body-bg1:before{
   content:'';
   display: block;
   position: fixed;
   width:100%;
   height:100vh;
   top:0;
   bottom:0;
   left:0;
   right:0;
   background: url(../../../assets/images/pattern.png);
   animation: slide 5s linear infinite;
   background-size: cover;
   z-index: -9;
 }
 
 @keyframes slide {
 0% {
   transform: translate(0);
 }50% {
   transform: translate(1%);
 }
 100% {
   transform: translate(0); /* The image width */
 }
}
 
 .be-the-first-section:not(.body-bg1) {
   background-color: #000;
   position: relative;
   margin: -30px 0 -12px;
}
.be-the-first-section .fest-img {
   margin-bottom: -50px;
}
.festival-sec-text h2 {
   font: normal normal 500 46px/25px CCShake;
   letter-spacing: 0px;
   color: hsl(0, 0%, 0%);
   opacity: 1;
   padding-bottom: 10px;
   line-height: 1;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.festival-sec-text p {
   font: normal normal normal 20px/21px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
   line-height: 1.1;
}
.festival-sec-text {
   position: relative;
   padding: 30px 0 50px;
   z-index: 1;
   display: flex;
   justify-content: center;
   align-self: center;
   align-items: center;
   width: 100%;
}

.heart-sec-text p, .festival-sec-text p {
   width: 80%;
margin: 0 auto;}

.bg-grey-patch:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -9;
   background-image: url(../../../assets/images/bg-grey.png);
   background-size: contain;
   background-repeat: repeat;
}

.countersec.bg-grey-patch:before {
   background-size: cover;
   background-repeat: no-repeat;
}

.btn.read-more-btn {
   position: absolute;
   bottom: auto;
   z-index: -9;
   transition: all 0.5s ease;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   bottom: -80px;
   right: 0;
   text-align: center;
}

.btn.read-more-btn img {
   max-width: 179px;
}

.btn.read-more-btn.stay-updated-btn {
   bottom: -80px;
}

.img-fluid{
   max-width: 100%;
}
.pb-0{
   padding-bottom: 0;
}
.pt-5{
   padding-top: 3.5em;
}
.coming-soonbtn img {
   max-width: 160px;
}

.heart-sec-text h2 {
   font: normal normal 500 46px/25px CCShake;
   letter-spacing: 0px;
   color: hsl(0, 0%, 0%);
   opacity: 1;
   padding-bottom: 10px;
   line-height: 1;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.heart-sec-text p {
   font: normal normal normal 20px/21px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
   line-height: 1.1;
}
.heart-sec-text {
   position: relative;
   padding: 30px 0 50px;
   z-index: 1;
   display: flex;
   justify-content: center;
   align-self: center;
   align-items: center;
   flex-direction: column;
   width: 100%;
   height: auto;
   top: -5px;
}

.btn.read-more-btn.coming-soonbtn {
   bottom: -80px;
}
.festival-section .fest-img {
   margin-bottom: -30px;
}
.heart-section .fest-img {
   margin-bottom: -90px;
}
.be-the-first-section .fest-img {
   margin-bottom: -70px;
}

/*Subscribe-section Start*/
section.subscribe-section {
   padding: 0;
}
.tour-text {
   position: absolute;
   top: 15%;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   text-align: center;
}
.take-a-tour {
    position: relative;
    z-index: 0;
    margin-top: 20px;
    text-align: center;
}
.tour-text h4 {
    opacity: 1;
    padding: 0;
    margin: 0 0 8px;
    font-family: aktiv-grotesk-bold;
}
.tour-text p {
    width: 430px;
    text-align: center;
    font-size:  16px ;
	line-height: 21px;
    letter-spacing: 0px;
    color: #282420;
	font-weight: bold;
	font-family: aktiv-grotesk-medium;
    margin: 0 auto;
}

.p-0{
   padding: 0;
}
.no-margin {
   margin: 0;
}
/*Subscribe-section End*/

/*Footer Start*/
.col-centered{
   float: none;
   margin: 0 auto;
}

.footer-social ul li {
    display: inline-block;
    padding: 30px 5px 15px;
}
.footer-social ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
footer#footers h3 {
    font: normal normal 20px/21px aktiv-grotesk-bold;
    letter-spacing: 0.62px;
    color: #000000;
    opacity: 1;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
footer#footers .footer-menu ul li a {
    font: normal 500 16px/21px aktiv-grotesk-medium;
    letter-spacing: 0.4px;
    color: #000000;
    opacity: 1;
    font-weight: bold;
}
footer#footers ul.bran-ico {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
    grid-column-gap: 30px;
    margin: 10px 0 0;
    text-align: center;
}
#footers .footer-menu-bottom ul li a{
   font: normal 500 14px/24px aktiv-grotesk-medium;
   letter-spacing: 0.4px;
    font-weight: bold;
   color: #000000;
   opacity: 1;
   font-weight: 500;
}

.partners p {
    text-align: center;
    margin: 20px 0 0;
    font-family: 'aktiv-grotesk-medium';
    font-weight: 700;
    font-size: 14px;
}

a.nav-link.btn_tickets_banner {
    background: #e4364e;
    color: #fff;
    font-family: 'aktiv-grotesk-bold';
    padding: 15px 40px;
    right: 50px;
    position: relative;
    border-radius: 6px;
}



#footers .footer-menu-bottom ul li {
    display: inline-block;
    padding: 0 10px;
}
#footers .footer-bottom {
   padding: 30px 0;
}
.w-100{
   width: 100%;
}
#footers {
    padding: 220px 0 0;
    position: relative;
    z-index: 9;
}
.footer-social ul li a {
   height: 60px;
   width: 60px;
   line-height: 80px;
   display: block;
   background: transparent;
   border-radius: 50px;
   transform: scale(0.9);
}
/* .footer-social ul li a.instagram {
   width: 36px;
   line-height: 80px;
   display: block;
   border-radius: 50px;
   transform: scale(0.9);
   background-image: url(../../images/instagram-logo-black.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   background-color: transparent;
}*/
.footer-social ul li a.instagram img{
   vertical-align: baseline;
} 
.footer-social ul li a.instagram:hover img {
   content: url(../../images/instagram-hover-icon.svg);
   width: 50px;
   height: 50px;
   margin-top: 3px;
}
.footer-social ul {
   justify-content: center;
}
.footer-social ul li a:hover {
   position: relative;
   z-index: 2;
   height: 60px;
   width: 60px;
   line-height: 80px;
   display: block;
   box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
   border-radius: 50%;
   text-align: center;
   transition: all 0.4s ease;
   padding: 0;
   margin: 0;
   transform: scale(1.1);
}
/* a.instagram:hover svg {
   fill: url(#rg);
} */
a.facebook:hover svg {
   fill: #3B5999;
}
a.twitter:hover svg {
   fill: #46C1F6;
}
a.youtube:hover svg {
   fill: #de463b;
}
/*Footer End*/
.btn.read-more-btn:focus, .btn.read-more-btn:hover,a.sign-up-btn:hover,a.sign-up-btn:focus,a.take-tour-btn:hover,a.take-tour-btn:focus  {
   box-shadow: none;
   outline: none;
}
.btn.read-more-btn:focus, .btn.read-more-btn:hover,a.sign-up-btn:hover,a.sign-up-btn:focus,a.take-tour-btn:hover,a.take-tour-btn:focus  {
   box-shadow: none;
   transform: scale(0.9);
}


/*Index page css End*/

/*Legacy page CSS Start*/
.banner-title {
   text-align: center;
   font: normal normal 100 103px/18px Cinematografica-Light;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-shadow: 2px 2px 0px #00000059;
   opacity: 1;
   display: block;
   padding: 17px 0;
   margin-top: 40px;
   margin-bottom: 30px;
}
img.sticky2{
      position: fixed;
   z-index: 4;
   top: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
}
.W40{
   width: 40%;
}
section.lagecy-banner-section {
   padding: 16% 0 20px;
}
.note-patch-bg-sec p {
   color: var(--unnamed-color-000000);
   text-align: center;
   font: normal normal normal 19px/21px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   padding: 30px;
}
.note-patch {
   background: url(../../../assets/images/note-patch1.svg);
   background-position: center top;
   background-size: contain;
   background-repeat: no-repeat;
   margin-bottom: -35px;
   z-index: -9;
   position: relative;
}
/* .lagecy-banner-section .carousel-inner {
   position: absolute;
   width: 100%;
   background: url(..);
} */
.lagecy-banner-section{
   position: relative;
}

.lagecy-banner-section .carousel-inner{
   margin-top: 0;
}
.lagecy-banner-section .banner-cloud1, .lagecy-banner-section .banner-cloud2, .lagecy-banner-section .banner-cloud3, .lagecy-banner-section .banner-cloud4, .lagecy-banner-section .banner-cloud5 {
   position: absolute;
   top: 20.2%;
   max-width: 130px !important;
   left: 263px;
   z-index: 99;
   animation: wiggle 1000ms ease-in-out;
   animation-iteration-count: 2;
}
.lagecy-banner-section .banner-cloud1 {
   display: block;
   top: 23%;
   left: 20%;
}
.lagecy-banner-section .banner-cloud2 {
   left: auto;
   right: 22.1%;
   top: 175px;
   max-width: 200px !important;
}
.lagecy-banner-section .banner-cloud3 {
   display: block;
   top: 50%;
   left: 200px;
}
.lagecy-banner-section .banner-cloud4 {
   left: auto;
   right: 12%;
   max-width: 110px !important;
   top: 35%;
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
}
.lagecy-banner-section .banner-cloud5 {
   left: auto;
   right: 300px;
   top: 55%;
}

/*Legacy page CSS End*/
/*FAQ Page Start*/

.faq-w {
   margin-bottom: -50px;
}

.faq-wrapper .take-a-tour {
   z-index: 9;
}
.faq-wrapper .tour-text{
   z-index: 10;
}
.accordion{
   position: relative;
}

   .accordion__title {
       cursor: pointer;
       margin: 0;
       position: relative;
     }
     
     .accordion__icon {
       position: absolute;
       top: 50%;
       right: 24px;
       transform: translateY(-50%);
     }

     
     .accordion__icon .line-02 {
       transform: rotate(90deg);
     }

     .accordion__content {
       display: none;
     }
     
     .accordion--open > .accordion__title .line-02 {
       transform: rotate(0deg);
     }
     /* end Required CSS */
.accordion {
   margin-top: -1px;
   z-index: 3;
}
     
     .accordion__title {
       padding: 20px 16px;
       transition: 0.2s;
       color: #fff;
       font: normal normal normal 31px/34px CCShake;
       letter-spacing: 0px;
       color: #000000;
       opacity: 1;
       text-align: center;
   }
     
     .accordion__content {
       padding: 24px 16px;
     }
     
     .accordion__content p {
       margin: 0 0 16px;
       font: normal normal normal 18px/28px Ovink_Regular;
       letter-spacing: 0px;
       color: #000000;
       opacity: 1;
       text-align: center;
       padding: 0 150px;
   }
     
     /* .accordion__title:hover {
       color: #fff;
     } */
     
     
     
     /* .accordion--open > .accordion__title {
       color: #fff;
     } */
     
     .accordion--open > .accordion__title .line-01,
     .accordion--open > .accordion__title .line-02 {
       background-color: #fff;
     }
     
     .accordion--nested .accordion__title {
       padding: 5px;
       font-size: 14px;
       font: normal normal normal 20px/28px Ovink_Regular;
       letter-spacing: 0px;
       color: #000000;
       opacity: 1;
   }
     
     .accordion--nested .accordion__content {
       padding: 24px 16px 16px;
     }
    
   h4.accordion__title sup {
       font-size: 50px;
       top: -5px;
   }
   
   .accordion__content p.MT20 {
   margin-top: 50px;
}
   ul.notallowd sup {
   font-size: 20px;
   top: 0;
   font-weight: bold;
   padding-right: 10px;
   color: red;
}
   ul.alloweditems sup {
   font-size: 20px;
   top: 3px;
   font-weight: bold;
   padding-right: 10px;
   color: green;
}
section.faq-accord-section {
   margin-bottom: -130px;
   padding: 30px 0;
}
section.faq-sec {
   padding: 70px 0 0; 
}
   .faq-wrapper {
       background-attachment: fixed !important;
   }
   .faq-wrapper {
       position: relative;
   }
   section#banner-section {
       margin-bottom: -19em;
   }
   section.faq-accord-section .faq-bg-patch {
       background: url(../../images/faq-long-bg.svg) no-repeat;
       position: relative;
       background-size: auto;
       background-position: top;
       height: auto;
       top: 0;
       padding: 100px;
       resize: both;
       width: 100%;
   }
.col-md-12.col-centered.faq-bg-patch:after {
   content: '';
   position: absolute;
   width: calc(77.1%);
   height: 100%;
   left: 0.6%;
   margin: 0 auto;
   right: 0;
   bottom: -105px;
   background: url(../../images/faq-bottom1.svg);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: bottom center;
   resize: both;
   z-index: 1;
}
.accordion__content ul li {
       margin: 0 0 16px;
       font: normal normal normal 18px/28px Ovink_Regular;
       letter-spacing: 0px;
       color: #000000;
       opacity: 1;
       text-align: center;
       padding: 0 150px;
   }

/*FAQ Page End*/
footer.f1 {
   margin-top: -37px;
}

.fa1 .tour-text.text-center {
   top: 6%;
}
a.text-underline{
   text-decoration: underline;
}
.reg-ft a.facebook svg,.reg-ft a.twitter svg,.reg-ft a.youtube svg {
   margin-top: -20px;
}
.lagecy-banner-section .banner-title {
   margin-bottom: 10px;
}

/*home page changes*/
.characters_banner{
   display: block;
}
.home_characters.sponsors_poweredby{
   bottom: -195px;
}
.artist-lineup.lolla-is-here-homepage-sec {
   top: 13%;
}
.lolla-here-logo{
   position: relative;
}
.lolla-here-text {
   position: absolute;
   bottom: 3%;
   left: 0;
   right: 0;
}
.lolla-here-text h3{
   text-align: center;
font: normal normal 800 97px/97px Cinematografica;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 1px 5px 0px #00000029;
opacity: 1;
}



.popup-homepage {
   position: absolute;
   top: 40%;
   z-index: 3;
   left: 0;
   right: 0;
   width: 60%;
   margin: 0 auto;
}

.test-div {
   background: #fff;
   height: 60px;
   text-align: center;
   padding: 40px 0;
}
.full-width-container {
   transition: height 0.6s;
   width: 100%;
   height: 400px;
   margin: 0 auto;
}
.full-width-container.-expand {
   height: 100%;
}
.btn-close {
   display: none;
   position: absolute;
   top: 5%;
   right: 10%;
}
span.btn.btn-close.js-expand-close img{
   width: 70%;
}
.btn-read-more {
   display: block;
   text-align: center;
}
.expanding-blocks {
   display: grid;
   width: 100%;
   gap: 40px 50px;
   grid-template-columns: repeat(2,1fr);
   place-items: center;
}
.expanding-block {
   position: relative;
   will-change: width, height;
   transition: width 0.50s cubic-bezier(0.23, 1, 0.32, 1), height 0.50s cubic-bezier(0.23, 1, 0.32, 1);
   width: 65%;
}
.expanding-block.-expand {
   background: url(../../images/home/popup-banner-desk.svg);
   background-repeat: no-repeat;
   background-position: top center;
   background-size: 85%;
   width: 70%;
   height: 100%;
   z-index: 0;
   padding: 20px 30px;
   bottom: 0;
   left: 0;
   overflow: auto;
   position: fixed;
   right: 0;
   top: 20%;
   margin: 0 auto;
}
.fest-sch img {
   width: 100%;
   /* transform: scale(1);
   transition: all 0.6s ease-in-out; */
}
/* .fest-sch img:hover {
   transform: scale(1.1);
   transition: all 0.6s ease-in-out;
} */
.expanding-block.-expand .block-content {
   width: 950px;
   margin: 0 auto;
   animation: show_content 0.1s forwards 0.6s;
   opacity: 0;
   display: block;
   padding: 30px 50px;
}
.expanding-block.-expand .btn-close {
   display: inline-block;
}
.expanding-block.-expand .btn-read-more {
   display: none;
}
.expanding-block.-contract {
   transition: width 0.70s cubic-bezier(0.23, 1, 0.32, 1);
   width: 65%;
}
.expanding-block.-contract .block-content-container {
   display: none;
}
.expanding-block .js-expand-read-more.block-content-title h2:before {
   background: url(../../images/home/btn-bg.svg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   z-index: -1;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   transition: all 0.6s ease-in-out;
   transform: scale(1);
}
.expanding-block .js-expand-read-more.block-content-title h2:hover:before {
   transition: all 0.5s ease;
   transform: translateY(10px);
}
.-expand .expanding-block .js-expand-read-more.block-content-title h2:before{
   display: none;;
}
/* .expanding-block:nth-child(4){
   background-size: contain;
}
.expanding-block.-expand:nth-child(4){
   background-size: auto;
} */
.block-content {
   display: none;
}
.block-content-icon {
   display: block;
   margin: 30px auto 0;
   width: 50px;
   height: 50px;
   border-radius: 50%;
}
.block-content-title {
   color: #e35d5b;
   font-size: 14px;
   text-transform: uppercase;
   text-align: center;
}
.block-content-intro {
   width: 80%;
   margin: 0 auto;
   color: #3d72b4;
   text-align: center;
}
@keyframes show_content {
   0% {
       opacity: 0;
  }
   100% {
       opacity: 1;
  }
}

.block-content-title h2 {
   text-align: center;
   font: normal normal 47px/40px Cinematografica;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
   margin: 0;
   padding: 0;
   padding: 15px;
   cursor: pointer;
}
.owl-carousel-new-home1 .owl-dots button,.owl-carousel-new-home2 .owl-dots button,.owl-carousel-new-home3 .owl-dots button,.owl-carousel-new-home4 .owl-dots button,.owl-carousel-new-home5 .owl-dots button {
   height: 10px;
   width: 10px;
   background: transparent;
   display: inline-block;
   margin: 0 10px 0 0;
   border-radius: 100px;
   border: 1px solid #000;
}
.owl-carousel-new-home1 .owl-dots button.owl-dot.active,.owl-carousel-new-home2 .owl-dots button.owl-dot.active,.owl-carousel-new-home3 .owl-dots button.owl-dot.active,.owl-carousel-new-home4 .owl-dots button.owl-dot.active,.owl-carousel-new-home5 .owl-dots button.owl-dot.active {
   background: #000;
}
.owl-carousel-new-home1 .owl-dots,.owl-carousel-new-home1 .owl-nav,.owl-carousel-new-home2 .owl-dots,.owl-carousel-new-home2 .owl-nav,.owl-carousel-new-home3 .owl-dots,.owl-carousel-new-home3 .owl-nav,.owl-carousel-new-home4 .owl-nav,.owl-carousel-new-home4 .owl-dots,.owl-carousel-new-home5 .owl-nav,.owl-carousel-new-home5 .owl-dots {
   text-align: center;
}
.owl-carousel-new-home1 button.owl-prev,.owl-carousel-new-home2 button.owl-prev{
   position: absolute;
   left: 10%;
   bottom: -1%;
}
.owl-carousel-new-home3 button.owl-prev,.owl-carousel-new-home4 button.owl-prev,.owl-carousel-new-home5 button.owl-prev {
   position: absolute;
   left: 35%;
   bottom: -1%;
}
.owl-carousel-new-home3 button.owl-next ,.owl-carousel-new-home4 button.owl-next,.owl-carousel-new-home5 button.owl-next  {
   position: absolute;
   right: 35%;
   bottom: -1%;
}
.owl-carousel-new-home1 button.owl-next,.owl-carousel-new-home2 button.owl-next{
   position: absolute;
   right: 10%;
   bottom: -1%;
}
.owl-carousel-new-home1 .owl-stage-outer,.owl-carousel-new-home2 .owl-stage-outer,.owl-carousel-new-home3 .owl-stage-outer {
   margin-bottom: 15px;
}
.w-85{
   width:85% !important;
}
.owl-carousel-new-home3 .item picture img,.owl-carousel-new-home4 .item picture img,.owl-carousel-new-home5 .item picture img {
   width: fit-content !important;
   margin: 0 auto;
}
img.sticky1.item.active.home_desktop_date.W70.img-fixed {
   position: fixed;
   top: 10%;
   z-index: 9;
}
.display-desktop{
   display: block;
}
.display-mobile,.display-only-mobile{
   display: none;
}
.display-desktop.food-blo .item picture img,.wrist-blo .item picture img,.how-to-blo .item picture img{
   height: 407px;
   object-fit: contain;
}



/*Lolla For change Css Start*/
section.lagecy-banner-section.lolla-ban-sec {
   padding-top: 13%;
}
.lollaforchange-sec-top h2 {
   text-align: center;
   font: normal normal 103px/18px Cinematografica;
   /* letter-spacing: 0px; */
   color: #FFFFFF;
   text-shadow: 4px 4px 0px #000000;
   opacity: 1;
   margin: 60px 0;
}
.pic-of-wall_div {
   position: relative;
   margin-bottom: -6%;
   z-index: 2;
   margin-top: 3%;
}
.pic-img img {
  width: 570px;
}
.pic-of-wall_div h3 {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    text-align: center;
    text-align: center;
    font: normal normal 74px/60px Cinematografica;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 3px 3px 0px #000000d1;
    opacity: 1;
}
.lolla-forchange-wall-sec h3,.book-smile-title h3 {
   font: normal normal 58px/25px CCShake;
   letter-spacing: 0px;
   color: hsl(0, 0%, 0%);
   opacity: 1;
   padding-bottom: 10px;
   line-height: 1;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-align: center;
   padding-bottom: 30px;
}
.wall-sec-bg-patch1 .wall-sec-bg {
    max-width: 60%;
    margin: 0 auto;
    /* height: 100%; */
    z-index: 2;
    position: relative;
    margin-top: 50px;
}
.wall-sec-bg-patch .wall-sec-bg {
    max-width: 70%;
    margin: 0 auto;
    /* height: 100%; */
    z-index: 2;
    position: relative;
    margin-top: 50px;
}
.wall-sec-bg p {
   text-align: center;
   font: normal normal 18px/24px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}
.wall-sec-bg-patch1 .wall-sec-bg p {
   text-align: center;
   font: normal normal 20px/24px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}

.book-smile-title p{
   text-align: center;
   font: normal normal 20px/21px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}
section.lolla-forchange-wall-sec{
   margin-bottom: 0;
}
section.faq-accord-section .wall-sec-bg-patch {
   background: url(../../images/home/welcome-to.svg) no-repeat;
   position: relative;
   background-size: auto;
   background-position: top;
   height: 1164px;
   top: 0;
   padding: 80px;
   resize: both;
   width: 100%;
}
section.faq-accord-section .wall-sec-bg-patch1 {
    background: url(../../images/home/faq-banner-patch.svg) no-repeat;
    position: relative;
    background-size: contain;
    background-position: top;
    height: auto;
    top: 0;
    padding: 100px;
    resize: both;
    width: 100%;
}
.wall-trivia-sec {
   background-image: url(../../images/home/yellow-bg1.svg);
   background-repeat: no-repeat;
   width: 100%;
   background-size: cover;
}
section.yutube-vid {
    margin-top: -3%;
    position: relative;
}
.inclu-title{
  text-align: center;
    font: normal normal 103px/108px Cinematografica;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 4px 4px 0px #000000cc;
    opacity: 1;
}
section.inclusivity-sec {
    margin-bottom: 100px;
}
.inclu-title span{
  text-align: center;
    font: normal normal 103px/108px Ovink_Regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 4px 4px 0px #000000cc;
    opacity: 1;
}
.wall-trvia-title h3{
   text-align: center;
   font: normal normal 103px/18px Cinematografica;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}
.wall-triv-card {
   background-image: url(../../images/home/wall-triv-bg.svg);
   background-repeat: no-repeat;
   background-size: contain;
   display: flex;
   gap: 30px;
   padding: 40px;
   width: 100%;
   margin: 10px auto 0;
}
.btn.read-more-btn1 img {
   max-width: 179px;
   transition: all 0.5s ease;
}
.btn.read-more-btn1:focus, .btn.read-more-btn1:hover{
   box-shadow: none;
   transform: scale(0.9);
   transition: all 0.5s ease;
}
.wall-triv-card-text h3 {
   font: normal normal 67px/67px Cinematografica;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-transform: uppercase;
   opacity: 1;
   margin: 0;
}
.wall-triv-card-text p, .wall-triv-card-text span.read-more-content {
   text-align: left;
   font: normal normal 18px/22px Ovink_Regular;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
}
.wall-trvia-title {
   padding-bottom: 50px;
}
.btn-read-center{
   width: 100%;
   margin: 30px auto;
}
div.human-stories{
   text-align: center;
}
.human-stories .pic-img img{
   width: 40%;
}
.human-stories h3 {
    font: normal normal 103px/60px Cinematografica;
}
div.human-stories .pic-img {
   margin-bottom: -10%;
   position: relative;
   z-index: 0;
}
.hide {
   display: none;
 }
 .wall-triv-card img {
   object-fit: contain;
   width: 35%;
}

.wall-triv-card-text {
   width: 60%;
   height: 250px;
   word-wrap: break-word;
 }
.wall-triv-card-text span {
   font: normal normal 70px/22px Ovink_Regular;
}
.moreless-button img {
   max-width: 179px;
}
.read-more{
	display: inline-block;
	margin-top: 8px;
}
.human-stories-div .human-stories {
   margin-top: -25%;
}
.cards-all-grp {
   padding-bottom: 200px;
}
.book-a-smile-sec {
   position: relative;
   padding: 30px 0 70px;
}
.book-a-smile-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 340px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -9;
    background-image: url(../../../assets/images/bg-grey.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.owl-carousel2 {
   display: flex !important;
   align-items: center;
   justify-content: center;
   height: 100%;
}
.string-art .owl-carousel2:after {
   position: absolute;
   content: '';
   right: auto;
   left: auto;
   align-items: center;
   background: url(../../../assets/images/home/vertical-strips.svg) no-repeat;
   z-index: 1;
   width: 740px;
   height: 100px;
   background-position: top center;
   top: -10%;
}
.owl-carousel2 .owl-dots {
   position: absolute;
   bottom: -20px;
}
.owl-carousel2 .owl-dots button.owl-dot.active {
   background: #fff;
}
.owl-carousel2 .owl-dots button {
   height: 10px;
   width: 10px;
   background: transparent;
   display: inline-block;
   margin: 0 10px 0 0;
   border-radius: 100px;
   border: 2px solid #fff;
}
.string-art h2{
   text-align: center;
   font: normal normal 103px/108px Cinematografica;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-shadow: 4px 4px 0px #000000CC;
   opacity: 1;
   padding-bottom: 80px;
}
.string-art{
   padding-top: 50px !important;
}
.wall-triv-card.card-height-wall {
   background-image: url(../../images/home/wall-triv-bg1.png);
   background-size: cover;
   width: 100%;
   height: 600px;
}
.wall-triv-card.card-height-wall .wall-triv-card-text {
   width: 100%;
}
.human-card-pic-title{
   flex-direction: row !important;
}
.human-card-pic-title1{
   display: block;
}
.human-card-pic-title span.faq-sticker-head {
   font-size: 42px;
   text-align: left;
}
.human-card-pic-title1 span.faq-sticker-head {
   font-size: 42px;
   margin: 0;
}
.human-card-pic-title .human-card-details p {
   text-align: left;
   font: normal normal normal 14px/16px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}
.human-card-pic-title1.white{
   text-align: center;
   font: normal normal normal 14px/16px Ovink_Regular;
   letter-spacing: 0px;
   color: #fff;
   opacity: 1;
}
.human-card-pic-title1 .human-card-details p {
   text-align: center;
   font: normal normal normal 14px/16px Ovink_Regular;
   letter-spacing: 0px;
   color: #000000;
   opacity: 1;
}
.human-card-pic-title1.white .human-card-details p {
   text-align: center;
   font: normal normal normal 14px/16px Ovink_Regular;
   letter-spacing: 0px;
   color: #fff;
   opacity: 1;
}
section.human-stories-sec {
   padding: 150px 0;
}



.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
    margin: 0 auto;
    padding: 20px;
    background-image: url(../../images/home/wall-triv-bg1.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 70%;
    position: relative;
    transition: all 5s ease-in-out;
    top: 23%;
    background-size: cover;
    height: 450px;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover {
  color: #fff;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

img.text-graph_rupay {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 90px;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
.human-card-pic-title1 .popup-btn1 img {
    width: 130px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.human-card-pic-title .popup-btn1 img {
    width: 130px;
}
.pop-flex {
    display: flex;
    gap: 30px;
    justify-content: center;
}
.pop-flex .content{
  height: 400px;
  overflow-y: scroll;
  color: #fff;
}
.pop-flex .content p {
    text-align: left;
    font: normal normal normal 18px/20px Ovink_Regular;
    letter-spacing: 0px;
    opacity: 1;
    max-width: 90%;
}
.overlay .content span{
  text-align: left;
  color: #fff;
}
.wall-triv-card.big-patch {
    background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}
.wall-cad3.big-patch3 {
  background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}
.wall-cad4.big-patch4 {
  background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}
.wall-cad5.big-patch5 {
    background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}
.wall-cad6.big-patch6 {
    background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}
.wall-cad7.big-patch7 {
    background-image: url(../../images/home/wall-triv-bg1.png);
    background-size: cover;
    height: 597px;
    background-repeat: no-repeat;
}

.wall-cad5.big-patch5 p{
height: 440px;
overflow-y: scroll;
}
.wall-cad7.big-patch7 p{
height: 440px;
overflow-y: scroll;
}
.popup-img img {
    width: 350px;
    height: 350px;
    object-fit: contain;
}
.wall-triv-card-text .read-more-show img, .wall-triv-card-text .read-more-hide img {
    width: 130px;
}
/*Lolla For change Css End*/






/*Media Query Start*/



@media only screen and (min-width:1601px) and (max-width:2000px){
   section.faq-banner span.banner-cap {
       top: 44% !important;
   }
}



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

       display: flex;
       /* align-items: center; */
       align-items: center;
   }
   
   .sidebarMenuInner {
}
.open .faq-banner .banner-cloud1, .open .faq-banner .banner-cloud2, .open .line-up-banner .banner-cloud1,.open .line-up-banner .banner-cloud5,.open .lagecy-banner-section .banner-cloud1,.open .lagecy-banner-section .banner-cloud3{
   z-index: 9;
}
}



@media only screen and (min-width: 1920px)  {
   #sidebarMenu {
       width: 45%;
       left: 0;
   }
   #sidebarMenu {
       height: 100%;
       position: fixed;
       left: 0;
       width: 26%;
       transform: translateX(-1500px);
       transition: transform 600ms ease-in-out;
       background: url(../../../assets/images/menusection-bg.png) no-repeat;
       z-index: 9;
       background-size: cover;
       padding: 0 0 0 40px;
       top: 0;
	       background-position: right;
   }
   
}
@media only screen and (max-width: 1730px)  {
   .sidebarIconToggle {
       left: 30px;
   }
   .block-content-title h2 {
       text-align: center;
       font: normal normal 40px/40px Cinematografica;
   }
   .expanding-block.-expand {
       background-size: 90%;
   }
.fest-sch {
   margin: 0 auto;
   text-align: center;
}
.fest-sch img {
   width: 85%;
   margin: 0 auto;
}
}
@media screen and (width:1366px) {
  
   
   .lagecy-banner-section .banner-cloud5 {

   right: 100px;
  
}

.lagecy-banner-section .banner-cloud3 {

   left: 120px;
}
.block-content-title h2 {
   font: normal normal 32px/35px Cinematografica !important;
}	
}
@media screen and (max-width:1400px){
.block-content-title h2 {
   font: normal normal 32px/35px Cinematografica !important;
}
.expanding-blocks {
    gap: 20px 50px;
    margin-top: 30px;
}
.owl-carousel .owl-item img {
    display: block;
    width: 85%;
    margin: 0 auto;
 }
 
    img.sticky1.item.active.home_desktop_date.W70.img-fixed {
        top: 10%;
    }
    .block-content-title h2 {
        font: normal normal 30px/30px Cinematografica;
    }
 .expanding-block.-expand .block-content {
    padding: 10px 50px;
 }
 .expanding-block {
 width: 80%;
 }
 .expanding-block.-expand {
    width: 100%;
    background-size: 70%;
    top: 25%;
}
.fest-sch img {
    width: 80%;
}

.w-85 {
    width: 65% !important;
}
.owl-carousel-new-home3 .item picture img, .owl-carousel-new-home4 .item picture img, .owl-carousel-new-home5 .item picture img {
    width: 38% !important;
    margin: 0 auto;
}
}
@media only screen and (max-width:1366px){
  .sidebarMenuInner li {
    list-style: none;
    padding: 12px 20px;
  }
  .sidebarMenuInner li a {
   
}
.sidebarMenuInner {
    /* height: fit-content; */
    height: 640px;
}
  .inclu-title {
  
  }
  .string-art h2 {
   
    }
    .lolla-forchange-wall-sec h3, .book-smile-title h3 {
    font: normal normal 40px/35px CCShake;
  }
  .book-smile-title p {
    font: normal normal 16px/21px Ovink_Regular;
}
.book-smile-title {
    max-width: 90%;
    margin: 0 auto;
}
  .inclu-title span {
    text-align: center;
    font: normal normal 60px/60px Ovink_Regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 4px 4px 0px #000000cc;
    opacity: 1;
}
   .display-desktop.food-blo .item picture img, .wrist-blo .item picture img, .how-to-blo .item picture img {
    height: 300px;
    object-fit: contain;
}
.owl-carousel .owl-item img {
   display: block;
   width: 85%;
   margin: 0 auto;
}
.popup-homepage{
   width: 70%;
}
   img.sticky1.item.active.home_desktop_date.W70.img-fixed {
       top: 11%;
   }
   .block-content-title h2 {
       font: normal normal 30px/30px Cinematografica;
   }
.expanding-block.-expand .block-content {
   padding: 10px 50px;
}
.expanding-block {
width: 80%;
}

}

@media screen and (max-width:1366px) and (min-width:1024px){
   .expanding-block.-expand {
       width: 100%;
       background-size: 68%;
   }
   .btn-close {
       right: 19%;
   }
   .fest-sch img {
       width: 80%;
   }
   .w-85 {
       width: 60% !important;
   }
   .body-bg-wrapper.thankyou-wrapper img.left-graphic {
       left: -2%;
   }
   
   
   /* .heart-sec-text { */
       /* padding: 63px 0; */
   /* } */
   a.sign-up-btn img {
       width: 65%;
   }
   .nav_head {
       background-size: cover !important; /*style-189*/
       height: 150px;
   }
   .nav_head {
       display: block;
       flex-direction: column;
       padding: 0;
       position: fixed;
       width: 100%;
       z-index: 4;
       background: transparent;
   }
   
   li.nav-logo {
       left: 50px;
       position: relative;
   }

   #sidebarMenu {
       width: 30%;
       left: 0;
       background-position: bottom right;
   }
   img.sticky2 {
       top: 50px;
   max-width: 500px;
   }
   span.faq-sticker-head {
       font-size: 52px !important;
       margin-bottom: 10px !important;
   }
   .human-card-pic-title span.faq-sticker-head {
    font-size: 42px !important;
}
   .-expand .block-content-title h2 {
       font-size: 40px;
   }
   
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
   .block-content-title h2 {
       font: normal normal 25px/30px Cinematografica;
   } 
   .wall-sec-bg p {
    font: normal normal 14px/25px Ovink_Regular
}
.wall-triv-card-text h3 {
    font: normal normal 40px/40px Cinematografica;
}
.human-card-pic-title {
    flex-direction: column !important;
}
.human-card-pic-title span.faq-sticker-head {
    text-align: center;
}
.human-card-pic-title .human-card-details p {
    text-align: center;
}
.human-card-pic-title .popup-btn1 img {
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .popup {
    width: 100%;
}
.book-smile-title p {
    font: normal normal 14px/21px Ovink_Regular;
}
.human-card-pic-title1 img,.human-card-pic-title img {
    width: 55%;
}
   .expanding-blocks {
       gap: 20px 30px;
       margin-top: 15px;
   }   
   .btn-close {
       top: 2%;
       right: 5%;
   }
   .expanding-block.-expand {
       width: 100%;
       background-size: 95%;
   }
   .lolla-here-text h3 {
       font: normal normal 800 75px/75px Cinematografica;
   }
}

@media screen and (max-width: 1199px) and (min-width: 1024px){
   
   .hidden-ipad-pro{
       display: none;
   }

   
}

@media screen and (max-width: 1024px) and (min-width: 768px){
.sidebarMenuInner {
   padding-top: 0;
   height: 900px;
}
.body-bg-wrapper.thankyou-wrapper img.left-graphic {
   left: -2%;
}
}

@media only screen and (max-width: 1024px)  {
   .fest-text {
       padding: 0 50px;
   }
   .festival-sec-text p br,.heart-sec-text p br{
       display: none;
   }
   img.sticky1{
       position: absolute;
       z-index: 4;
       top: 4%;
       left: 0;
       right: 0;
       margin: 0 auto;
   }
   .counter-btn {
       margin-bottom: -20px !important;
   }
   .note-patch-bg-sec p {
       padding: 50px 70px;
   }
   section.lagecy-banner-section {
       padding: 22% 0 20px;
   }
   img.sticky2 {
       top: -2%;
   }
   .hand-img {
       top: 11%;
       z-index: 2;
       background-size: 100%;
       width: 95%;
   }
   img.sticky2 {
   top: -2% !important;
   max-width: 600px;
}
   

    img.sticky2.line-up-graphic {
       top: 2% !important;
       position: fixed;
   }
   
   .faq-banner span.banner-cap {
       top: 32% !important;
   }
   span.banner-cap {
       top: 20% !important;
   }
   .faq-sticker-wrap p {
       font-size: 17px !important;
       line-height: 1.6 !important;
   }
   .sticker-wrap-1 {
       background-size: cover !important;
       min-height: 348px !important;
   }
   .sticker-wrap-2 {
       min-height: 560px !important;
   }
   .sticker-wrap-4 {
       min-height: 410px !important;
   }
   .sticker-wrap-3 {
       min-height: 210px !important;
   }
   .sticker-wrap-5 {
       min-height: 340px !important;
   }
   footer.f1 {
       margin-top: 0;
   }
   .col-md-12.col-centered.faq-bg-patch:after {
       content: '';
       position: absolute;
       width: 100%;
       height: 100%;
       left: 2px;
       right: 0;
       bottom: -70px;
       background: url(../../images/faq-bottom1.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: bottom center;
       resize: both;
       z-index: 0;
   }
}



  
 @media only screen and (max-width: 1199px) {
     
     .bg-grey-patch:before {
   background-size: cover;
   background-repeat: no-repeat;
}
     
 }
 
 
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     
         img.sticky2 {
           top: 6% !important;
   }
   .open img.sticky2 {
       top: 4% !important;
   }
   
     
     .counter-btn {
   margin-bottom: -40px !important;
 }
 
 
 }

@media only screen and (max-width: 991px)  {
	
.partners p {
    margin-bottom: 20px;
}
	
#footers .footer-bottom {
    padding-top: 0;
}

  section.human-stories-sec {
    padding: 50px 0;
}

  .faq-sticker-content.human-card-pic-title {
    padding: 0 30px;
}
  .wall-triv-card.big-patch {
    height: 760px;
}
  .string-art .owl-carousel2:after {
    width: 100%;
}
section.lagecy-banner-section.lolla-ban-sec {
    padding-top: 45%;
}
.pic-img img {
    width: 360px;
}
.pic-of-wall_div h3 {
    top: 10%;
    font: normal normal 45px/38px Cinematografica;
}
.wall-sec-bg-patch .wall-sec-bg {
    max-width: 100%;
}
section.faq-accord-section .wall-sec-bg-patch {
    padding: 45px;
}
.lollaforchange-sec-top img {
    width: 60%;
}
.wall-sec-bg p {
    font: normal normal 14px/14px Ovink_Regular;
}
.lolla-forchange-wall-sec h3, .book-smile-title h3 {
    font: normal normal 28px/25px CCShake;
}
.wall-trvia-title h3 {
    font: normal normal 63px/18px Cinematografica;
}
.wall-triv-card-text h3 {
    font: normal normal 37px/37px Cinematografica;
    text-align: center;
}
.wall-triv-card-text p, .wall-triv-card-text span.read-more-content {
    font: normal normal 14px/14px Ovink_Regular;
    text-align: center;
}
.wall-triv-card-text {
    width: 90%;
    margin: 0 auto;
}
.wall-triv-card {
    background-size: cover;
    flex-direction: column;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}
#wall-cad2{
  height: 600px;
}
.wall-cad3.big-patch3 {
    height: 730px;
}
.wall-cad4.big-patch4 {
    height: 720px;
  }
.wall-cad5.big-patch5 {
    height: 900px;
}
.wall-cad5.big-patch5 p ,.wall-cad7.big-patch7 p{
    height: auto;
    overflow-y: auto;
}
.wall-cad6.big-patch6 {
    height: 640px;
}
.wall-cad7.big-patch7 {
    height: 980px;
}
div#wall-cad8 {
    height: 530px;
}
.human-card-pic-title span.faq-sticker-head {
    font-size: 30px;
    text-align: center;
}
.faq-sticker-content.human-card-pic-title img {
    width: 35% !important;
    display: block;
    margin: 0 auto;
}
.human-card-pic-title .human-card-details p {
    text-align: center;
    font: normal normal normal 12px/14px Ovink_Regular !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.human-card-pic-title1 .human-card-details p {
    text-align: center;
    font: normal normal normal 12px/14px Ovink_Regular !important;
    }
.human-stories-sec .faq-sticker-wrap.w-auto img{
  width: 100%;
}
.human-card-pic-title .popup-btn1 img {
    width: 100px !important;
}

.human-card-pic-title1 span.faq-sticker-head {
    font-size: 30px;
    margin: 0;
}
.faq-sticker-content {
    padding: 0 30px;
}
.wall-triv-card img {
    object-fit: contain;
    width: 60%;
}
.cards-all-grp {
    padding-bottom: 30px;
}
.human-stories-div .human-stories {
    margin-top: -60%;
}
.human-stories .pic-img img {
    width: 55%;
}
.faq-sticker-content {
    padding: 0 50px;
    flex-direction: column !important;
}
.popup {
    width: 100%;
    text-align: center;
    top:10%;
    background-size: cover;
    height: 100%;
}
.pop-flex {
    flex-direction: column;
}
.popup-img img {
    width: 230px;
    height: 230px;
    object-fit: contain;
}
.pop-flex .content {
    height: 240px;
}
.overlay .content span {
    text-align: center;
}
.pop-flex .content p {
    font: normal normal normal 14px/16px Ovink_Regular;
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
    }
    .book-a-smile-sec:before {
    height: 480px;
}
.book-smile-title p {
    font: normal normal 14px/15px Ovink_Regular;
}
section.yutube-vid iframe {
    width: 100%;
    height: 100%;
}
.string-art h2 {
    font: normal normal 53px/38px Cinematografica;
    padding-bottom: 40px;
}
.wall-sec-bg-patch1 .wall-sec-bg p {
    font: normal normal 14px/16px Ovink_Regular;
}
.wall-sec-bg-patch1 .wall-sec-bg {
    max-width: 100%;
}
section.faq-accord-section .wall-sec-bg-patch1 {
    background-size: cover;
    padding: 30px;
}
.inclu-title {
    font: normal normal 53px/48px Cinematografica;
}
.inclu-title span {
    font: normal normal 53px/48px Ovink_Regular;
}
.accordion__title img {
    width: 15%;
}
.book-smile-title {
    width: 70%;
    margin: 0 auto;
}
.wall-triv-card img {
    width: 70%;
    margin-top: 40px;
}
.wall-triv-card {
    background-size: cover;
    padding: 10px;
    flex-direction: column;
    align-items: center;
}
   .display-only-mobile{
      display: block;
   }
   .mobile-text {
      text-align: center;
      font: normal normal 600 18px/18px Ovink_SemiBold;
      letter-spacing: 0px;
      color: #000000;
      opacity: 1;
      max-width: 50%;
      margin: 20px auto;
  }
   .display-desktop{
      display: none;
   }
   .display-mobile{
      display: block;
   }
   .characters_banner{
      display: none;
   }
   .block-content-title h2 {
      font: normal normal 34px/30px Cinematografica !important;
      text-align: center;
      
  }
  .expanding-block.js-expand-block.-expand h2{
   padding: 20px 0;
  }
  .expanding-block {
   width: fit-content;
}
.owl-carousel-new-home3 .item picture img, .owl-carousel-new-home4 .item picture img, .owl-carousel-new-home5 .item picture img {
   width: 100% !important;
   margin: 0 auto;
}
.owl-carousel-new-home3 button.owl-prev, .owl-carousel-new-home4 button.owl-prev, .owl-carousel-new-home5 button.owl-prev {
   left: 25%;
}
.owl-carousel-new-home3 button.owl-next, .owl-carousel-new-home4 button.owl-next, .owl-carousel-new-home5 button.owl-next {
   right: 25%;
}
.owl-carousel-new-home1 .owl-dots, .owl-carousel-new-home1 .owl-nav, .owl-carousel-new-home2 .owl-dots, .owl-carousel-new-home2 .owl-nav, .owl-carousel-new-home3 .owl-dots, .owl-carousel-new-home3 .owl-nav, .owl-carousel-new-home4 .owl-nav, .owl-carousel-new-home4 .owl-dots, .owl-carousel-new-home5 .owl-nav, .owl-carousel-new-home5 .owl-dots {
   text-align: center;
   margin: 20px 0; 
}
.w-85 {
   width: 100% !important;
}
img.sticky1.item.active.home_desktop_date.W70.img-fixed {
   position: absolute;
   top: 7%;
}
.expanding-block .js-expand-read-more.block-content-title h2:hover:before {
   transform: translateY(5px);
}
.expanding-block.-expand .block-content {
   padding: 30px 0px;
   width: 100%;
}
   .popup-homepage {
       top: 30%;
   }
   .fest-sch img {
      width: 100%;
      margin: 10px 0;
  }
  .fest-blo .fest-sch img {
   width: 100%;
   margin: 10px 0;
}
  .btn-close {
   right: 0%;
   top: 3%;
}
span.btn.btn-close.js-expand-close img {
   width: 80%;
}
   .lolla-here-text h3 {
       font: normal normal 800 40px/25px Cinematografica;
   }
   .artist-lineup.lolla-is-here-homepage-sec {
       top: 18%;
   }
   .expanding-blocks {
       gap: 20px;
       grid-template-columns: repeat(1,1fr);
       margin-top: 0;
   }
   .block-content-title h2 {
       font: normal normal 27px/30px Cinematografica;
   }
   .popup-homepage {
       width: 100%;
   }
   .expanding-block.-expand {
      /* background: url(../../images/home/popup-banner-mob.svg); */
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      background-position: top center;
      position: sticky;
      padding-bottom: 70px;
  }
  .fest-blo.expanding-block.-expand,.premium-blo.expanding-block.-expand {
   background: url(../../images/home/popup-banner-mob.svg);
   background-size: cover;
   background-position: center;
}
/* .map-blo.-expand {
   background-size: 100%;
    height: 750px;
}

.food-blo.-expand {
   height: 700px;
   background-size: 100%;
} */
        .coming-soonbtn img {
   max-width: 139px !important;
}
    .heart-sec-text p, .festival-sec-text p {
     width: 99%;}
   
   .festival-sec-text, .heart-sec-text {
   padding: 15px 0 40px;
   height: auto;
}
.btn.read-more-btn {
   bottom: -55px !important;
}
   
   .accordion__content ul li {
   padding: 0 10px;
   font-size: 12px;
}
   span.right-here {
       font-size: 26px !important;
   }
      img.sticky {
   position: fixed;
   top: 0%;
   z-index: 3;
   left: 0;
   right: 0;
   margin: 0 auto;
}
   .W70{
       width: 70%;
   }
   /*Mobile menu Start*/
   .sidebarIconToggle {
       top: 24px;
       left: 30px;
   }
   input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
       transform: translateX(0);
   }
   #sidebarMenu {
       height: 100%;
       position: fixed;
       left: 0;
       width: 100%;
       transform: translateX(-100%);
       transition: transform 250ms ease-in-out;
       background: url(../../../assets/images/menusection-bg.png) no-repeat;
       z-index: 9;
       background-size: cover;
       padding: 60px 0;
       top: 0;
       /* overflow-y: scroll; */
   }
   .sidebarMenuInner {
       
       
        /*new css*/
   }
   .sidebarMenuInner li {
       padding: 11px 20px;
   }
   .sidebarMenuInner li span{
       display: block;
       font-size: 14px;
       color: rgba(255, 255, 255, 0.50);
   }
   .sidebarMenuInner li a{
	   
	   font-size: 24px;
      
   }
   
   input.openSidebarMenu[type=checkbox] {
       transition: all 0.3s;
       box-sizing: border-box;
       display: none;
   }
   .sidebarIconToggle {
       transition: all 0.3s;
       box-sizing: border-box;
       cursor: pointer;
       height: 22px;
       width: 22px;
       opacity: 1;
       background-color: transparent;
       position: fixed;
       z-index: 2;
       top: 20px;
       left: 30px;
       border: none;
   }
   
   .sidebarMenuInner {
   }
   ul.menu-social1 li {
       display: inline-block;
   }
   .open main {
       transform: none !important;
   }
.sidebarIconToggle {
    top: 12px;
    left: 15px;
}
   .sidebarMenuInner {
   }
   /* section.lagecy-banner-section {
       padding: 40% 0 20px;
   } */
   .note-patch {
       background: url(../../../assets/images/note-patch-responsive.svg);
     
       background-repeat: no-repeat;
       margin-bottom: -35px;
       z-index: -9;
          background-size: 100%;
   width: 90%;
   margin: 0 auto;
   background-position: top;
   height: 100%;
   padding-bottom: 0;
   }
   .note-patch {
       margin-bottom: -5px !important;
   }
   .W40 {
       width: 100%;
   }
   .carousel-inner>.item>img {
       height: 500px;
       object-fit: cover;
   }
   
   .homebanner_h .carousel-inner>.item>img{    height: 1065px;
   object-fit: cover;
   object-position: top;}
   
section#banner-section {
   margin-bottom: -110px !important;
}
   .faq-wrapper {
   position: relative;
   z-index: 0;
   padding-top: 10px;
   padding-bottom: 20px;
 
}
   span.faq-sticker-head {
       font-size: 25px !important;
       margin-bottom: 10px !important;
   }
   .faq-sticker-wrap p {
       font-size: 12px !important;
       line-height: 1.6 !important;
   }
   .register-sticker-wrap {
       font: normal normal normal 15px/16px CCShake;
       padding: 0 20px;
   }
   .col-md-12.col-centered.faq-bg-patch:after {
       content: '';
       position: absolute;
       width: 99.5%;
       height: 100%;
       left: 3px;
       right: 0;
       bottom: -41px;
       background: url(../../images/faq-bottom1.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: bottom center;
       resize: both;
       z-index: 0;
   }
   section.faq-accord-section .faq-bg-patch {
       background-size: cover;
   }
   section.faq-accord-section {
       margin-bottom: 0;
   }
   
   .sidebarMenuInner li {
    padding: 9px 0 0;
    margin: 0px 0 15px;
}
   
   /*Mobile menu end*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
   .expanding-blocks {
      gap: 7px;
  }
  .popup-homepage {
   top: 40%;
}
.lolla-here-text h3 {
   font: normal normal 800 70px/70px Cinematografica;
}
}
@media onlys screen and (min-width:767px){
	
	
	
   
   .sticker-wrap-1 {
       background-size: cover !important;
       min-height: 180px !important;
   }
   span.faq-sticker-head {
       font-size: 25px !important;
       margin-bottom: 10px !important;
   }
   .faq-sticker-wrap p {
       font-size: 12px !important;
       line-height: 1.6 !important;
   }
   .sticker-wrap-2 {
       min-height: 280px !important;
   }
   .sticker-wrap-3 {
       min-height: 105px !important;
   }
   .sticker-wrap-4 {
       min-height: 210px !important;
   }
   .sticker-wrap-5 {
       min-height: 175px !important;
   }
   .faq-sticker-wrap {
       padding: 0px 15px !important;
       margin-bottom: 10px !important;
   }
   
}
@media only screen and (max-width: 767px)  {
		
	.tour-text p {
    width: auto;
    padding: 0 40px;
    font-size: 13px;
}
	
  .wall-sec-bg p {
    font: normal normal 12px/14px Ovink_Regular;
}
.pic-img img {
    width: 320px;
}
.book-smile-title p {
    font: normal normal 12px/15px Ovink_Regular;
}
.inclu-title {
    font: normal normal 40px/40px Cinematografica;
}
.inclu-title span {
    font: normal normal 40px/40px Ovink_Regular;
}
.string-art h2 {
    font: normal normal 40px/38px Cinematografica;
    padding-bottom: 40px;
}
.pic-of-wall_div h3 {
    top: 0%;
    font: normal normal 27px/78px Cinematografica;
}
.human-stories-div .human-stories {
    margin-top: -41%;
}
   .footer-social ul li a.instagram img {
       width: 27px;
       height: 27px;
   }
   ul.menu-social1 li {
       padding: 0px 10px;
   }
   .sidebarMenuInner {
   }
   .heart-sec-text h2 {

   padding-bottom: 5px;}
   
   
   
   img.sticky {
       top: 5%;
   }
   .festival-sec-text p br,.heart-sec-text p br{
       display: none;
   }
   .heart-section .fest-img {
       margin-bottom: -40px;
   }
   .be-the-first-section:not(.body-bg1) {
       margin: -35px 0;
   }
   .be-the-first-section .fest-img {
       margin-bottom: -10px;
   }
   .tour-text svg {
       width: 25px;
       height: 25%;
   }
   .take-tour-btn img {
       width: 60%;
   }
   .tour-text h4 {
   font-size: 15px;
   margin-bottom: 5px;
   }
   .footer-social ul li a svg {
       width: 25px;
       height: 25px;
   }
   .footer-social ul li {
       padding: 20px 15px 15px;
   }
   ul.bran-ico li img {
       width: 60%;
   }
   footer#footers ul.bran-ico {
       grid-column-gap: 0;
   }
   footer#footers .footer-menu-bottom ul li {
       padding: 0 10px;
       display: inline-block;
   }
   
   .take-a-tour {
       margin-bottom: -26px;
   }
   .take-a-tour img {
   }
   .subscribe-section {
       position: relative;
       padding: 0;
       margin-top: 0;
       margin-bottom: -40px;
   }
   .subscribe-section:before {
   }
   .tour-text h4 {
       margin-top: -10px;
   }
   img.left-graphic {
       /* left: -35px !important; */
   }
   img.right-graphic {
       right: -35px !important;
   }
   img.sticky1 {
       top: 60px;
   }
   .note-patch-bg-sec p {
       padding: 0px 50px;
   }
   .note-patch-bg-sec p {
       font: normal normal normal 15px/21px Ovink_Regular;
   }
   .note-patch-bg-sec {
       background: #c9e6db;
   }
   .note-patch {
       margin-bottom: -40px;
   }
   section.lagecy-banner-section {
       padding: 40% 0 20px;
   }
  
   img.sticky2 {
       top: 6% !important;
   }
   
    img.sticky2.line-up-graphic {
       top: 2% !important;
   }
   
   /* section#banner-section {
       margin-bottom: -105px;
       padding: 70px 0 !important;
   } */
   span.banner-cap {
       top: 20% !important;
       font-size: 100px !important;
   }
   
   section.faq-accord-section .faq-bg-patch {
       padding: 100px 0;
   }
   .accordion__title {
       padding: 10px 16px;
       font: normal normal normal 16px/34px CCShake;
   }
   .accordion--nested .accordion__title {
       font: normal normal normal 14px/25px Ovink_Regular;
   }
   .accordion__content p {
       font: normal normal normal 12px/18px Ovink_Regular;
       padding: 0;
   }
   section.faq-sec {
       padding: 0;
   }
   .sticker-wrap-1 {
   min-height: 230px !important;
}
   .sticker-wrap-2 {
   min-height: 372px !important;
}
   .sticker-wrap-3 {
       min-height: 140px !important;
   }
   .sticker-wrap-4 {
       min-height: 190px !important;
   }
   .sticker-wrap-5 {
       min-height: 160px !important;
   }

   footer#footers .footer-menu-bottom ul li a {
    font-size: 12px !important;
}

footer#footers .container-fluid {
    padding: 0;
}
}


@media only screen and (max-width: 540px)  {
   .fest-text {
       padding: 10px 35px;
   }
   .heart-section {
       padding: 50px 0 0;
   }
   .mt-5 {
       margin-top: 0!important;
   }
   .heart-sec-text h2,.festival-sec-text h2 {
       font: normal normal 500 26px/25px CCShake;
   }
   .heart-sec-text p,.festival-sec-text p {
       font: normal normal normal 14px/21px Ovink_Regular;
   }
   .btn.read-more-btn a img {
       margin-top: -13px;
   }
   
   .btn.read-more-btn a img {
       width: 70%;
   }
   footer#footers h3 {
       font: normal normal bold 21px/29px aktiv-grotesk-bold;
   }
   footer#footers .footer-menu ul li a,footer#footers .footer-menu-bottom ul li a {
       font: normal 500 15px/24px aktiv-grotesk-bold;
   }
   .counter-btn a img {
       width: 70%;
       margin: 0 auto;
       text-align: center;
   }
   .counter-btn a {
       text-align: center;
   }
   .counter-btn {
       margin-bottom: -24px !important;
   }
   .note-patch-bg-sec {
       background: #c9e6db;
   }
   /* .sticker-wrap-1 {
       min-height: 131px !important;
   }
   .sticker-wrap-2 {
       min-height: 216px !important;
   }
   .sticker-wrap-3 {
       background-size: cover !important;
       min-height: auto !important;
       height: 80px !important;
   }
   .sticker-wrap-4 {
       min-height: 157px !important;
   }
   .sticker-wrap-5 {
       min-height: 130px !important;
   } */
   
}

@media only screen and (max-width: 480px)  {
   .mobile-text {
      max-width: 60%;
  }
  .expanding-blocks {
   gap: 10px;
}
   .body-bg-wrapper.thankyou-wrapper img.left-graphic {
       left: -12%;
   }
   
   .footer-social ul li {
       padding: 20px 2px 15px;
   }
   img.sticky {
       top: 5%;
   }
   img.left-graphic {
       left: 0 !important;
   }
   img.right-graphic {
       right: -40px !important;
   }
   footer#footers h3{
       margin:0;
   }
   li.nav-logo {
       max-width: 170px !important;
   }
   ul.menu-social1 li a svg {
       width: 25px;
       height: 25px;
   }
   
   #sidebarMenu{
   }
   
   .sidebarMenuInner {
   }
   .sidebarMenuInner li {
       padding: 9px;
   }
   .note-patch-bg-sec {
   background: #c9e6db;
   border-left: 2px solid #000;
   border-right: 2px solid #000;
   padding-bottom: 20px;
}
section.lagecy-banner-section {
   padding: 43% 0 20px;
}
}
@media screen and (max-width:480px) and (min-width:320px) and (aspect-ratio:1){
   img.sticky2 {
       top: 13% !important;
   }

}
@media only screen and (min-device-aspect-ratio:320/480){
   .note-patch {
       margin-bottom: -84px;
   }
   
}

@media only screen and (min-device-aspect-ratio:280/658){
/* .hand-img {
   top: 8%;
} */
}



@media only screen and (max-device-aspect-ratio:1024/1366){
   
  
   section#banner-section {
       margin-bottom: -265px;
   }
   .carousel-inner>.item>img {
}

.faq-banner .item>img {
   object-position: bottom;
   height: 350px;
}

}




@media only screen and (min-width:992px) and (max-width:1199px){
	
	#sidebarMenu {
    width: 50%;
    left: 0;
    background-position: bottom right;
}
	
	.carousel-inner>.item>img.text-graph_img {
    height: auto;
    max-width: 580px;
}

.banner_text_graphic {
    top: 290px;
}

section.subscribe-section.overflow-hidden {
    margin-bottom: -100px;
}

#navbar:before {
    background: url(../../../assets/images/nav-bg.png) no-repeat;
    position: absolute;
    top: -40px;
    width: 100%;
    height: 299px;
    background-size: cover;
    z-index: -1;
}

.carousel-inner {
    margin-top: 130px;
}

.carousel-inner>.item>img {
    height: 930px;
    object-fit: unset;
}
	
}



/*Media Query End*/