.invo-slider-slide .invo-slider-slide-img{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    flex:1;
    
}

.invo-slider-sec-inner{
    display:flex;
    flex-wrap:wrap;
}

.invo-slider-sec-inner .invo-slider-left{
    width:40%;

}

.invo-slider-sec-inner .invo-slider-right{
    width:60%;
}

.invo-slider-sec.invo-slider-sec-invert-yes .invo-slider-left{
    order:2;
}
.invo-slider-sec.invo-slider-sec-invert-no .invo-slider-left-inner{
    margin-left: auto;
}

.invo-slider-sec-inner .invo-slider-right{
    position:relative;
}
.invo-slider-sec-inner .invo-slider-right .invo-slider-right-inner{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow: hidden;
}

.invo-slider-right .invo-slider-slide{
    display: flex;
}

.invo-slider-sec-inner .invo-slider-left ::selection {
    color: var(--e-global-color-primary);
    background: white;
}

.invo-slider-right-inner.swiper-container .swiper-pagination.swiper-pagination-bullets{
    bottom:50px;
    left:-100%;
}

.invo-swiper-pagination .slick-dots li button:before{
    display: none;
}
.swiper-pagination .swiper-pagination-bullet,
.invo-swiper-pagination .slick-dots li button{
    width:23px;
    border-radius:0;
    height:2px;
    transition:all 0.3s linear;
    background:none;
    opacity:1;
}


.invo-swiper-pagination .slick-dots li{
    width: auto;
    vertical-align: top;
}
.invo-swiper-pagination .slick-dots li button{
    font-size: 0;
    background: none;
}
/*
.invo-slider-right-inner.swiper-container .invo-swiper-pagination{
    left:-100%;
}
.invo-slider-sec-invert-yes .invo-slider-right-inner.swiper-container .invo-swiper-pagination{
    left:100%;
}*/


.invo-swiper-pagination{

}

.invo-slider-right-inner .invo-swiper-pagination .swiper-pagination{
    position: static;
}


.invo-swiper-pagination {
    position:relative;    
    margin-top:50px;
}

.invo-swiper-pagination .swiper-pagination{
    bottom:0;
    position:relative;
    transform:none;
    text-align:left;
}


.swiper-pagination .swiper-pagination-bullet{
    position: relative;
    height: 20px;
}
.swiper-pagination .swiper-pagination-bullet:before,
.invo-swiper-pagination .slick-dots li button:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:#fff;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.invo-swiper-pagination .slick-dots li.slick-active button{
    width:75px;
}
.invo-swiper-pagination  .slick-dots{
    position: relative;
    bottom: 0;
    text-align: left;
}

.invo-slider-nav {
    position:absolute;
    top:50%;
    left:0;
    transform:translate(-40%, -50%);
    z-index:1;
    width:106px;
    height:106px;
    border:3px solid #fff;
    border-radius:50%;
    opacity: 0;
    transition: all 0.3s linear;
}

.invo-slider-sec:hover .invo-slider-nav{
    opacity: 1;
    transform:translate(-60%, -50%);
}
.invo-slider-nav .swiper-button-next,
.invo-slider-nav .swiper-button-prev,
.invo-slider-nav .slick-prev,
.invo-slider-nav .slick-next{
    width:53px;
    height:100px;
    transform:none;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;    
    color:#fff;
    opacity:0.6;
    transition:all 0.3s linear;
}
.invo-slider-nav .slick-prev,
.invo-slider-nav .slick-next{
    font-size: 0;
}
.invo-slider-nav .swiper-button-next,
.invo-slider-nav .slick-next{
    justify-content:flex-start;
    padding-left:10px;
}
.invo-slider-nav .swiper-button-prev,
.invo-slider-nav .slick-prev{
    justify-content:flex-end;
    padding-right:10px;
}
.invo-slider-nav .swiper-button-next:after,
.invo-slider-nav .swiper-button-prev:after,
.invo-slider-nav .slick-prev:before,
.invo-slider-nav .slick-next:before{
    font-family: 'invicons';
    font-size:22px;
}
.invo-slider-nav .swiper-button-next:after,
.invo-slider-nav .slick-next:before{
    content: '\e81f';
}
.invo-slider-nav .swiper-button-prev:after,
.invo-slider-nav .slick-prev:before{
    content: '\e802';
}

