:root {
    --formBackgroundColor: #fff;
    --formCheckedColor:#666;
    --baseTextColor:#666;
    --formBorder:1px solid #666;
    --formBorderRadius:2px;
    --baseFontSize:14px;
}

/* CALL TO ACTION */

.cta {
	background: linear-gradient(to bottom, #6f9cc4, #4b83b5);
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #4b83b5;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px
}

.cta:hover {
	background: #fff;
	color: #333;
	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: var(--baseFontSize);
}

/* TRANSITION STYLE */

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

/* FORMS */

/* input */

.formStyle {
	position: relative;
}

.formStyle .fsInput {
	background: white;
	border: 1px solid #666;
	border-radius: 2px;
	color: #666;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
	min-height: 40px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

/* dropdown */

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

.formStyle .fsDropDown::after {
	color: #666;
	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: var(--formBackgroundColor);
	color: var(--baseTextColor);
	border: var(--formBorder);
	border-radius: var(--formBorderRadius);
	width: 100%;
	display: block;
	padding: 9px 30px 9px 10px;
	text-align: left;
	min-height: 40px;
}

.formStyle .fsDropDown .fsOptions {
	background: var(--formBackgroundColor);
	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: var(--formBorder);
	position: relative;
	padding: 10px;
	text-align: left;
	cursor: pointer;
}

.formStyle .fsDropDown .fsOptions > li:hover {
	color: var(--formDropDownOptionHoverTextColor);
	background: var(--formDropDownOptionHoverBackgroundColor);
}

/* checkbox */

.formStyle .fsCheckbox {
	background: var(--formBackgroundColor);
	border: var(--formBorder);
	border-radius: var(--formBorderRadius);
	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: var(--formCheckedColor);
	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: 4px 0 0 10px;
	width: calc(100% - 40px);
}

/* radiobutton */

.formStyle .fsRadio {
	background: var(--formBackgroundColor);
	border: var(--formBorder);
	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: var(--formCheckedColor);
	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: 'Open Sans', 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 {
	text-align: center;
	padding: 0 0 2vh 0;
}

/* END DESIGN */

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

/************************************/
/* POPUP */
/************************************/

#popupNewsWrapper {
	width: 100%;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.9);
	display: none;
}

#popupNews {
	width: 100%;
	padding: 4vw;
	font-family: 'Roboto Condensed', sans-serif;
}

@media screen and (max-width:767px)
{
	#popupNewsWrapper {position: absolute!important;}
	#popupNews {
		position: absolute;
		top: 0;
		transform: translateY(-0);
	}
}
#popupNews .popupContainer {
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	padding: 20px;
	text-align: center;
	margin: auto;
	position: relative;
	max-width: 600px;
	background-color: #FFF;
}

#popupNews .logo {
	width: auto;
}

#popupNews .txt1 {
	font-size: 20px;
}

#popupNews .txt2 {
	padding: 20px 0;
}

#popupNews .txt3 {
	font-size: 24px;
	color: #4b83b5;
}

#popupNews .formStyle {
	max-width: 300px;
	margin: auto;
	padding: 20px 0;
}

#popupNews .fsCheckText {
	text-align: left;
}

#popupNews .cta {
	width: 100%;
	max-width: 300px;
	width: 100%;
	text-align: center;
}

#popupNews .close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

/************************************/
/* END POPUP */
/************************************/
.cookie_warning{width:100%;display:none;min-height:45px;height:auto;box-sizing:border-box;padding:10px;background-color: rgba(0,0,0,0.6);color:white;font-size: 12px;position: fixed;bottom: 0;left: 0;z-index: 999}
.cookie_warning .container {max-width: 1140px;margin: 0 auto;}
.cookie_warning p{color:white;margin:0;padding:0;}
.cookie_warning p a{color:white;text-decoration: underline;}
.cookie_warning a.btn{border:1px solid white;color:white;text-decoration: none;padding:5px 24px;}
@media screen and (min-width:768px)
{
	.cookie_warning p{float:left;max-width:92%;margin-right: 30px;}
	.cookie_warning a.btn{float:right;}
}
/* -------------------- /LAYOUT CSS ---------------------*/