#slideshow{
    position: relative;
    background: #fff;
}

#slideshow   .slick-slide{
    margin: 0 !important;
}
.slideshow-position-relative{
    position: relative;
}

.caption-wrapper h1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.caption-wrapper p{
    font-size: 19px;
    color: #ccc;
}


 .el-slidenav{
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    cursor: pointer;

}


.el-slidenav::before{

    background-color: hsla(0,0%,100%,.25);
    border: 1px solid;
    content: "";
    /*border-radius: 100%;*/
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
    border-color: #fff;
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.el-slidenav:hover::before{
    -webkit-transform: scale(1.129);
    -ms-transform: scale(1.129);
    transform: scale(1.129);

}
#slideshow .slide-next::before{
    content: '\e939';
    font-family: 'icomoon';
    color: #fff;
    font-size: 11px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    bottom:0;
    text-align: center;
    line-height: 45px;
}
#slideshow .slide-prev::before{
    content: '\e936';
    font-family: 'icomoon';
    color: #fff;
    font-size: 11px;
    position: absolute;
    left:0;
    right: 0;
    top:0;
    bottom:0;
    text-align: center;
    line-height: 45px;
}




@media (max-width: 676px) {
    .site-btn-default-bg{
        line-height: unset;
    }
}



.slick-slide img{
    width: 100%;
}

.slide-navigaton{
    display: flex;
    justify-content: center;
    align-items: center;
}



.arrow-prev{
    left: 30px;
}
.arrow-next{
    right: 30px;
}
.slick-arrow:focus,
.slick-arrow:active,
.slick-arrow:hover{
    outline: none;
}

.slick-arrow.slick-disabled{
    pointer-events:none;
    opacity: 0.5;
}
.slick-prev::before,
.arrow-prev::before{
    content: '\e900';    font-size: 30px;
    font-family: 'icomoon';
    color: #fff;
}
.arrow-next::before , .arrow-next::before{
    content: '\e902';
    color: #fff;
    font-size: 30px;
    font-family: 'icomoon';
}


