/* ---------- slideshow CSS ---------- */
.slideshow {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 50;

}
/* cycle slide */
.slideshow .cycle-slide {
    position: relative;
    width: 100%;
    max-height: 824px;
    /*max-height: 848px;*/
    overflow: hidden;
    background: #000;
}
.slideshow .cycle-slide .image{
    width: 100%;
    /*height: 848px;*/
    height: 654px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.slideshow .cycle-slide:after {
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    /*background: rgba(38, 71, 119, 0.6);*/
    background-blend-mode: multiply;
    z-index: 5;
}
.slideshow .cycle-slide img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

/* slide body */
.slideshow .cycle-slide .slide-body {
    position: absolute;
    width: 100%;
    /*top: 35%;*/
    top: 50%;
    z-index: 100;
    opacity: 0;
    margin-left: -50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.slideshow .cycle-slide.cycle-slide-active .slide-body {
    opacity: 1.0;
    margin: 0;
}
/* slide content */
.slideshow .cycle-slide .slide-content {
    width: 100%;
    max-width: 1535px;
    margin: auto;
}
.slideshow .cycle-slide .slide-content  .explore{
    color:#fff;
    text-transform: uppercase;
    display: none;
    z-index: 2;
    position: relative;
    margin-left: 7px;

}
.slideshow .cycle-slide .slide-content .content-label {
    position: relative;
    display: inline-block;
    margin:-60px 0 0 0;
    background: transparent;
    color: transparent;
    opacity: .20;
    font-size: 135px;
    text-transform: uppercase;
    font-weight: 900;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    white-space: nowrap;
    display: none;
}
.slideshow .cycle-slide .slide-content .content-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0;
    margin: -90px 0 0 5px;
    color: #fff;
    text-transform: uppercase;
}
.slideshow .cycle-slide .slide-content .stats{
    position: relative;
    max-width: 600px;
}
.slideshow .cycle-slide .slide-content .stats { margin-top: 20px;}
.slideshow .cycle-slide .slide-content .stats div{ display: inline-block; float: left;  min-width: 130px; text-align: left;}
.slideshow .cycle-slide .slide-content .stats img{max-width: 69px; opacity: .85;}
.slideshow .cycle-slide .slide-content .stats p{color:#fff; font-size: 15px; font-weight: 400;margin-top: 10px;}
.slideshow .cycle-slide .slide-content .content-btn {

}
.slideshow .cycle-slide .slide-content  .btn {
   background: #d48b0d;
   color:#fff;
   border: 0;
    padding: 15px 40px;
    margin-top:35px;
    font-size: inherit;
}
.slideshow .cycle-slide .slide-content  .btn:hover {
    background: var(--primary-blue);
}

/* cycle pager */
.slideshow .cycle-pager {
    padding: 30px 0;
    background:transparent;
    text-align: center;
    z-index: 100;
    position: absolute;
    bottom:12%;
    /*left: 50%;*/
    /*left: 45%;*/
    left: 44%
}
.slideshow .cycle-pager span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: transparent;
    border-radius: 20px;
    text-indent: -9999px;
    cursor: pointer;
    border:2px solid #fff;
}
.slideshow .cycle-pager span:hover {
    background: var(--primary-blue);
}
.slideshow .cycle-pager span.cycle-pager-active {
    background: #fff;
}

@media screen and (max-width: 1199px){
    .slideshow .cycle-slide .slide-content .content-label {font-size: 60px;}
    .slideshow .cycle-slide .slide-content .content-title{ font-size: 40px; margin: 0;}

    .slideshow .cycle-slide .slide-content .stats { }
}

/* TABLET */
@media screen and (max-width: 1024px) {

    .slideshow .cycle-slide .slide-content {
        width: 90%;
    }

}

@media screen and (max-width: 991px){
    .slideshow .cycle-slide .slide-content .explore{ display: none;}
    .slideshow .cycle-slide .slide-body{
        max-width: 600px;
        display: block;
        margin: auto!important;
        left:0;
        right: 0;

    }
}

/* MOBILE */
@media screen and (max-width: 768px) {
    .slideshow .cycle-slide .slide-content .content-label{ font-size: 40px; line-height: 32px; }
    .slideshow .cycle-slide .slide-content .content-title{ font-size: 22px; line-height: 32px;}
    .slideshow .cycle-slide .image{ height: 400px;}
    .slideshow{ min-height: 400px;}
    .slideshow .cycle-slide .slide-body {
        top: 22%;
    }
    .slideshow .cycle-slide .slide-content .btn {padding:10px; margin-top: 25px; font-size: 15px;}
    .slideshow .cycle-slide .slide-content .stats img {max-width: 40px;}
    .slideshow .cycle-slide .slide-content .stats p{ font-size: 11px;}
    .slideshow .cycle-slide .slide-content .stats div{min-width: 70px;}


}


/* MOBILE */
@media screen and (max-width: 376px) {
    .slideshow .cycle-slide .slide-content .content-label{ font-size: 40px; line-height: 32px; }
    .slideshow .cycle-slide .slide-content .content-title{ font-size: 22px; line-height: 32px;}
    .slideshow .cycle-slide .image{ height: 400px;}
    .slideshow{ min-height: 400px;}
    .slideshow .cycle-slide .slide-body {
        top: 14%;
    }
    .slideshow .cycle-slide .slide-content .btn {padding:10px; margin-top: 25px; font-size: 15px;}
    .slideshow .cycle-slide .slide-content .stats img {display: block; margin: auto;}
    .slideshow .cycle-slide .slide-content .stats p{ font-size: 11px;}
    .slideshow .cycle-slide .slide-content .stats div{min-width: 50%; border-bottom: 1px solid #fff; text-align: center; margin-bottom: 5px;}


}