body { margin:0px; padding:0px; overflow-x: hidden; }

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular_0.ttf");
}

@font-face {
	font-family: "Lato";
	src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
	font-family: "Rubik";
	src: url("../fonts/Rubik-Regular.ttf");
}

.bg_azul_dark { background-color:#011a38; }
.bg_blue { background-color:#00306b; }
.bg_teal { background-color:#048c80; }

.menu {
	display:flex;
	justify-content:space-evenly;
	padding-top:10px;
}
.branco { color:#ffffff; }
.blue { color:#003e77; }
.grey { color:#656462; }
.teal { color:#048c80; }
.orange { color:#ff8300; }
.aqua { color:#45baa0; }
.menu div a { color:#ffffff; text-decoration:none;  transition:0.5s all;}
.menu div a:hover { color:#ff296d; text-decoration:none; transition:0.5s all; }
.title { font-size:40px; font-weight:bold; }
.text { font-size:25px; }
.text-small { font-size:15px; }
.justificado { 
	text-align:justify; 
	text-align-last:center; 
}
.light_pink { color:#ffc1cc; }
.pink { color:#ff296d; }

.text-gradient { 
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #09FCC6 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #09FCC6 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #09FCC6 100%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blue_orb {  
	background-color:#00306b;
	color:#ffffff;
	font-weight:bold;
	padding-left:50px;
	padding-right:50px;
	border-radius:30px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:12;
}

.teal_orb {  
	background-color:#45baa0;
	color:#ffffff;
	font-weight:bold;
	padding-left:50px;
	padding-right:50px;
	border-radius:30px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:12;
}

.white_orb {  
	background-color:#ffffff;
	color:#656462;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	border-radius:30px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:12;
}

.input {
	padding-left:30px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:7px;
	border-left:0px solid black;
	border-right:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin-left:-15px;
	width:70%;
	background-color:rgba(255,255,255,0);
	z-index:11;
	
}
.aqua-bar { 
	width:100%; 
	height:10px;
	background-color:#09fcc6;
}

.teal-bar {
	background-color:#048c80; 
	height:10px;
	width:100%; 
}

.aqua-white { 
	background-color:#09fcc6;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#000000; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.aqua-white:hover { 
	background-color:#ffffff;
	color:#000000;
	transition:0.5s all;
}

.magenta-white { 
	background-color:#ff296d;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#ffffff; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.magenta-white:hover { 
	background-color:#ffffff;
	color:#ff296d;
	transition:0.5s all;
}

.white-aqua { 
	background-color:#ffffff;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#45baa0; 
	font-weight:bold;
	border:1px solid #45baa0;
	transition:0.5s all;
}
.white-aqua:hover { 
	background-color:#45baa0;
	color:#000000;
	transition:0.5s all;
}


.white-black { 
	background-color:#ffffff;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#000000; 
	font-weight:bold;
	border:0px solid #45baa0;
	transition:0.5s all;
}
.white-black:hover { 
	background-color:#000000;
	color:#ffffff;
	transition:0.5s all;
}

.aqua-black { 
	background-color:#09fcc6;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#000000; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.aqua-black:hover { 
	background-color:#000000;
	color:#09fcc6;
	transition:0.5s all;
}


.white-orange { 
	background-color:#ffffff;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#ff9c00; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.white-orange:hover { 
	background-color:#ff9c00;
	color:#ffffff;
	transition:0.5s all;
}

.orange-white { 
	background-color:#ff9c00;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#ffffff; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.orange-white:hover { 
	background-color:#ffffff;
	color:#ff9c00;
	transition:0.5s all;
}


.blue-white { 
	background-color:#00306b;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#ffffff; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.blue-white:hover { 
	background-color:#ffffff;
	color:#00306b;
	transition:0.5s all;
}

.bg_cinza_light { background-color:#ebe7e6; }
.bg_orange { background-color:#ff7900; }

	

/* Mobile only */
@media only screen and (max-width: 999px) {
	.hidden-xs { display:none; }
	.menu { flex-direction:column; }
	.title { font-size:25px; }
	.text { font-size:20px; }
	.firstbanner { padding-top:3%; }
	.input { border-left:1px solid #656462; width:100%; }
}

/* Desktop Only */
@media only screen and (min-width:1000px) {
	.hidden-lg { display:none; }
	.firstbanner { padding-top:8%; }
}

@media only screen and (min-width:1600px) {
	.title { font-size:45px; }
	.text-small { font-size:25px; }
	.text { font-size:30px; }
}