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:#029acc; }
.bg_teal { background-color:#048c80; }
.bg_aqua { background-color:#01d3ec; }
.gradient-bg { 
	background: rgb(0,174,255);
	background: -moz-linear-gradient(0deg, rgba(0,174,255,1) 60%, rgba(1,250,166,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,174,255,1) 60%, rgba(1,250,166,1) 100%);
	background: linear-gradient(0deg, rgba(0,174,255,1) 60%, rgba(1,250,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeff",endColorstr="#01faa6",GradientType=1);
}

.menu {
	display:flex;
	justify-content:space-evenly;
	padding-top:10px;
}
.branco { color:#ffffff; }
.blue { color:#029acc; }
.grey { color:#656462; }
.teal { color:#048c80; }
.orange { color:#ff8300; }
.aqua { color:#01d3ec; }
.menu div a { color:#ffffff; text-decoration:none; font-weight:bold; transition:0.5s all;}
.menu div a:hover { color:#000000; text-decoration:none; font-weight:bold; 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; 
}


.input-2 {
	width:100%;
	border:none;
	border-bottom:2px solid #029acc;
	color:#029acc;
	padding:5px;
}

.input-2-text {
	width:100%;
	padding:10px;
	border:1px solid #029acc; 
}

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

.input {
	padding-left:30px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:7px;
	border-left:0px solid black;
	border-right:1px solid #656462;
	border-top:1px solid #656462;
	border-bottom:1px solid #656462;
	margin-left:-15px;
	width:70%;
	background-color:rgba(0,0,0,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;
}

.cyan-white { 
	background-color:#00e0e0;
	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;
}
.cyan-white:hover { 
	background-color:#ffffff;
	color:#000000;
	transition:0.5s all;
}


.cyan-black { 
	background-color:#00e0e0;
	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;
}
.cyan-black:hover { 
	background-color:#000000;
	color:#00e0e0;
	transition:0.5s all;
}

.menu-bar {
	background: rgb(1,250,166);
	background: -moz-linear-gradient(90deg, rgba(1,250,166,0) 0%, rgba(1,250,166,0.7) 50%, rgba(0,174,255,0.7) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1,250,166,0) 0%, rgba(1,250,166,0.7) 50%, rgba(0,174,255,0.7) 100%);
	background: linear-gradient(90deg, rgba(1,250,166,0) 0%, rgba(1,250,166,0.7) 50%, rgba(0,174,255,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01faa6",endColorstr="#00aeff",GradientType=1);
	height:80px;
	margin-top:-80px;
}
.menu-b { padding-top:30px; }
.menu-b a { color:#ffffff; font-size:17px; transition:0.5s all; text-decoration:none; } 
.menu-b a:hover { color:#000000; transition:0.5s all; text-decoration:none; }
.home-b { padding-top:20px; }

.twocolor-bar {
	height:5px;
	background: rgb(1,250,166);
	background: -moz-linear-gradient(0deg, rgba(1,250,166,1) 50%, rgba(0,174,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(1,250,166,1) 50%, rgba(0,174,255,1) 100%);
	background: linear-gradient(0deg, rgba(1,250,166,1) 50%, rgba(0,174,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01faa6",endColorstr="#00aeff",GradientType=1);
}

.white-bar {
	height:5px;
	background-color:#ffffff;
}

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


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

.white-grey { 
	background-color:#ffffff;
	border-radius:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	color:#999999; 
	font-weight:bold;
	border:0px solid #ffffff;
	transition:0.5s all;
}
.white-grey:hover { 
	background-color:#999999;
	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:#029acc;
	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:#029acc;
	transition:0.5s all;
}


.bg_cinza_light { background-color:#ebe7e6; }
.bg_orange { background-color:#ff7900; }
.spacer-div { padding-top:20%; }

	

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

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

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