/* slider */
@-webkit-keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

.container_slider { position: relative; width: 100%; margin: 115px auto; background: #333; z-index: 0; }

.container_slider:hover .prev, .container_slider:hover .next { opacity: 1; }

.container_slider ul { list-style: none; }

.container_slider .slider { width: 100%; -webkit-animation: fading 20s infinite; animation: fading 20s infinite; }
.container_slider .slider img { width: 100%; }
.container_slider .slider .destaque { margin:auto; position: absolute; left: 50%; transform: translate(-50%,-150%); }
.container_slider .slider .destaque h1 { margin:auto; width:600px; color: #EEEEEE; background: rgba(0, 0, 0, .4); display: table; padding: 5px; font-size: 39px; border-radius:6px; }
.container_slider .slider .destaque p  { width:600px; color: #EEEEEE; background: rgba(0, 0, 0, .4); display: table; padding: 5px; font-size: 19px; border-radius:6px; }

.container_slider .container_bullets { position: absolute; left: 50%; transform: translate(-50%,75%); }

.container_slider .bullets { background: #000; display: inline-block; padding: 5px; text-align: center; }
.container_slider .bullets:hover { background: 000; cursor: pointer; }

.container_slider .bullet_activated { background: #09C; }

.container_slider .prev { position: absolute; top: 75%; left: 0%; transform: translate(0%,-150%); opacity: 0; border-radius:6px; }
.container_slider .next { position: absolute; top: 75%; right: 0%; transform: translate(-0%,-150%); opacity: 0; border-radius:6px; }

.container_slider .button_floating { 
    font-size: 43px; 
    color: #09C; background: ; 
    width: 45px; height: 50px; 
    line-height: 50px;
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
}

.container_slider .button_floating:hover { color: #09C; background: #000; }
/* slider */
@media only screen and (max-width: 930px){
    .container_slider .slider .destaque { top: 10px; left: 20px; bottom: inherit; }
    .container_slider .slider .destaque h1 { font-size: 35px; }
    .container_slider .slider .destaque p  { font-size: 15px; }
}
@media only screen and (max-width: 640px){
    /*** slider ***/
    .container_slider .prev, .container_slider .next { display: none; }
    .container_slider .slider .destaque { display: none; }
    /*** slider ***/
}