/*  Cameo Skin CSS ========================================= */

.mis-stage {
    background-color: #fff;
}
    .mis-slider {
        /*  Slider element does not need to be a specific height
            Here we use it to create a stylish bar behind slides */
        margin-top: 138px;
        height: 80px;
        background-color: #eee;
        color: white;
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li figcaption {
            font-size: 1.125em;
        }
        .mis-slider li img {
            max-width: 270px;
            width: 100%;
            border-radius: 135px;
            border: none;
            margin-bottom: 35px;
            margin-top: -21px;
        }
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default width is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 360px;
            height: 360px;
	        padding: 40px;
            /*  Undo the margin added by slider element */
            margin-top: -138px;
            transform-origin: 50% 50% !important;
        }
    .mis-nav-buttons a {
        color: #fff; 
    }





    .mis-nav-buttons a.mis-prev{
        left: 0;
        padding-bottom: 31px;
        padding-top: 23px !important;
        margin-top: 303px;
    }


    .mis-nav-buttons a.mis-next{
        left: auto;
        right: 0;
        padding-bottom: 31px;
        padding-top: 23px !important;
        margin-top: 303px;
    }

    .mis-nav-buttons a:hover{
        color: #999999;
    }

    .mis-nav-buttons a{
        color: #999999; 
    }
    .mis-slider{
        background-color: rgba(240, 248, 255, 0);
    }
    .mis-nav-list{
        display: none;
    }