/*-----------------------------------slider styles---------------------------------*/

.slides {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1300px;
    height: 800px; 
    overflow: hidden;
}

.slider-slides {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 800px;
    overflow: hidden;
}

.slider-text {
    position: absolute;
  /*  width: 900px; */
 /* width:100%; */
  /*  height: 120px;*/
    top: 30px;
    left: 30px;
    padding: 5px;
    text-align: left;
    line-height: 60px;
    font-size: 60px;
    font-family: Arial;
    text-shadow: 2px 2px #eeeeee;
}

.slider-text-black {
    color: #000000;
}

.slider-text-blue {
    color: #51a4c1;
}

.slider-text-green {
    color: #a7cf3d;
}

.slider-text-orange {
    color: #bd7620;
}

.slider-text-white {
    color: #ffffff;
}

.slider-sub-text {
    font-size: 25px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #333;
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: italic;
    line-height: 27px;
    padding-top: 25px;
    width:100%;
}

@media( max-width:1075px) {
    .slider-sub-text {
       display:none;
    }

    .slider-text{
        font-size:72px;
        text-align:center;
        top:100px;
        width:100%;
    }

    .slider-slides, .slides{
        height:800px;
    }

}


    .slider-sub-text a, .slider-sub-text a:visited {
        text-decoration: none;
        color: royalblue;
    }



/*----jssor slider bullet navigator skin 21 css----*/
/*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
.jssorb21 {
    position: absolute;
}

    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
        position: absolute;
        /* size of bullet elment */
        width: 19px;
        height: 19px;
        text-align: center;
        line-height: 19px;
        color: #ff99cc;
        font-size: 12px;
        background: url(http://www.cchmd.com/images/img/b21.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb21 div {
        background-position: -5px -5px;
    }

        .jssorb21 div:hover, .jssorb21 .av:hover {
            background-position: -35px -5px;
        }

    .jssorb21 .av {
        background-position: -65px -5px;
    }

    .jssorb21 .dn, .jssorb21 .dn:hover {
        background-position: -95px -5px;
    }