/*----- Css Reset -----*/
*, *::before, *::after{
    box-sizing: border-box; /* Set the sizing of an element to include it's border */
}

*{
    margin: 0; /* Set the default margin to 0 */
    padding: 0; /* Set the default padding to 0 */
}

ul[role='list'], ol[role='list']{
    list-style: none; /* Turn off numbered and unordered list decoration */
}

html:focus-within{
    scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */
}

a:not([class]){
    text-decoration-skip-ink: auto; /* Makes link undelines look better */
}

img, picture, svg, video, canvas{
    max-width: 100%; /* Makes it responsive */
    height: auto; /* Makes it responsive */
    vertical-align: middle; /* Makes text next to inline images look better */
    font-style: italic; /* If the images don't load it makes the alt decription look better */
    background-repeat: no-repeat; 
    /* The background repeat and size are there if you want to load a picture first like a backroung image that is worse quality while the better quality image loads */
    background-size: cover;
}

input, button, textarea, select{
    font: inherit; /* Makes these elements inherit fonts */
}

/* Turns off animation for people who don't want to see them */
@media (prefers-reduced-motion: reduce){
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

body, html{
    height: 100%; /* Makes the body element full screen */
    scroll-behavior: smooth; /* Makes normal scrolling smooth */
}


body{
	font-family: "Roboto Flex", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4em;
	margin: 0;
 	padding: 0;
 	font-size: 18px !important;
}

body p{
	font-size: 18px !important;
}


body h1, body h2, body h3, body h4, body h5, body h6{
	font-family: "Poppins", sans-serif;
	font-weight: 700;
 	font-style: normal;
 	line-height: 1.3em;
 	margin: 0;
 	padding: 0;	
}

h1{
	font-size: 40px !important;
	text-align: center;
}

h2{
	font-size: 20px !important;
	margin-bottom: 10px !important;
}

li{
	margin-bottom: 20px !important;
}

a{
	color: #008ed3 !important;
}

#PageContainer{
	overflow: hidden;
}

#Secao{
	padding: 50px 0;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#Secao.Especial{
	padding: 20px 0 !important;
	border-bottom: 1px solid #eaeaea !important;
}

#Secao .LinhaPrincipal{
	width: 80%;
	max-width: 1000px;	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

#Secao .LinhaPrincipal-ZTE-PSIRT{
	width: 80%;
	max-width: 1000px;	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

#Secao .LinhaPrincipal:nth-last-child(1){
	margin: 0 !important;
}

#Secao.Especial .LinhaPrincipal{
	max-width: 1300px !important;
}

#Secao .LinhaPrincipal .Coluna1_1{
	width: 100%;
	margin: 0 !important;
	padding: 0;
	position: relative;
}

#Secao .LinhaPrincipal .Coluna1_1:nth-last-child(1){
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0 !important;
}

#Secao .LinhaPrincipal .Coluna.Coluna1_2.Coluna1{
	width: 27.5%;
	margin: 0 5% 0 0;
	background: #fffff;
}

#Secao .LinhaPrincipal .Coluna.Coluna1_2.Coluna2{
	width: 67.5%;
	margin: 0;
	background: #ddddd;
}

.Titulo{
	margin: 0 0 25px 0 !important;
}

.Titulo p:nth-last-child(1){
	margin: 0 !important;
}

.Titulo.Tituloh1{
	margin-bottom: 50px !important;
}


.Texto{
	margin: 0 0 50px 0 !important;
}

.Texto p{
	margin: 0 0 25px 0 !important;
}

.Texto p:nth-last-child(1){
	margin: 0 !important;
}

.Texto:nth-last-child(1){
	margin: 0 !important;
}

#Secao .LinhaPrincipal .Coluna .botao{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    width: 100% !important;
    margin: 0 !important;
    height: 100% ! IMPORTANT;
    min-height: 100% !important;
    top: 0;
    align-items: center;
   } 

#Secao .LinhaPrincipal .Coluna .botao a{
	background: #008ed3  !important;
	padding: 10px 30px !important;
	border-radius: 4px;
	width: auto !important;
	color: #fff !important;
	line-height: 1em !important;
	margin: 0 !important;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    pointer-events: all;
    text-decoration: none !important;
}

#Secao .LinhaPrincipal .Coluna .botao a:hover{
	opacity: 0.8 !important;	
	letter-spacing: 1px !important;
}

.img-vulnerability{
	display: block !important;
	margin: 0 auto !important;

}

.Titulo-Politica-Divulgacao-Vulnerabilidades{
	margin-top: 50px !important;
}

.Item1, .Item2,.Item3{
	padding: 50px !important;
    background: white !important;
    border: 2px solid #f5f5f5 !important;
}

.Primeiro-Topico{
	margin-top: 30px !important;
}

/*-Media query-*/
@media only screen and (max-width:767px){
#Secao .LinhaPrincipal{
	width: 90% !important;
}
}

@media only screen and (max-width:460px){
body p{
	font-size: 16px !important;
}

h1{
	font-size: 25px !important;
	text-align: center;
}

h2{
	font-size: 18px !important;
}
}

/*-Carrossel Fancy Box-*/
.f-carousel{
	--f-carousel-slide-height: 100% !important;
}

.Navegador.f-carousel{
	 --f-carousel-slide-width: calc((100% / 3));
}

h3.f-carousel__slide{
    padding: 25px 40px;
    background: #f3f5f8 !important;
    color: black;
    min-height: 100px !important;
    font-weight: normal;
    font-size: 18px !important;
    border-bottom: 2px solid #eaeaea
}

h3.f-carousel__slide.is-nav-selected{
    border-bottom: 2px solid #008de3;
    font-weight: bold;
}

.f-button.is-next, .f-button.is-prev{
    display:none !important;
}

.Navegador.f-carousel .f-carousel__viewport{
	border-radius: 10px 10px 0 0 !important;
}

.Conteudo.f-carousel .Item1, .Conteudo.f-carousel .Item2, .Conteudo.f-carousel .Item3{
	border-radius: 0 0 10px 10px !important;
}

@media only screen and (max-width:1164px){
	h3.f-carousel__slide{
    	min-height: 160px !important;
}

@media only screen and (max-width: 860px) {
	.Navegador.f-carousel{
		--f-carousel-slide-width: calc((100% / 2));
	}

	#Secao .LinhaPrincipal-ZTE-PSIRT{
		width: 90% !important;
		max-width: 1000px !important;	
		display: block !important;
	}
}

@media only screen and (max-width: 463px) {
	.Navegador.f-carousel{
		--f-carousel-slide-width: calc((100% / 1.5));
	}
}