.invo-slider-nav .swiper-button-next,
.invo-slider-nav .slick-next{
    left:50%;
}

.invo-slider-nav .swiper-button-next:hover,
.invo-slider-nav .swiper-button-prev:hover,
.invo-slider-nav .slick-prev:hover,
.invo-slider-nav .slick-next:hover{
    opacity:1;
}

.invo-slider-sec-invert-yes .invo-slider-nav{
    left:auto;
    transform:translate(40%, -50%);
    right:0;
}
.invo-slider-sec-invert-yes.invo-slider-sec:hover .invo-slider-nav{
    opacity: 1;
    transform:translate(60%, -50%);
}


/*====================================
=            Slick Slider            =
====================================*/

.invo-slider-right-inner{
    display:flex;
}

.invo-slider-gallery{
    flex:1;    
    width: 100%;
}
.slick-dotted.slick-slider.invo-slider-gallery{
    margin-bottom: 0;
}

.invo-slider-gallery .slick-list,
.invo-slider-gallery .slick-track{
    height:100%
}
.invo-slider-gallery .slick-list.draggable .slick-track *{
    cursor: grabbing;
}

.invo-slider-sec-inner .invo-slider-right:first-child .invo-slider-right-inner{
    position:relative;
}

/*=====  End of Slick Slider  ======*/


/*====================================
=            Story Slider            =
====================================*/

.invo-story-slider{
    text-align: center;
    color:#fff;
}
.invo-story-slider h4{
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: "Exo 2 Expanded", Sans-serif;
}

.invo-story-slide-desc{
    font-size: 18px;
    color:#fff;
}
.invo-story-slide-img{
    padding-top:50%;
    border-radius: 30px;
    box-shadow: 0px 10px 36px #0000005C;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.invo-story-slide-content{
    margin-left: auto;
    margin-right: auto;
}
.invo-story-slider .invo-story-slide-content{
    opacity:0;
}

.invo-story-slider .swiper-slide-active .invo-story-slide-content{
    opacity:1;
}
.invo-story-slider .invo-story-slide.swiper-slide-prev, .invo-story-slider .invo-story-slide.swiper-slide-next{
    opacity:0.7
}

.invo-story-slider .invo-story-slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active){
    opacity:0.4
}
.invo-story-slider .swiper-pagination{
    position: static;
}
/*=====  End of Story Slider  ======*/


/*================================
=            Carousel            =
================================*/

.invo-carousel .invo-carousel-slide-img{
    position: relative;
    display: block;
    outline: none;
    border:none;
    padding-top:59%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    overflow: hidden;
}

.invo-carousel h4 {
    font-size:32px;
    color:#fff;
    margin:0;
    font-weight:500;
    font-family: "Exo 2 Expanded", Sans-serif;
}
.invo-carousel h4 a{
    color: inherit;
}
.invo-carousel .invo-carousel-slide-inner h4 a span{
    transition: all 0.3s linear;
}

.invo-carousel .invo-carousel-slide-inner:hover h4 a span{
    box-shadow: #fff 0 2px 0;
}
.invo-carousel .invo-carousel-slide-img:before{
    position: absolute;    
    font-family: "invicons";
    right:20px;
    top:20px;
    content: '\e823';
    font-size:78px;
    color:#fff;
    line-height:1;
    opacity: 0;
    transition: all 0.3s linear;
    transform: translate(-10px, 10px);
    z-index: 1;
}
.invo-carousel .invo-carousel-slide-inner:hover .invo-carousel-slide-img:before{
    transform: translate(0, 0);
    opacity: 1;
}
.invo-carousel .invo-carousel-slide-img span:first-child{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:block;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    transition: all 0.3s linear;
    transform: scale(1);
}
.invo-carousel .invo-carousel-slide-inner:hover .invo-carousel-slide-img span:first-child{
    transform: scale(1.05);
}

.invo-carousel.invo-style-2 .invo-carousel-slide-content{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}


