﻿#slider1_container, .slides {
    width: 650px !important;
    height: 330px !important; /*289*/
}

#slider1_container {
    align-content: center;
    align-self: center;
    overflow: hidden;
    margin: 15px auto 0 auto;
    position: relative;
    /*background-color: #EB5100;*/
    border-radius: 20px 20px 20px 20px;
    height: 320px !important; /*289*/
}

.slides {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.captionOrange, .captionBlack {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.captionOrange {
    /*background: #EB5100;*/
    /*background-color: rgba(235, 81, 0, 0.6);*/
}

a.captionBlack, A.captionBlack:active, A.captionBlack:visited {
    font-family: Calibri;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 5px 5px 15px;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    top: 280px;
    left: 0px;
    width: 100%;
    height: 40px;
    text-align: left;
    vertical-align: middle;
}

    a.captionBlack:hover {
        color: #eb5100;
        text-decoration: none;
    }

a.captionOrange, A.captionOrange:active, A.captionOrange:visited {
    color: #ffffff;
    text-decoration: none;
}

    a.captionOrange:hover {
        color: #eb5100;
        text-decoration: none;
        background-color: #eeeeee;
        background-color: rgba(238, 238, 238, 0.7);
    }

.bricon {
    /*background: url(img/browser-icons.png);*/
}

/*Bullet Navigator Skin Begin*/

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    /*background: url(../img/b03.png) no-repeat;*/
    overflow: hidden;
    cursor: pointer;
}

.jssorb03 div {
    background-position: -5px -4px;
}

    .jssorb03 div:hover, .jssorb03 .av:hover {
        background-position: -35px -4px;
    }

.jssorb03 .av {
    background-position: -65px -4px;
}

.jssorb03 .dn, .jssorb03 .dn:hover {
    background-position: -95px -4px;
}

/*Arrow Navigator Skin Begin*/
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    /*background: url(../img/a20.png) no-repeat;*/
    overflow: hidden;
}

.jssora20l {
    background-position: -3px -33px;
}

.jssora20r {
    background-position: -63px -33px;
}

.jssora20l:hover {
    background-position: -123px -33px;
}

.jssora20r:hover {
    background-position: -183px -33px;
}

.jssora20ldn {
    background-position: -243px -33px;
}

.jssora20rdn {
    background-position: -303px -33px;
}


@media (max-width: 767px) {
    #slider1_container, .slides {
        width: 100% !important;
        height: 230px !important;
    }

    a.captionBlack, A.captionBlack:active, A.captionBlack:visited {
        position: absolute;
        top: 180px;
        left: 0px;
    }
}
