﻿.revSlider {    
    margin: 0 auto;    
    position: relative;
    overflow: hidden;
}

.revSlider ul{
    margin:0;
    padding: 0;
    list-style: none;
}
.revSlider li{
    width:100%;
    background-color: #bfd9e5;
    border-radius: 7px;
}

    /*.revSlider li a {
        display: none;
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #fff;
    }*/

/*    .revSlider li img {
        display: table;
        margin: 0 auto;
    }*/ 

    .revSlider li p {        
        float: right;
        width: 35%;
        padding-right: 7px;
    }

        .revSlider li p strong {
            color: #0c96cf;
            font-size: 30px;
            display: block;
            padding: 5% 0;
        }
        .revSlider li p span {
            font-size: 14px;            
            font-family: SourceSansPro-Regular;
        }
        .revSlider li p a {
            display: table;
            background-color: #fff;
            color: #0c96cf;
            margin: 5% 0;
            padding: 2px 12px;
            padding-right: 20px;
            font-size: 14px;
            text-decoration: none;
            position: relative;
        }
        .revSlider li p a:after {
            content: ">";
            color: #818181;
            position: absolute;
            right: 5px;
        }

    .revSlider .slideCount {
        position: absolute;
        bottom: 15px;
        right: 25px;        
    }
    .revSlider .slideCount a{
        color: #ff77ba;
        text-decoration: none;
        margin: 0 2px;
        font-size: 20px;
    }
        .revSlider .slideCount a.selected {
            color: #ee0e8a;
        }

    .revSlider .slideTab {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20%;
    }

        .revSlider .slideTab a {
            display: block;
            color: #fff;
            text-decoration: none;
            margin-bottom: 60px;
            border-left: 4px solid #fff;
            padding: 10px 5px;
        }

            .revSlider .slideTab a sub {
                display: block;
                font-size: 12px;
            }

@media screen and (max-width: 780px) {
    .revSlider .slideTab {
        display: none;
    }

    .revSlider li a {
        display: block;        
    }
        
}