@charset "utf-8";
/* CSS Document */

/*reset dos elementos através do CSS*/
* { margin: 0; padding: 0; }

/*Fontes*/
@font-face{
	font-family: RobotoBold;
	src:url("fontes/Roboto-Bold.ttf")
}
@font-face{
	font-family: RobotoThin;
	src:url("fontes/Roboto-Thin.ttf")
}
@font-face{
	font-family: Roboto;
	src:url("fontes/Roboto-Regular.ttf")
}

/*Estilos textos*/

.content h1{
	font-family: RobotoBold;
	font-size: 3vw
}

.content h2{
	font-family: RobotoBold;
	font-size: 2.3vw
}

.content h3{
	font-family: RobotoBold;
	font-size: 1.5vw
}

.content p{
	font-family: Roboto;
	font-size: 1.2vw
}

.content em{
	font-family: Roboto;
	font-size: 0.7vw
}

a{
    color: #2f9bd9;
	font-size: 0.7vw
}

a:visited {
    color: #2f9bd9;
	font-size: 0.7vw
}

/*estilo do box onde fica a página*/

.content{
	width: 100%;
	display: flex;
	flex-direction: column;
	}

/* início estilo dos banners*/

.content .banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto
}

.content .banner img{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto
}
/*fim estilo dos banners*/

/*inicio estilo caixa texto*/

.content .texto {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto
}

/*fim estilo caixa texto*/



/*inicio estilo icones garantias*/

.content .caixaicones{
width: 100%;
display: flex;
flex-direction: row;
margin: auto;

}

.content .caixaicones .imagem{
width: 50%;
display: flex;
flex-direction: row;
}

.content .caixaicones .texto2{
width: 50%;
padding-right: 10%;
display: flex;
flex-direction: column;
margin: auto

}

.caixaicones img{
height: 200px;
width: auto;
align-items: center;
display: block;
margin: auto
}



/*fim estilo icones garantias*/

/*inicio estilo carrossel*/

.slideshow-container {
            width: 100%;
	height: auto;
            position: relative;
	        margin: auto;
        }

        .mySlides {
            display: none;
        }

        img {
            vertical-align: middle;
            width: 100%;
        }

        .prev, .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -22px;
            color: white;
            font-weight: bold;
            font-size: 18px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
        }

        .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .prev:hover, .next:hover {
            background-color: rgba(0,0,0,0.8);
        }

        .dot {
            cursor: pointer;
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }

        .active, .dot:hover {
            background-color: #717171;
        }

        .fade {
            -webkit-animation-name: fade;
            -webkit-animation-duration: 1.5s;
            animation-name: fade;
            animation-duration: 1.5s;
        }

        @-webkit-keyframes fade {
            from {opacity: .4} 
            to {opacity: 1}
        }

        @keyframes fade {
            from {opacity: .4} 
            to {opacity: 1}
        }

		.caixa1 {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .imagem1, .texto1 {
            flex: 1;
            padding: 20px;
        }

/*fim estilo carrossel*/

.w3-badge{background-color:#ffffff;color:#0080ff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-style: solid; border-color: #0080ff}.w3-badge{border-radius:50%}