/* 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: 0px auto; z-index: 0; background: #6CC; }

.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%; }

.caption { position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); text-align: center; color: #FFFFFF; }
.caption h2  { font-size: 33px; margin: 0px; padding: 15px 30px; background: rgba(1, 208, 180, .1); text-align: center; font-family:arial;  text-shadow: 1px 1px 1px #000000; border-radius:9px;}
.caption h3  { font-size: 21px; margin: 0px; padding: 15px 30px; background: rgba(125, 213, 255, .1); text-align: center; text-shadow: 1px 1px 1px #000000; border-radius:9px; }
.caption h3 a { color: #39C;}
.container_slider .container_bullets { position: absolute; left: 50%; transform: translate(-50%,-200%); }

.container_slider .bullets { background: #D6D6D6; border: 2px solid #D6D6D6; display: inline-block; padding: 3px; text-align: center; border-radius: 50%; }
.container_slider .bullets:hover { background: #01D0B4; cursor: pointer; }

.container_slider .bullet_activated { background: #FBB416; }

.container_slider .prev { position: absolute; top: 55%; left: -0.7%; transform: translate(25%,-150%); opacity: 0; }
.container_slider .next { position: absolute; top: 55%; right: 0%; transform: translate(-25%,-150%); opacity: 0; }

.container_slider .button_floating { 
    font-size: 25px; 
    color: #fff; background: rgba(49, 133, 156, .3); 
    width: 40px; height: 40px; 
    line-height: 40px;
    border-radius: 100px;
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
}

.container_slider .button_floating:hover { color: #31859C; background: #fff; }
/* slider */

@media only screen and (max-width: 640px){
    /*** slider ***/
    .container_slider .prev, .container_slider .next { display: none; }
	.caption { display:none;}
    /*** slider ***/
}