/* 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; }
}
.botao   { width: 150px; padding: 10px; margin: 0px auto; font-size:19px; border-radius: 19px; border: 2px solid #fff; background: linear-gradient(#1A5B03,#22FD00 ); text-align: center; }
.botao a{ color: #FFF; }
.botao a:hover{ color: #000000; }

/* slider */
.container_slider { position: relative; width: 100%; margin: 0px auto; z-index: 0; background: #fff; }

.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: 99vw; height: 100vh; margin: 0px; padding: 0px; }

.container_slider .slider .escrita { position: absolute; width: 100%; height: auto; margin:auto; top: 100px; }
.container_slider .slider .escrita h1 { width:95%; margin:auto; color: #EEEEEE; background: rgba(0, 0, 0, .1); display: table; padding: 5px; font-size: 49px; border-radius:6px; text-shadow: 1px 1px 2px #000; text-align: center; }
.container_slider .slider .escrita p { width:95%; margin:auto; color: #EEEEEE; background: rgba(0, 0, 0, .1); display: table; padding: 5px; font-size: 29px; border-radius:6px; text-shadow: 1px 1px 2px #000; text-align: center; }

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

.caption { position: absolute; left: 30%; top: 40%; transform: translate(-20%, -20%); text-align: center; }
.caption h2 { font-size: 39px; font-family: Eras; text-align: center; color: #FFFFFF; font-weight: 600; text-shadow: 1px 1px 3px #222; }


.container_slider .bullets { background: #D6D6D6; border: 2px solid #1989FF; display: inline-block; padding: 9px; text-align: center; border-radius: 50%; }
.container_slider .bullets a { background: #1989FF; cursor: pointer; }

.container_slider .bullets:hover { background: #1989FF; cursor: pointer; }

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

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

.container_slider .button_floating { 
    font-size: 20px; 
    width: 40px; height: 40px; 
    line-height: 40px;
    
    color: #EDEDED;  
    border: solid 2px #EDEDED;
    
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
}

.container_slider .button_floating:hover { color: #D6D6D6; background: #1989FF; }
/* slider */

@media only screen and (max-width: 640px){
    /*** slider ***/
	.botao   { display: none; }
	p { text-align: left; padding: 10px; }
	.container_slider { top: 15px; width: 100%; }
    .container_slider .prev, .container_slider .next { display: none; }
	.container_slider .slider img { width: 100%; height: 300px; }
	
.container_slider .slider .escrita h1 { width:100%; font-size: 29px; }
.container_slider .slider .escrita p  { width:100%; font-size: 19px; }
	
.container_slider .bullets { padding: 6px;  border-radius: 50%; }
	.caption h2 { font-size: 31px; color: #FFFFFF; }
    /*** slider ***/ 
}