/* Home */

.header-home .title-position{

    position: absolute;

    left: 32%;

    top: 60%;

    transform: translate(-50%, -50%);



}

.HTarget-01{

    position: absolute;

    top: 0;

    right: 0;

    opacity: 0;

}

.header-home .content-right{

    width: 100%;

    transition: all .5s;

    object-position: 80% 10%;

}

.header-home .content-right.active {

    width: 100vw;

    object-position: unset;

}

.home-brief{

    background-image: url(../images/home_brief_bg.jpg);

    background-size: cover;

    background-position: center;

    clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0% 100%, 0 20%, 20% 0);

    margin-bottom: -20vh;

    z-index: 1;

    position: relative;

}

.sports-section .title-sports{

    position: absolute;

    left: 6%;

    top: 20%;

}

.sports-section .ball-sports{

    right: 15%;

    top: 10%;

    z-index: 1;

}

.sports-section .ball-sports-medium{

    right: 15%;

    bottom: 10%;

    z-index: 1;

}

.sports-section .ball-blur{

    left: 7%;

    top: 45%;

    z-index: 1;

    width: 20%;

}

.home-cta-events .title-position{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

}

.resize-1 {

    will-change: transform;

}

.desktop-footer tr{

    border-color: #40B7D5;

}

.carousel-gallery .owl-item{

    transition: all .3s;

}

.carousel-gallery img{

    height: 75vh;

    object-fit: cover;

}

.carousel-gallery .owl-item .item{

    transition: all .3s;

}

.carousel-gallery .owl-item.active.center .item .content-details{

    height: 100%;

    opacity: 1;

}

.carousel-gallery .owl-item .item .content-details{

    transition: all .5s;

    height: 0;

    width: 100%;

    opacity: 0;

}

.carousel-gallery .owl-nav .owl-prev, .carousel-gallery .owl-nav .owl-next{

    background-color: #fff !important;

    border-radius: 50rem;

}

.carousel-gallery .owl-nav .owl-prev{

    position: absolute;

    left: 5vw;

    top: 35%;

    transform: translateY(-50%);

}

.carousel-gallery .owl-nav .owl-next{

    position: absolute;

    right: 5vw;

    top: 35%;

    transform: translateY(-50%);

}

.directory-thumbnail-yellow{

    background-image: url(../images/directory-thumbnail-yellow-bg.jpg);

    background-size: cover;

    background-position: top right;

}

.directory-thumbnail-blue{

    background-image: url(../images/directory-thumbnail-blue-bg.jpg);

    background-size: cover;

    background-position: top right;

}

.directory-thumbnail-magenta{

    background-image: url(../images/directory-thumbnail-magenta-bg.jpg);

    background-size: cover;

    background-position: top right;

}

.directory-thumbnail-carousel.owl-carousel .owl-stage {

  padding-left: 0 !important;

}

.owl-theme .owl-dots .owl-dot span{

    border: 1px solid #fff;

    width: 20px;

    height: 20px;

    background: rgba(255,255,255,.5);

    transition: width .3s;

}

.directory-thumbnail-carousel.owl-theme .owl-dots .owl-dot.active span, .directory-thumbnail-carousel.owl-theme .owl-dots .owl-dot:hover span{

    background: #fff;

    width: 100px;

}

.directory-thumbnail-carousel.owl-theme .owl-nav.disabled + .owl-dots{

    margin-top: 65px;

}

.cta-bottom-events{

    background: linear-gradient(

    to bottom,

    white 0%,

    white 30%,

    #f8cb12 30%,

    #f8cb12 100%

  );

}

.home-header-carousel .owl-dots{

    position: absolute;

    bottom: 30vh;

    transform: translateX(-50%);

    left: 50%;

}

.home-header-carousel.owl-theme .owl-dots .owl-dot.active span, .home-header-carousel.owl-theme .owl-dots .owl-dot:hover span {

  background: #40B7D5;

}

.home-header-carousel.owl-theme .owl-dots .owl-dot span {

  border: none;

  background: #fff;

}

.bg-events{

    background-size: cover;

    background-position: bottom;

}

.card-tenant h4.font-hanken {
  height: 3rem;
}

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

    .home-header-mobile .yellow-ornament{

        bottom: -13.6rem;

    }

    .home-header-mobile .home-header-content{

        margin-top: -5rem;

    }

    .home-header-bottom-mobile{

        background: rgb(64,183,213);

        background: linear-gradient(180deg, rgba(64,183,213,1) 0%, rgba(251,251,246,1) 65%);  

    }

    .bg-home-events-mobile{

        background-image: url(../images/home_events_divider_background_mobile.jpg);

        background-size: cover;

        background-position: top left;

        height: 100vh;

    }

    .about-brief-mobile{

        background: linear-gradient( to bottom, #40b7d5 0%, #40b7d5 50%, white 50%, white 100% );

    }

    .directory-thumbnail-yellow{

        background-image: url(../images/directory-thumbnail-yellow-bg_mobile.jpg);

    }

    .directory-thumbnail-blue{

        background-image: url(../images/directory-thumbnail-blue-bg_mobile.jpg);

    }

    .directory-thumbnail-magenta{

        background-image: url(../images/directory-thumbnail-magenta-bg_mobile.jpg);

    }

    .owl-theme .owl-dots .owl-dot span{

        width: 10px;

        height: 10px;

    }

    .directory-thumbnail-carousel.owl-theme .owl-dots .owl-dot.active span, .directory-thumbnail-carousel.owl-theme .owl-dots .owl-dot:hover span{

        background: #fff;

        width: 40px;

    }

    

    .carousel-gallery img {

        height: 40vh;

    }

    .carousel-gallery.owl-theme .owl-dots .owl-dot.active span, .carousel-gallery.owl-theme .owl-dots .owl-dot:hover span {

        background: #40b7d5;

    }

    .carousel-gallery.owl-theme .owl-dots .owl-dot span {

        width: 20px;

        height: 20px;

        border: none;

    }

     .carousel-gallery.owl-theme .owl-dots .owl-dot span {

        background: rgb(248, 203, 18);

    }

}