body,html{
                background: white;
            }
            .padding-50-0{
                padding: 50px 0px !important;
            }
            html .scroll-to-top.hidden-mobile {
                display: block !important;
            }
            textarea{
                resize: none !important;
            }
            .lh-32{
                line-height: 32px;
            }
            #modal-contract .modal-body{
                color:black !important;
            }
           
            @media (max-width: 768px) {
                .col-md-center{
                    text-align: center !important;
                }
            }

            .tabs.tabs-bottom .nav-tabs li .nav-link.active, .tabs.tabs-bottom .nav-tabs li .nav-link.active:hover, .tabs.tabs-bottom .nav-tabs li .nav-link.active:focus{
                background-color: var(--bs-warning);
                border-top-left-radius:20px;
                border-top-right-radius: 20px;
            }
            /******* otp ****************/
                .otp,
                .otp2 {
                  width: 50px;
                  height: 50px;
                  border: solid 1px #cacaca;
                }

                .otp:focus, 
                .otp:active,
                .otp2:focus,
                .otp2:active {
                  outline: solid 1px #000 !important;
                }
            /******* otp ****************/
            /******* PARALLAX ***********/
                
                .alb::before {
                    content: "";
                    position: absolute;
                    top: 0px;
                    bottom: 0px;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    background: rgba(0, 0, 0, .5);
                    background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.3) 42%, rgba(0, 0, 0, 0.8) 80%);
                    background: radial-gradient(circle, rgba(0, 0, 0, 0.3) 42%, rgba(0, 0, 0, 0.8) 80%);
                }
                .alb .parallax-background{
                    background-position-x: 0% !important;
                }
                .alb a:hover{
                    color:var(--bs-warning);
                }
                .alb a{
                    color: white
                }
            /**************************/


            /******* HEADER ***********/
                #header h2,
                #header h3{
                    font-size: inherit;
                    color:inherit;
                    margin:inherit;
                    padding: inherit;
                    font-weight: inherit;
                    line-height: inherit;
                    letter-spacing: inherit;
                    display: inherit;
                }
                #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{}
                #header .header-nav.header-nav-links nav > ul li:hover > a{
                    color:var(--bs-warning);
                }
            /**************************/

            /******* COUNTDOWN ********/
                .module-115.countdown-wrapper{
                    flex-wrap: nowrap !important ;
                    max-width: 500px;
                    margin: 0 auto;
                    background: transparent;
                    position: relative;
                    margin-top: -115px;
                    z-index: 100;
                }
                .module-115.countdown-wrapper .countdown
                .module-128.countdown-wrapper .countdown{
                    flex-wrap: nowrap !important;
                }
                .module-115.countdown-wrapper .days span,
                .module-115.countdown-wrapper .hours span,
                .module-115.countdown-wrapper .minutes span,
                .module-115.countdown-wrapper .seconds span{
                    color: white !important
                }
                .countdown>span{
                    color:white !important;
                }
                .module-155 .countdown>span{
                    color:black !important;
                }
            /*****************************/

            /******* MODULE - 116  ********/
                .module-116{
                    margin-top:100px;
                    margin-bottom: 100px;
                }
            /******* MODULE - 116  ********/
                .marquee-wrapper {
                    width: 100%;
                    background-color: transparent;
                    height: auto;
                    overflow: hidden
                }

                .marquee-wrapper .marquee-box {
                    width: 300px;
                    height: 300px;
                    float: left;
                    cursor: pointer;
                    padding: 0 2px
                }

                .marquee-wrapper1 {
                    width: 100%;
                    background-color: transparent;
                    height: auto;
                    overflow: hidden;
                    border-top: 3px solid #f2b43d;
                    border-bottom: 3px solid #f2b43d
                }

                .marquee-wrapper1 .marquee-box {
                    width: 220px;
                    height: 220px;
                    float: left;
                    cursor: pointer;
                    padding: 0 2px
                }
            /******* MARQUEE WRAPPER ******/


            /******* ICON BOXES ******/
                .icon-boxes .featured-box{
                    background: var(--bs-warning);
                }
                .page-icon-detail .detail{
                    min-height: 400px;
                }
            /******* ICON BOXES ******/


            /******* WRAPPER LOADER ******/
                .ld .loading-overlay{
                    background-color: transparent !important;
                }
                .ld .cssload-pulse-loader{
                    background: var(--bs-warning);
                }
                .icon-wrapper{
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .page-icon-detail a{
                    width: 150px;
                }
            /******* WRAPPER LOADER ******/


            /******* CALL TO ACTION -1 ****/
                .call-to-action-content{
                    text-align: left !important;
                }
                .call-to-action.with-button-arrow .call-to-action-btn{
                    left:0px !important;
                    margin-top:50px;
                    margin:0 auto;
                }
            /******************************/


            /******* FESTİVAL PROGRAMI TIMELINE ****/

                .program h2 {
                    text-transform: uppercase;
                    color: var(--default);
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 16px;
                    margin: 0 0 5px 0;
                    letter-spacing: 2px;
                }

                .program h3 {
                    text-transform: none;
                    font-weight: 700;
                    font-size: 32px;
                    line-height: 32px;
                    margin: 0 0 5px 0;
                }
                section.custom-timeline {
                    margin-left: 0;
                }

                @media (min-width: 768px) {
                    section.custom-timeline {
                        padding-left: 90px;
                    }
                }

                section.custom-timeline:before {
                    left: 145px;
                }

                @media (max-width: 767px) {
                    section.custom-timeline:before {
                        left: 55px;
                        top: 0;
                    }
                }

                section.custom-timeline .timeline-date {
                    margin: 0 0 30px 0;
                    width: 115px;
                    height: 115px;
                    text-align: center;
                    line-height: 115px;
                    border-radius: 100%;
                    border: 0;
                    box-shadow: none;
                    padding: 0;
                    margin-left: -3px;
                }

                section.custom-timeline .timeline-date h3 {
                    display: block;
                    font-size: 22px;
                    line-height: 22px;
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    text-align: center;
                    transform: translateY(-50%);
                    text-shadow: none;
                }

                section.custom-timeline .timeline-date h3 span {
                    font-size: 12px;
                    display: block;
                    opacity: 0.7;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0;
                }

                section.custom-timeline .timeline-box {
                    min-height: 90px;
                    background: #f4f4f4;
                    border: 0;
                    box-shadow: none;
                }

                section.custom-timeline .timeline-box.right {
                    margin-top: 0;
                    width: 80%;
                    max-width: 100%;
                    float:none;
                    margin-left:80px;
                }

                @media (max-width: 1199px) {
                    section.custom-timeline .timeline-box.right {
                        width: 88%;
                    }
                }

                @media (max-width: 991px) {
                    section.custom-timeline .timeline-box.right {
                        width: 70%;
                    }
                    .col-md-center{
                        text-align: center !important;
                    }
                }

                @media (max-width: 767px) {
                    section.custom-timeline .timeline-box.right {
                        width: 100%;
                        margin-left:0px;
                    }
                }

                section.custom-timeline .timeline-box.right:before {
                    left: 55px;
                }

                section.custom-timeline .timeline-box.right .timeline-box-arrow {
                    background: #f4f4f4;
                    border: 0;
                    box-shadow: none;
                }

                @media (max-width: 767px) {
                    section.custom-timeline .timeline-box.right .timeline-box-arrow {
                        display: none;
                    }
                    .countdown {
                        flex-wrap: nowrap;
                    }
                    section.custom-timeline:before {
                        display: none;
                    }
                }

                @media (max-width: 767px) {
                    section.custom-timeline .timeline-box-time {
                        font-size: 14px;
                        padding-left: 10px;
                    }
                }

                @media (min-width: 768px) {
                    section.custom-timeline .timeline-box-time {
                        position: absolute;
                        left: -20px;
                        margin-top: 22px;
                        font-size: 14px;
                    }
                }

                section.custom-timeline .timeline-box-content {
                    padding: 10px;
                }

                section.custom-timeline .timeline-box-content p {
                    line-height: 20px;
                }

                section.custom-timeline .timeline-box-content-img {
                    float: left;
                    overflow: hidden;
                    width: 70px;
                    height: 70px;
                    overflow: hidden;
                    border-radius: 100%;
                    margin-right: 15px;
                }

                section.custom-timeline .timeline-box-content-img img {
                    width: 115px;
                    max-width: initial;
                    position: relative;
                    left: -25%;
                }
                .fade-overlay {
                    position: absolute;
                    bottom:0px;
                    z-index: 1;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
                }
            /******* FESTİVAL PROGRAMI TIMELINE ****/
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a{
    padding: 0px 11px;
}
.long-content a,
.long-content p,
.long-content b,
.long-content li,
.long-content font{
    font-size: 14px !important;
    color:black !important;
}
.font-34{font-size: 34px !important}
.font-24{font-size: 24px !important}
.font-20{font-size: 20px !important}
.font-16{font-size: 16px !important}
.fw-600{font-weight: 600 !important}

.social-icons li a{
    position: relative;
}

/* Ana kart */
.skeleton-card {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: #ffffff;
}
.skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e5e7eb;
  border-radius: 8px;
  margin-bottom: 10px;
}
.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 150%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  animation: shimmer 1.4s infinite;
}
.skeleton-image {
  width: 100%;
  height: 180px;
  border-radius: 10px;
}
.skeleton-text {
  height: 14px;
  width: 100%;
}
.skeleton-text.short {
  width: 60%;
}
@keyframes shimmer {
  100% {
    left: 150%;
  }
}

