/*  miSlider Core Styles ========================================== */

/* Version: 0.1.11 */



/*  Resets */

.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



.mis-stage, .mis-slider {

    position: relative;

    overflow: hidden;

}

.mis-stage { /*  Set stage width as desired */

    text-align: center; /*  Center list navigation */

    width: 94%;

    margin-left: 33px;

}

@media (max-width: 767px) {

   .mis-stage {

       margin: 0 auto;

       width: 90%;

    }

}

    .mis-slider {

	    list-style: none;

	    overflow: visible;

	    height: 100%;

	    margin-top: 0;

        z-index: 1;

    }

        /*  Set slide width and padding */

        .mis-slide {

            /*  Set width in pixels to restrict width of slides 

                for multi-item slider, default is 100%

                for single-item slider. Use padding to add space 

                between slides */

	        width: 100%;

            height: auto;

	        padding: 0;

            display: block;

            position: relative;

            float: left;

            overflow: visible !important;

        }

        .mis-slide.mis-current {

            z-index: 88;

        }

            /*  Slide container - inserted around the contents

                of each slide by the plugin */

            .mis-container {

                display: block;

                width: auto;

                height: auto;

                border: 0;

            }

    /*  Style list navigation */

	.mis-nav-list {

		position: absolute;

		bottom: .5em;

        width: 100%;

        margin: 0 auto; /* center it */

        z-index: 1;

        padding: 0;

	    display: none;

	}

		.mis-nav-list li {

			display: inline-block;

			margin: 0 .25em;

		}

        .mis-nav-list li a {

			display: block;

			width: 11px;

			height: 11px;

			text-indent: 100%; /* Replace text */

            overflow: hidden;

            white-space: nowrap;

			border: 1px solid #eee;

			border-radius: 7px; /* Make items round */

			opacity: .3;

            -webkit-box-shadow: inset 0 0 2px #333;

            box-shadow: inset 0 0 2px 2px #333;

            margin: 0 3px;

		}

			.mis-nav-list li.mis-current a, .mis-nav-list li a:hover {

				background: #333;

			}



    .mis-nav-buttons {

        display: block;

        position: absolute;

        height: 0;

        top: 18%;

       width: 100% !important;

       left: 0 !important;

        opacity: 1 !important;

        z-index: 9;

    }

        .mis-nav-buttons a {

            position: absolute;

            color: rgba(59, 190, 122,.5);

            font-size: 0; /* Hide for browser except Android */

            line-height: .01; /* 0 is inconsistent in Opera */

            font-family: Verdana, Geneva, sans-serif;

            text-decoration: none;

        }

         .mis-nav-buttons a div {

             opacity: .5;

         }

          .mis-nav-buttons a:hover div {

              opacity: .9;

              transition: all 0.5s ease-out; 

          }

            /*.mis-nav-buttons a:hover {

                 color: rgba(59, 190, 122,.9);

            }*/

            .mis-nav-buttons a.mis-next {

                left: auto;

                right: -40px;

                height: 140px !important;

                width: 53px;

            }

            .mis-next div {

                float: right;

            }

            .mis-prev div {

                float:left;

            }

            .mis-nav-buttons a.mis-prev {

                left:-40px;

                height: 140px !important;

                width: 53px;

            }

            /*.mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after {

                content: "\2039"; 

                display: block;

                font-size: 80px;

                text-indent: 0;

            }

            .mis-nav-buttons a.mis-next:after {                

                content: "\203a"; 

            }*/


/*  Cameo Skin CSS ========================================= */
    .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;
       
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li figcaption {
            display: none;
            font-size: 1.125em;
        }
     #wrapper  li.mis-current figure figcaption {
         display: block;
     }
        .mis-slider li img {
            /*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
            max-width: 170px;
            /*  for really small screens make width 100% */
            width: 100%;
            /*  Make image round */
            border-radius: 135px;
            border: none;
            opacity: .7;
			-moz-box-shadow: 0px 6px 20px #a6a6a6;
                 box-shadow: 0px 6px 20px #a6a6a6;
				 margin:10px 0 20px ;
        }
        .mis-slide .mis-current figure img+img {
            background-color: red;
        }
        #wrapper  li.mis-current figure img {
            opacity: 1;
        }
        .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:260px;
            height: 200px;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: rgba(59, 190, 122, .5);
    }
   .mis-slider li figcaption p {
        font-size: 18px;
        color: #333;
        margin: 20px 0 15px;
    }
    @media (max-width:767px) {
          .mis-slider li figcaption p {
            margin: 10px 0 10px;
			font-weight:bold;
        }
    }
     .mis-slider li figcaption div {
        font-size: 16px;
        line-height: 20px;
    }