﻿/* ==========================================================================   Slider Home Page   ========================================================================== */

.slider-container .owl-buttons {
    /* position: relative; */
    /* float: right; */
    /* top: 1px; */
    width: 100%;
    position: absolute;
    top: calc(50% - 45px);
    /* width: 100%; */
}

.slider-container .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    opacity: 1;
}

.slider-container .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    opacity: 1;
}

.slider-container .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    display: inline; /*IE7 life-saver */
    margin: 0;
    padding: 10px 23px;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FFF;
    filter: Alpha(Opacity=90); /*IE7 fix*/
    opacity: 0.9;
}

    .slider-container .owl-theme.owl-buttons-transparent .owl-controls .owl-buttons div {
        background: transparent;
    }
    .slider-container .owl-theme.owl-buttons-transparent .owl-controls .owl-buttons div i {
        color: #fff;
    }

    .slider-container .owl-buttons i {
        color: #333333;
    }

.slider-container .owl-theme .owl-controls {
    width: 100%;
    margin: 0;
    padding: 0;
}


.news-owl-theme .owl-buttons {
    /* position: relative; */
    /* float: right; */
    width: 100%;
    position: absolute;
    /* width: 100%; */
    /* left: 15px; */
    top: calc(50% - 45px);
}

.news-owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -65px;
}

.news-owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -65px;
}

.news-owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    display: inline; /*IE7 life-saver */
    margin: 0;
    padding: 10px 23px;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FFF;
    filter: Alpha(Opacity=90); /*IE7 fix*/
    opacity: 0.9;
}

.news-owl-theme .owl-buttons i {
    color: #333333;
}

.news-owl-theme .owl-controls {
    width: 100%;
    margin: 0;
    padding: 0;
}
/* ==========================================================================   Slider extra image and extra text   ========================================================================== */

#slider-images article, #slider-extra-text article, #slider-extra-images article {
    padding: 0 50px;
}

    #slider-images article .content-image-owl-theme .owl-controls, #slider-extra-text .content-text-owl-theme .owl-controls, #slider-extra-images .extra-image-owl-theme .owl-controls {
        position: absolute;
        width: calc(100% - 5px);
        top: calc(50% - 60px);
    }

    #slider-images article .owl-prev, #slider-extra-text article .owl-prev, #slider-extra-images article .owl-prev {
        position: absolute;
        left: -55px;
        padding: 50px 20px;
    }

    #slider-images article .owl-next, #slider-extra-text article .owl-next, #slider-extra-images article .owl-next {
        position: absolute;
        right: -55px;
        padding: 50px 16px;
    }

#slider-images .arrow-next, #slider-extra-text .arrow-next, #slider-extra-images .arrow-next {
    width: 17px;
    height: 22px;
    background: url(/img/corporate/arrow.png) no-repeat;
    background-size: 17px 22px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#slider-images .arrow-prev, #slider-extra-text .arrow-prev, #slider-extra-images .arrow-prev {
    width: 17px;
    height: 22px;
    background: url(/img/corporate/arrow.png) no-repeat;
    background-size: 17px 22px;
}

#slider-extra-text h2, #slider-extra-images h2 {
    text-align: center;
}

#slider-extra-text li {
    padding: 25px 15px 0;
    min-height: 300px;
    margin-bottom: 10px;
}



.sCaption {
    position: absolute;
    z-index: 3;
    left: 46%;
    top: 40px;
    max-width: 600px;
    margin: 0 0 0 -470px;
    padding: 25px 25px 30px;
    opacity: 0;
    -webkit-transform: translateX(340px);
    -ms-transform: translateX(340px);
    transform: translateX(340px);
    -webkit-transition: 0.3s 0.7s;
    transition: 0.3s 0.7s;
    min-width: 400px;
}

.active .sCaption {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.sCaption-content p {
    color: #fff;
    padding: 5px 10px 0;
    line-height: 1.3;
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.sCaption-content a.caption-btn {
    border: 1px solid #777777;
    padding: 5px 10px;
    margin: 10px 15px;
    color: #555555;
}

.owl-theme .owl-controls .owl-page span {
    background: #ffffff;
}

.owl-pagination {
    position: relative;
    bottom: 40px;
}



.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    width: 15px;
    height: 15px;
}
