.slider {
    background-color: lightgrey;
    box-shadow: inset 0 0 2px hsla(0,0%,0%,.2),
                0 3px 1px hsla(0,0%,100%,.75),
              0 -1px 1px 2px hsla(0,0%,0%,.1);
   padding: 28px;
    z-index:0;
    position:relative; 
    text-align:center; 
    overflow:hidden;
}

.simple_slide_slides {
    list-style: none;
    position:absolute;
    text-align:center;
}

.simple_slide_slides input {
display:none;
}

    .simple_slide_slides label {  

        cursor: pointer;  
    position:absolute;
    bottom:-10px;

    }  
    .simple_slide_slides label:before {  
        content: "";  
        display: inline-block;  
      
        width: 16px;  
        height: 16px;  
        position: absolute;  
        left: 0;  
        bottombottom: 1px;  
        background-color: #<?php echo get_option('color'); ?>;  
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
    }  


     .simple_slide_slides label:before {  
        border-radius: 8px;  
    }  

    .simple_slide_slides input[type=radio]:checked + label:before {  
        content: "\2022";  
        color: #f3f3f3;  
        font-size: 30px;  
        text-align: center;  
        line-height: 18px;  
    }  


.slider:hover label {
    opacity: 1;
    visibility: visible;
}
.simple_slide_slides input:checked + label:before {
    content: "\2022";  
    color: #f3f3f3;  
    font-size: 40px;  
    text-align: center;  
    line-height: 20px;  
}

.simple_slider_content {
    height:50px;
    color:#4D4D4D;
    position:relative;
    margin-top:-50px;
    bottom:0px;
    left:0px;
    z-index:11;
    opacity:0.85;
    overflow:auto;
    line-height:20px;
    animation: fade 1s;
}


.simple_slider {
    opacity: 0;
    transition: .25s;
    visibility: hidden;
    float:left;
}

.simple_slider img {
    transition: .25s;
    vertical-align: top;
}

.simple_slide_slides input:checked ~ .simple_slider{
    opacity: 1;
    visibility: visible;
}



.slider div a {
text-decoration:none;
}

#dot1{left:20%;}
#dot2{left:40%;}
#dot3{left:60%;}
#dot4{left:80%;}