/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/************************************/
/* RESET */
/************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}

img {
  width: 100%;
}

:focus {
	outline: none;
}

.clearFix {
	clear: both;
}

/************************************/
/* END RESET */
/************************************/

/* FONTS NÃO GOGGLE */
/* @font-face {
	font-family: 'myFont';
	src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
	     url('myfont-webfont.ttf')  format('truetype');
} */

:root {
	font-family: 'Philosopher', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #4d4d4d;
	background: #fff;
  -webkit-font-smoothing: antialiased;
}

section {
	width: 100%;
	padding: 6vh 0;
	position: relative;
}

.wrap {
  max-width: 1800px;
  position: relative;
  margin: auto;
	padding: 0 4vw;
}

.size36 { font-size: 36px; }
.size24 { font-size: 24px; }
.size20 { font-size: 20px; }

@media (max-width:1200px) {

	.size36 { font-size: 30px; }
	.size24 { font-size: 22px; }
	.size20 { font-size: 20px; }

}

@media (max-width:767px) {

	.size36 { font-size: 24px; }
	.size24 { font-size: 20px; }
	.size20 { font-size: 18px; }

}

a {
  color: #008aab;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
	color: #333;
}

/************************************/
/* GRAPHIC ELEMENTS */
/************************************/

/* CALL TO ACTION */

.cta {
	background: linear-gradient(to bottom, #008aab 50%, #f1f1f1 50%);
	background-size: 100% 200%;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 19px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #008aab;
	font-family: 'Philosopher', sans-serif;
	font-size: 15px;
}

.ctaIcon {
	padding: 10px;
}

.ctaOrange {
	background: linear-gradient(to bottom, #fb631b 50%, #f1f1f1 50%);
	background-size: 100% 200%;
	border: 1px solid #fb631b;
}

.ctaLight {
	background: linear-gradient(to bottom, #cce8ee 50%, #f1f1f1 50%);
	background-size: 100% 200%;
	border: 1px solid #cce8ee;
	color: #008aab;
}

.ctaBig {
	padding: 15px 30px;
	border-radius: 24px;
}

.cta:hover {
	background-position: bottom;
	color: #008aab;
	border: 1px solid #ccc;
	text-decoration: none;
}

/* cta para input fields, ex: subscrever newsletters, melhor aplicado em buttons */
.ctaInput {
	border: none;
	background: none;
	font-size: 16px;
	padding: 10px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 15px;
}

/* TRANSITION STYLE */

.transition {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/* FORMS */

/* input */

.formStyle {
	position: relative;
}

.formStyle .fsInput {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #4d4d4d;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
	min-height: 40px;
	font-size: 15px;
	font-family: 'Philosopher', sans-serif;
}

/* dropdown */

.formStyle .fsDropDown {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
}

.formStyle .fsDropDown::after {
	color: #4d4d4d;
	content: '\e813';
  font-family: 'icomoon';
  speak: none;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.formStyle .fsDropHover::after {
	transform: rotate(180deg);
	top: calc(50% - 8px);
}

.formStyle .fsDropDown li {
	position: relative;
}

.formStyle .fsDropDown .fsSelected {
	background: #fff;
	color: #4d4d4d;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	display: block;
	padding: 9px 30px 9px 10px;
	text-align: left;
	min-height: 40px;
}

.formStyle .fsDropDown .fsOptions {
	background: #fff;
	position: absolute;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	min-width: 100%;
	display: none;
	z-index: 1;
	white-space: nowrap;
	max-height: 50vh;
  overflow: auto;
}

.formStyle .fsDropDown .fsOptions > li {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 10px;
	text-align: left;
	cursor: pointer;
}

.formStyle .fsDropDown .fsOptions > li:hover {
	color: #fff;
	background: #008aab;
}

/* checkbox */

.formStyle .fsCheckbox {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 30px;
	height: 30px;
	padding: 8px;
	margin: 5px 0 15px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
}

.formStyle .fsCheckbox.fsChecked {
	background: #f1f1f1;
}

.formStyle .fsCheckbox.fsChecked::after {
	background: #008aab;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 1px;
	display: block;
}

.formStyle .fsCheckContainer {
	margin: 0 0 10px 0;
}

.formStyle .fsCheckContainer .fsCheckbox {
	margin: 0;
	display: inline-block;
}

.formStyle .fsCheckContainer .fsCheckText {
	display: inline-block;
	padding: 5px 0 0 10px;
	width: calc(100% - 40px);
}

/* radiobutton */

.formStyle .fsRadio {
	background: #fff;
	border: 1px solid #ccc;
	width: 30px;
	height: 30px;
	padding: 8px;
	margin: 5px 0 15px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	vertical-align: middle;
}

.formStyle .fsRadio.fsChecked {
	background: #f1f1f1;
}

.formStyle .fsRadio.fsChecked::after {
	background: #008aab;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
}

.formStyle .fsCheckContainer .fsRadio {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

/* input file */
.formStyle .fsFile {
	position: relative;
	margin-bottom: 10px;
}

.formStyle .fsFile input[type="file"]{
	display: none;
}

.formStyle .fsFile .fsFileLabel{
  cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.formStyle .fsFile .fsFileText{
  display: inline-block;
	padding: 5px;
	vertical-align: middle;
}

/* text area (fsInput class) */
.formStyle textarea {
	font-family: 'Philosopher', sans-serif;
}

/* form error */

.formStyle .fsError {
	border: 1px solid #f08f55;
	box-shadow: inset 0 0 10px #f08f55;
}

/* double column <li> */

.formStyle .col2 > li {
	width: 50%;
	display: inline-block;
	padding: 0 5px 0 0;
}

.formStyle .col2 > li:last-child {
	padding: 0 0 0 5px;
}

/* triple column <ul> 30-20-50 */
.formStyle .col3 > li {
	width: 23%;
	display: inline-block;
	padding: 0 5px;
}

.formStyle .col3 > li:first-child {
	width: 27%;
	padding: 0 5px 0 0;
}

.formStyle .col3 > li:last-child {
	width: 50%;
	padding: 0 0 0 5px;
}

/* disclaimer forms */

.formStyle .formDisclaimer {
  padding: 10px 0;
  border-top: 1px solid #274363;
  border-bottom: 1px solid #274363;
	margin: 0 0 10px 0;
	text-align: left;
}

.formStyle .formDisclaimer .fsCheckbox {
  margin: 0;
}

.formStyle .formDisclaimer .fsCheckContainer:last-of-type {
  margin: 0;
}

/* END FORMS */

/* ALERTS */

.alerts {
	position: fixed;
	top: 0;
	left: 100%;
	padding: 40px 20px 20px 20px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	z-index: 1000;
	min-width: 50%;
	text-align: center;
	color: #fff;
}

.alerts.open {
	left: 50%;
}

.alerts .icon-close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
}

.alerts.green {
	background: #5e9500;
}

.alerts.orange {
	background: #f08f55;
}

.alerts.red {
	background: #f05228;
}

/* END ALERTS */

/* DESIGN */

.sectionTitle {
	padding: 0 0 2vh 0;
}

.sectionTitleP {
	padding: 0 0 2vh 0;
}

.sectionCenter {
	text-align: center;
}

/* END DESIGN */

/************************************/
/* END GRAPHIC ELEMENTS */
/************************************/

/************************************/
/* HEADER */
/************************************/

#header {
	background: #fff;
	width: 100%;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	z-index: 20;
	position: relative;
}

#header .logo {
	max-width: 370px;
	width: 50%;
	padding: 10px 0;
}

#header .rightHeader {
	float: right;
}

#header .usersLink {
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px 0 0;
}

#header .usersLink:hover {
	text-decoration: none;
}

#header .usersLink .usersLinkText {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

#header .usersLink .icon-users {
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}