.invo-style-2.invo-carousel .invo-carousel-slide-img:before{
    display:none;
}

.invo-style-2.invo-carousel .invo-carousel-icon{
    position:absolute;
    right:20px;
    top:20px;
    font-size:99px;
    color:#fff;
    line-height:1;
    opacity:0;
    transition:all 0.3s ease;
    transform:translate(0, 15px)
}

.invo-style-2.invo-carousel .invo-carousel-icon i:before{
    vertical-align:top;
}

.invo-style-2.invo-carousel .invo-carousel-slide-inner:hover .invo-carousel-icon{
    opacity:1;
    transform:translate(0, 0)
}
/*=====  End of Carousel  ======*/

/*===================================
=            Year Slider            =
===================================*/

.invo-year-slider h4{
    position:relative
}

.invo-year-slider h4:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    border-bottom:1px solid;
}

.invo-year-slider h4:before{
    content:'';
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    border:4px solid;
    border-radius:50%;
    background:#F0F0F0;
    left:50px;
    bottom:-15px;
    z-index:1;
    transition: all 0.3s ease;
}
.invo-year-slider .invo-carousel-slide-inner:hover h4 a span{
    box-shadow: none;
}

.invo-slider-helipad i{
    font-size:138px;
    line-height:1;
    color:var( --e-global-color-primary )
}

.invo-slider-helipad{
    overflow:hidden;
}
.invo-slider-helipad i{
    display:inline-block;
    animation:helipad 1s forwards;
    position:relative;
    left:0;
}

@keyframes helipad{
    0%{
        left:0;
    }
    100%{
        left:100%;
    }
}

@keyframes helipadIn{
    0%{
        left:-100%;
    }
    100%{
        left:0;
    }
}

.invo-active .invo-slider-helipad i{
    animation:helipadIn 1s forwards;
}
/*=====  End of Year Slider  ======*/


/*===========================
=            CTA            =
===========================*/
.invo-wd-cta a{
    outline:none;
    display:block;
    position:relative;
    color:#007A8A;
    border:2px solid #007A8A;
    overflow: hidden;
}

.invo-wd-cta-inner{
    position:relative
}

.invo-wd-cta-bg{
    display:block;
    padding-top:50%;
    opacity:0;
    transition:all 1.5s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.invo-wd-cta-content{
    position:absolute;
    left:0;
    top:0;
    padding:30px 50px;
    right:0;
    bottom:0;
    margin:0 auto;
}

.invo-wd-cta h4{
    margin:0 0 30px;
    font-size:32px;
    font-family: "Exo 2 Expanded", Sans-serif;
    font-weight:700;
    
}

.invo-wd-cta p{
    font-size:20px;
    color:#707070;
    max-width:380px;
}

.invo-wd-cta a:hover .invo-wd-cta-bg{
    opacity: 1;
}
.invo-wd-cta a:hover,
.invo-wd-cta a:hover h4,
.invo-wd-cta a:hover p{
    color:#fff;
}

.invo-wd-cta h5{
    margin:0;
    position:absolute;
    right:0;
    bottom:0;
    font-size:40px;
    font-family: "Exo 2 Expanded", Sans-serif;
    font-weight:bold;
    line-height:1;   
    transition: all 0.4s ease; 
    transform: scale(1);
    transform-origin: right bottom;
}

.invo-wd-cta a:hover h5{
    transform:scale(4)
}
.invo-wd-cta-icon i{
    font-size:58px;
    opacity:0;
    transition:all 0.3s ease;
    transform: translate(0, 10px);
    display: inline-block;
}
.invo-wd-cta a:hover i{
    transform: translate(0, 0);
    opacity: 1;
}
.invo-wd-cta a:hover .invo-wd-cta-bg{
    transform:scale(1.1)
}
/*=====  End of CTA  ======*/

.mfp-close{
    width:50px !important;
    height:50px;
    padding:0 !important;
    top:-50px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    font-size:40px !important;
    font-weight:normal !important;
    font-family:Arial !important;
    outline:none !important;
}

.mfp-close:hover,
.mfp-close:focus{
    background:none !important;
}

.mfp-arrow{
    background:none !important;
    outline:none !important;
}