@font-face {font-family: "OpenSans-Bold";
  src: url("../css/fonts/OpenSans-Bold.ttf") format("TTF"), /* chrome、firefox */
  url("../css/fonts/OpenSans-Bold.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
/*  Cameo Skin CSS ========================================= */

.mis-stage {
    background-color: transparent;
}
    .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: transparent;
    }
        .mis-slider li a {
            text-decoration: none;
            color: #000;
            display: block;
        }
        .mis-slider li figcaption {
            font-size: 20px;
            color: #000;
            text-transform: uppercase;
            font-weight: 700;
            font-family: "OpenSans-Bold";
        }
        .mis-slider li img {
            /*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
            /*  for really small screens make width 100% */
            width: 65%;
            /*  Make image round */
            border-radius: 0;
            border: 10px solid transparent;
        }
        .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: 200px;
            height: 330px;
	        padding: 40px 5px 40px 5px !important;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: #fff;
    }


    @media screen and (max-width: 466px) {
       .mis-slider li img {
           width: 168px;
           border-radius: 0;
           border: 10px solid transparent;
       }

    }