@media (max-width: 767px) {
	#header .usersLink {
		margin: 0 10px 0 0;
	}
}

/* #header .burger {
	display: inline-block;
	position: relative;
	max-width: 90px;
	max-height: 90px;
	width: 16vw;
	height: 16vw;
	vertical-align: middle;
	border-radius: 0;
}

#header .burger:hover > li {
	background: #008aab;
}

#header .burger li {
	position: absolute;
	width: 80%;
	max-width: 40px;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
}

#header .burger li:first-child {
	top: calc(50% - 15px);
}

#header .burger li:last-child {
	top: calc(50% + 15px);
}

#header .burger.active li:first-child {
	top: 0;
	opacity: 0;
}

#header .burger.active li:last-child {
	opacity: 0;
	top: 100%;
} */

#header .burger {
	display: inline-block;
	position: relative;
	max-height: 90px;
	height: 15vw;
	vertical-align: middle;
	border-radius: 0;
	padding: 0 50px;
}

#header .burger .burgerTxt {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

@media (max-width: 767px) {
	#header .burger {
		padding: 0 34px;
	}
}

#header .mainNav {
	position: absolute;
	display: none;
	right: 0;
	min-width: 300px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	z-index: 50;
}

#header .mainNavUl {
	background: #008aab;
}

#header .mainNavLi {
	border-bottom: 1px solid rgba(255,255,255,.4);
}

#header .mainNavLi:last-child {
	border-bottom: 0;
}

#header .mainLink {
	display: block;
	border-radius: 0;
	text-align: center;
}

#header .subNavUl {
	display: none;
	background: #cce8ee;
}

#header .subNavLi {
	border-bottom: 1px solid rgba(255,255,255,.2);
}

#header .subNavLi:last-child {
	border-bottom: 0;
}

#header .subLink {
	display: block;
	border-radius: 0;
	text-align: center;
}

#header.mobile .usersLink .usersLinkText {
	display: none;
}

#header.mobile .burger li:first-child {
	top: calc(50% - 10px);
}

#header.mobile .burger li:last-child {
	top: calc(50% + 10px);
}

/************************************/
/* END HEADER */
/************************************/

/************************************/
/* FOOTER */
/************************************/

#footer {
	padding: 0 0 3vh 0;
}

#footer .blue {
	background: #008aab;
	padding-top: 3vh;
	padding-bottom: 3vh;
	color: #fff;
}

#footer .blue a {
	color: #fff;
}

#footer .sectionTitle {
	text-align: center;
}

#footer .formStyle {
	max-width: 600px;
	margin: auto;
}

#footer .newsInput {
	position: relative;
	margin: 0 0 10px 0;
}

#footer .newsInput .fsInput {
	margin: auto;
}

#footer .footerSocialUl {
	padding: 2vh 0;
}

#footer .footerSocialLi {
	display: inline-block;
	width: 50%;
}

#footer .footerSocialLi:last-child {
	text-align: right;
}

#footer .socialUl {
	padding: 10px 0 0 0;
}

#footer .socialLi {
	padding: 5px;
	display: inline-block;
}

#footer .footerAddress {
	padding: 10px 0 0 0;
}

#footer .footerAddressDt {
	padding: 5px 0 0 0;
}

#footer .footerLegal {
	text-align: center;
	padding: 5px 0;
}

#footer .icon-kriacao {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	padding: 10px;
}

#footer .litigio {
	font-size: 12px;
	color: #999;
	text-align: center;
}

@media (max-width: 767px) {
	#footer .footerSocialLi {
		width: 100%;
		text-align: center;
	}

	#footer .footerSocialLi:last-child {
		text-align: center;
	}
}

/************************************/
/* END FOOTER */
/************************************/