.slick-list:focus {
    outline: none;
}
.slick-slide a,
.slick-slide a:focus,
.slick-slide a:active,
.slick-slide a:hover{
    text-decoration: none;

    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slide {
    outline: none;
}
.slick-slider{
    margin: 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-dots-wrapper{position: absolute;
    bottom: 10px;
}

@media (max-width: 767px) {
    .arrow-prev, .arrow-next{
        display: none !important;
    }
    .slideshow_wrapper .caption{
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 480px) {
    .slideshow_wrapper .caption{
        left: 0;
        transform: translate(0%, -50%);
        padding: 20px;
        right: 0;
    }
}
.uk-slidenav-white {
    padding: 38px 36px !important;
    color: #000 !important;
    background: #fff !important;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
}

.uk-slidenav-white:hover {
    color: rgba(0,0,0,.6) !important;
    outline: 0;
    background-color: #fff !important;
}
.uk-dotnav>.slick-active>* {
    background-color: #f3c565;
    -webkit-transform: scale(1.129);
    -ms-transform: scale(1.129);
    transform: scale(1.429)
}


.slideshow_wrapper{
    position: relative;
    /*height: 750px;*/
}
/*.slideshow_wrapper:before{*/

/*    -webkit-transform-origin: 100% 100%;*/
/*    -ms-transform-origin: 100% 100%;*/
/*    transform-origin: 100% 100%;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100.4%;*/
/*    height: 100%;*/
/*    bottom: 0;*/
/*    transition: -webkit-transform .45s ease;*/
/*    transition: transform .45s ease;*/
/*    transition: transform .45s ease,-webkit-transform .45s ease;*/
/*    content: "";*/
/*    background: linear-gradient(*/
/*            180deg*/
/*            ,transparent 0,rgba(0,0,0,.66));*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#e0000000",GradientType=0);*/

/*}*/


.slideshow_wrapper:hover:before {
    webkit-transform: scaleY(.45);
    -ms-transform: scaleY(.45);
    transform: scaleY(.45);
}

.el-slidenav{
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

@media (max-width: 480px) {
    .el-slidenav{
        width: 35px;
        height: 35px;
    }
}




#slideshow .slick-arrow::before{

    background-color: hsla(0,0%,100%,.25);
    border: 1px solid;
    content: "";
    /*border-radius: 100%;*/
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
    border-color: #fff;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.el-slidenav:hover::before{
    -webkit-transform: scale(1.129);
    -ms-transform: scale(1.129);
    transform: scale(1.129);

}

.el-slidenav svg {
    fill: #fff;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: fill .3s ease;
}


.uk-slideshow-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.slideshow-background-picture{
   width: 100%; height: 100%;
    background-size: cover;  background-repeat: no-repeat;
}

@media (max-width: 600px) {
    .slideshow-background-picture{
        background: unset !important;
    }
    .slideshow-background-picture picture{
        display: block !important;
    }

    .slideshow_wrapper{
        /*height: 420px;*/
    }

    .mobile-cover-caption{
        margin: 0 15px;
        max-width: 100%;
        /*position: relative;*/
        /*top: -70px;*/
        background: #fff;
        padding: 15px;
        top:unset;
        bottom: 0;
    }
    .mobile-cover-caption .uk-container{
        padding:0;
        margin:0;
    }

    .slideshow_wrapper:before{
        content: unset;
        display: none;
    }

    .caption-wrapper h1{
        color: #171d2f;
        font-size: 22px;
    }

    .caption-wrapper p{
        font-size: 13px;
        color: #9c9c9c;
    }
}


.mydots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    /*margin: 20px 0*/
}

.mydots li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 10px;
    height: 10px
}

@media (max-width: 480px) {
    .mydots li{
        margin-right: 28px;
    }
}

.mydots li:last-child {
    margin-right: 0
}

.mydots li.slick-active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
@media (max-width: 600px) {
    .mydots li.slick-active:after {
        -webkit-transform:  scale(0.8);
        -ms-transform: scale(0.8);
        transform:  scale(0.8)
    }
}

.mydots li.slick-active button {
    background-color: #171d2f;
}

.mydots li a:hover{
    cursor: pointer;
}

/*.mydots li:after,*/
/*.mydots li:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%*/
/*}*/

/*.mydots li:before {*/
/*    -webkit-transform: scale(3.5);*/
/*    -ms-transform: scale(3.5);*/
/*    transform: scale(3.5);*/
/*    cursor: pointer*/
/*}*/

/*.mydots li:after {*/
/*    -webkit-transform-origin: 50% 50%;*/
/*    -ms-transform-origin: 50% 50%;*/
/*    transform-origin: 50% 50%;*/
/*    border-radius: 100%;*/
/*    transition: all .3s ease;*/
/*    background-color: hsl(0deg 100% 69% / 28%);*/
/*    pointer-events: none;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    margin: -20px 0 0 -20px;*/
/*    -webkit-transform: scale(0);*/
/*    -ms-transform: scale(0);*/
/*    transform: scale(0)*/
/*}*/




@media(min-width:768px) {
    .mydots li:hover button {
        background-color: #f3c566;
    }
}



.mydots li a{

    outline: none;
    border-radius: 100%;
    font-size: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color:transparent;
    border: 1px solid hsl(12deg 100% 42%);
    display: block;
    transition: background-color .3s ease
}


#slideshow .mydots button, .mydots li.slick-active a {
    border: none;
    outline: none;
    border-radius: 100%;
    font-size: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color:hsl(12deg 100% 42%);
    display: block;
    transition: background-color .3s ease
}


/*.banners-arrow-prev:before,.banners-arrow-next:before {*/

