.slider {
            width: 100%;
            min-height: 600px;
            margin: 0px auto;
            position: relative;
            overflow: hidden;
        }

        .Bg {
            width: 100%;
            height: auto;
            position: absolute;
            left: -100%;
            z-index: 1;

        }

        .SliderFade {
            position: relative;
        }

        .SliderFade .Bg {
            position: absolute;

        }

        .matn {

            position: absolute;
            z-index: 3;
            display: none;
        }

        .fSlide {
            background-color: #4c317c;
            border: solid 2px #4c317c;

            border-radius: 15px;
            width: 8em;
        }

        .sSlide {
            background-color: #fcab2d;
            border: solid 2px #fcab2d;
            border-radius: 15px;
            width: 12em;
        }

        .matn .sSlide:nth-child(1) {
            width: 7em;
            right: 5%;
        }

        .matn .sSlide:nth-child(2) {
            width: 7em;
            right: 10%;
        }

        .matn .sSlide:nth-child(3) {
            width: 12em;
            right: 15%;
        }

        .slider .matn:nth-child(1) {
            top: 30%;
            left: 8%;
        }

        .slider .matn:nth-child(2) {
            top: 30%;
            right: 5%;

        }