/* 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: 123px 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%,-290%); }
.container_slider .slider .destaque h1 { margin:auto; width:500px; color: #EEEEEE; background: rgba(0, 128, 255, .8); display: table; padding: 5px; font-size: 55px; border-radius:6px; text-align: center; }
.container_slider .slider .destaque p  { width:500px; color: #EEEEEE; background: rgba(0, 0, 0, .8); display: table; padding: 5px; font-size: 21px; border-radius:6px; text-align: center; }

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

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

.container_slider .bullet_activated { background: #0080FF; }

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

.container_slider .button_floating { 
    font-size: 39px; 
    color: #0080FF; background: rgba(0,0,0,.9); 
    width: 43px; height: 43px; 
    line-height: 43px;
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
}

.container_slider .button_floating:hover { color: #0080FF; 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 { position: relative; width: 100%; margin: 10px auto; }
    .container_slider .prev, .container_slider .next { display: none; }
    .container_slider .slider .destaque { display: none; }
    /*** slider ***/
}