/*    content: "";*/
/*    border-color: #fff;*/
/*    border-radius: 100%;*/
/*    transition: all .3s ease;*/
/*    -webkit-backface-visibility: hidden;*/
/*    backface-visibility: hidden;*/
/*}*/
/*.slide-prev:before{*/
/*    content: '\e936';*/
/*    font-family: icomoon;*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*}*/


/*.slide-prev, .slide-next{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/
/*.slide-next:before{*/
/*    content: '\e939';*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*    font-family: icomoon;*/
/*}*/

/*.banners-arrow-next, .banners-arrow-prev{*/
/*    width: 60px;*/
/*    display: inline-block;*/
/*    height: 60px;*/
/*    cursor: pointer;*/
/*    background-color: hsla(0,0%,100%,.25);*/
/*    border: 1px solid ;*/

/*}*/


/*.position-center{*/
/*    position: absolute;*/
/*}*/

/*.position-relative{*/
/*    position: relative;*/
/*}*/


/*!* Vertical *!*/
/*.position-center-left,*/
/*.position-center-right {*/
/*    top: 50%;*/
/*    -webkit-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*}*/
/*.position-center-left {*/
/*    left: 0;*/
/*    margin:30px*/
/*}*/
/*.position-center-right {*/
/*    right: 0;*/
/*    margin:30px*/
/*}*/
/*!* Horizontal *!*/
/*.position-top-center,*/
/*.position-bottom-center,  .position-fixed-center{*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*    transform: translateX(-50%);*/
/*    !* 1 *!*/
/*    display: table;*/
/*}*/
/*.uk-position-top-center {*/
/*    top: 0;*/
/*}*/
/*.uk-position-bottom-center {*/
/*    bottom: 0;*/
/*}*/

/*.position-fixed-center{*/
/*    bottom: 0;*/
/*    margin:30px;*/
/*}*/


#slideshow .dotswrapper{
    -webkit-transform: translateX(calc(-50% - 30px));
    transform: translateX(calc(-50% - 30px));
    left: 50%;
    padding: 32px;
    position: absolute;
   bottom: 0;
}

@media(max-width: 640px)
{
    /*.navbar-slider{*/
    /*    display: none;*/
    /*}*/
}

@media (max-width: 640px) {
    #slideshow .dotswrapper{
        position: unset;        transform: unset;
        padding: 15px 0;
        margin: 0px 10px;
    }



    .mydots-white li:after{
        background: hsl(199deg 51% 61% / 23%);

    }



    .mydots-white li:after{
        width: 30px;
        content: unset;
        height: 30px;
    }

    .mydots-white .slick-active a{
        background-color: #6aafce;
        border: 1px solid #6aafce;

    }

    .mydots-white a
    {
        border: 1px solid #6aafce;
        /*background: #000;*/
    }
    .mydots li:before{
      content: unset;
    }
    .mydots li{
        margin-right: 5px;
    }
}

.slideshow-prev{
    position: absolute;
    -webkit-transform: translateY(calc(-50% - 30px));
    transform: translateY(calc(-50% - 30px));
    margin: 30px;
    left: 0;
    top: 50%;
}

.slideshow-next{
    position: absolute;
    -webkit-transform: translateY(calc(-50% - 30px));
    transform: translateY(calc(-50% - 30px));
    margin: 30px;
    right: 0;
    top: 50%;
}

@media (max-width: 640px) {

    .slideshow-prev, .slideshow-next{
        position: relative;
        transform:unset;
        margin:0;
        top: unset;
        position: relative;
    }

    .navigation-slideshow{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #slideshow .slick-arrow::before{
        content: unset;
    }

    #slideshow .slide-next::before{
        content: '\e938';

        font-size: 15px;
        color: #000;
        padding: 15px 0; line-height: unset;
    }

    #slideshow .slide-prev::before{
        content: '\e935';
        font-size: 15px;
        padding: 15px 0;

        color: #000;
        line-height: unset;
    }

    #slideshow .slide-prev::before, #slideshow .slide-next::before
    {
        color: #d72b00;
    }

}