.cp{cursor: pointer}

#preloader{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 100000000;
    display: none;
}
.nav-single-a{
    padding-left: 21px;
    padding-top: 10px;
    padding-right: 10px;
    text-decoration: none !important;
}

#footer p{
    color:white;
}
#footer a:hover{
    color:var(--bs-warning) !important;
}
.module-04 img{
    max-width: 250px !important;
}


.custom-checkbox-1 label:before{
    top:10px;
}
.custom-checkbox-1 input[type="checkbox"]:checked + label::after{
    top:10px !important;
}
.loading-overlay {
    background: rgba(255,255,255,0.8) !important;
}

@media (max-width: 1199px){
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a{
        padding: 0px 4px;
    }
    .menu-logo{
        height: 30px;
    }
    .header-container{
        max-width: 1100px;
    }
}
@media (max-width: 992px){
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a{
        padding: 5px 6px;
    }
    #header .header-nav-main nav > ul li{
        max-width: 100%;
    }
    #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu{
        max-width: 100%;
        position: relative;
    }
    .module-04,
    .module-05{
        text-align: center !important;
    }
    .module-04 .lead,
    .module-02,
    #footer{
        text-align: center !important;
    }
    .min-width-992{
        display: block;
    }
}
@media (max-width: 575px) {
    .porto-big-title {
        letter-spacing: -18px;
        font-size: 6rem;
    }
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a
        padding: 0px 4px;
    }
}