/*
 * HEADER
 */

header#header {
	position: relative;
	display: block;
	padding: 0px 20px;
	text-align: center;
	max-width: 1228px;
	margin: 0 auto;
	z-index: 2;
}

header#header .cell {
	display: table-cell;
	vertical-align: middle;
}

header#header .header-toggle {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 32px;
}

header#header .header-toggle > i {
	vertical-align: middle;
	font-size: 22px;
	color: #1a3382;
	cursor: pointer;
}

header#header .header-toggle > i.iok-menu { font-size: 28px; }
header#header .header-toggle > i.fa.fa-times { font-size: 34px; }

header#header .header-toggle > i.fa.fa-times { display: none; }

.with-hamb header#header .header-toggle#menu_toggle > i.iok-menu { display: none; }
.with-hamb header#header .header-toggle#menu_toggle > i.fa.fa-times { display: inline-block; }

.with-search header#header .header-toggle#search_toggle > i.iok-pesquisa { display: none; }
.with-search header#header .header-toggle#search_toggle > i.fa.fa-times { display: inline-block; }

header#header .header-toggle.active > i,
header#header .header-toggle.current > i {
	color: #d5daec;
}

header#header #header_logo {
	position: relative;
	z-index: 2;
	width: 250px;
	height: 86px;
	margin: 0px auto;
	text-align: center;
}

.layout-sm header#header #header_logo { height: 75px; }
.layout-xs header#header #header_logo { height: 64px; }

header#header #header_logo img {
	display: block;
	margin: 0px auto;
	max-width: 223px;
}

.layout-md header#header #header_logo img,
.layout-sm header#header #header_logo img {
	max-width: 195px;
}

.layout-xs header#header #header_logo img {
	max-width: 140px;
}

header#header #header_menu_primary,
header#header #header_menu_secondary {
	width: 50%;
}

header#header #header_menu_primary { margin-right: -125px; text-align: left; }
header#header #header_menu_secondary { margin-left: -125px; text-align: right; }

header#header #header_menu_primary .header-toggle { margin-right: 16px; z-index: 2; }
header#header #header_menu_secondary .header-toggle { margin-left: 16px; }

.layout-lg header#header #header_menu_primary .header-toggle { margin-right: 32px; }
.layout-lg header#header #header_menu_secondary .header-toggle { margin-left: 32px; }

header#header .cell > nav {
	display: inline-block;
	vertical-align: middle;
	opacity: 0;

	-webkit-transition: opacity ease 0.5s;
	-moz-transition: opacity ease 0.5s;
	-ms-transition: opacity ease 0.5s;
	-o-transition: opacity ease 0.5s;
	transition: opacity ease 0.5s;
}

header#header .cell > nav.loaded {
	opacity: 1;
}

header#header .cell > nav > ul {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

header#header .cell > nav > ul > li {
	display: inline-block;
	padding: 8px 0px;
}

header#header .cell > nav > ul > li > a {
	display: block;
	font-weight: 600; /* Semibold */
	padding: 0px 8px;
}

header#header .cell > nav > ul > li:hover > a {
	color: #ec0531;
}

header#header .menu_children {
	position: absolute;
	display: none;
	z-index: 1;
	top: 86px;
	left: 0px;
	right: 0px;
	border: 1px solid #d5daed;
	background: #f1f6fb;

	/* properties to animate!
	 * the ".animate" class will take care
	 * of resetting these! */
	opacity: 0;
	margin-top: -10px;

	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	-o-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}

.layout-sm header#header .menu_children {
	top: 75px;
	border-left: none;
	border-right: none;
}

.layout-xs header#header .menu_children {
	top: 64px;
	border-left: none;
	border-right: none;
}

header#header li.showing .menu_children {
	display: block;
}

header#header li.animate .menu_children {
	margin-top: 0px;
	opacity: 1;
}

header#header .menu_children .menu_children_hider {
	/* this is just a helper, so that
	 * we can navigate outside the link
	 * and access the sub-menu's contents
	 */
	position: absolute;
	content: ' ';
	z-index: -1;
	top: -25px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

header#header .menu_children_content {
	position: relative;
	display: block;
	z-index: 1;
	padding: 0px 60px 30px;
}

header#header .menu_arrow_container {
	position: relative;
	border: none;
	z-index: 2;
}

header#header .arrow_wrapper {
	position: absolute;
	display: block;
	top: -64px;
	left: 0px;
	right: 0px;
}

header#header .arrow_wrapper .arrow {
	display: block;
	z-index: 2;
	content: ' ';
	width: 20px;
	height: 20px;
	margin: auto;
	border-top: 1px solid #d5daed;
	border-left: 1px solid #d5daed;
	background: #f1f6fb;

	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

header#header .menu_children_content div.title a:hover > span,
header#header .menu_children_content li a:hover > span {
	display: inline-block;
	background-color: #1a3383;
	color: #f1f6fa;

	/* padding adjustments */
	padding: 7px 10px;
	margin: -7px -10px;
}

header#header .menu_children_content div.title a:hover > span span,
header#header .menu_children_content div.title a:hover > span strong,
header#header .menu_children_content li a:hover > span span,
header#header .menu_children_content li a:hover > span strong {
	color: #f1f6fa !important;
}





/*
 * HAMBURGUER
 */

header#header #overlay_menu_hamb {
	position: fixed;
	display: none;
	z-index: 1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255, 255, 255, 0);
}

header#header #overlay_menu_hamb.showing {
	display: block;
}

.layout-xs header#header #overlay_menu_hamb {
	background: rgba(255, 255, 255, 0.3);
}

header#header #header_menu_hamb {
	position: absolute;
	display: none;
	z-index: 1;
	top: 86px;
	left: 0px;
	right: 0px;
	border: 1px solid #d5daed;
	background: #f1f6fb;
	text-align: left;

	/* properties to animate!
	 * the ".animate" class will take care
	 * of resetting these! */
	opacity: 0;
	margin-top: -10px;

	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	-o-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}

header#header #header_menu_hamb.showing {
	display: block;
}

header#header #header_menu_hamb.animate {
	margin-top: 0px;
	opacity: 1;
}

.layout-sm header#header #header_menu_hamb {
	top: 75px;
	border-left: none;
	border-right: none;
}

.layout-xs header#header #header_menu_hamb {
	top: 4px;
	border: none;
	background: #fff;
}

header#header #header_menu_hamb:before {
	/* allows for us to create
	 * the little arrow that
	 * should show below the link
	 */
	position: absolute;
	content: ' ';
	left: 23px;
	top: -11px;
	width: 20px;
	height: 20px;
	border-top: 1px solid #d5daed;
	border-left: 1px solid #d5daed;
	background: #f1f6fb;

	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.layout-xs header#header #header_menu_hamb:before {
	display: none;
}

header#header #header_menu_hamb nav {
	position: relative;
	display: block;
	z-index: 1;
	padding: 0px 60px 30px;
}

.layout-xs header#header #header_menu_hamb nav {
	padding: 0px;
}

.menu-hamb-desktop ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

.menu-hamb-desktop .hamb_left {
	position: relative;
	float: left;
	font-size: 14px;
	border-right: solid 1px #D7DAE9;
	padding-right: 33px;
	margin-right: 30px;
	margin-top: 30px;
	z-index: 1;
}

.menu-hamb-desktop .hamb_left a {
	padding: 7px 10px;
	display: inline-block;
}

.menu-hamb-desktop .hamb_left .hamb_chosen a {
	background-color: #1a3383;
	color: #f1f6fa;
}

.menu-hamb-desktop .hamb_left .hamb_chosen a:before {
	position: absolute;
	content: ' ';
	display: block;
	height: 1px;
	width: 26px;
	right: 0px;
	margin-top: 11px;
	background-color: #d7dae9;
}

.menu-hamb-desktop .submenu_hamb {
	position: relative;
	display: none;

	/* properties to animate!
	 * the ".animate" class will take care
	 * of resetting these! */
	left: -15px;
	opacity: 0;

	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	-o-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}

.menu-hamb-desktop .submenu_hamb.showing {
	display: block;
}

.menu-hamb-desktop .submenu_hamb.animate {
	left: 0px;
	opacity: 1;
}

.layout-xs .menu-hamb-desktop .menu-deep-highlight,
.layout-sm .menu-hamb-desktop .menu-deep-highlight {
	display: none;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger {
	padding-top: 15px;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger .title.h5 {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	margin: 0px;
	line-height: 1.42857143;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger .title.h5 a {
	display: inline-block;
	padding: 7px 10px;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger a:hover {
	background-color: #1a3383;
	color: #f1f6fa;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger a:hover span,
.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger a:hover strong {
	color: #f1f6fa !important;
}

.menu-hamb-desktop .submenu_hamb .menu-deep-hamburger .menu-deep-column {
	float: left;
}

.menu-hamb-touch {
	padding: 20px 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.html-editor .menu-hamb-touch {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.layout-xs .menu-hamb-touch {
	padding-top: 70px;
}

.html-editor.layout-xs .menu-hamb-touch {
	padding-top: 20px;
}

.menu-hamb-touch .menu-hamb-header {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.html-editor .menu-hamb-touch .menu-hamb-header {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.menu-hamb-touch .menu-hamb-header > ul.items-secondary {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 5px 0px;
}

.menu-hamb-touch .menu-hamb-header > ul.items-secondary > li {
	display: inline-block;
	padding: 8px 0px;
}

.menu-hamb-touch .menu-hamb-header > ul.items-secondary > li > a {
	display: block;
	font-weight: 600; /* Semibold */
	padding: 0px 15px;
}

.menu-hamb-touch .menu-hamb-header > ul.items-terciary {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 15px 0px 5px;
}

.menu-hamb-touch .menu-hamb-header > ul.items-terciary .btn {
	display: block;
	width: 100%;
}

.menu-hamb-touch .menu-hamb-header > ul.items-terciary .btn .fa {
	font-size: 20px;
	line-height: 14px;
	vertical-align: middle;
}

.menu-hamb-touch .menu-hamb-footer {
	padding-top: 25px;
	padding-bottom: 20px;
}

.menu-hamb-touch .menu-hamb-footer .sided {
	display: block;
	color: #7FA3DF;
	font-size: 14px;
	padding-bottom: 15px;
}

.menu-hamb-touch .menu-deep a {
	color: #406fb5;
}

.menu-hamb-touch .menu-deep .menu-deep-children {
	display: none;
	padding-top: 5px;
}

.menu-hamb-touch .menu-deep .menu-deep-item .title {
	font-size: 18px;
}





/*
 * FOOTER
 */

footer#footer {
	position: relative;
	display: block;
	z-index: 0;
	text-align: center;
	margin-bottom: 20px;
}

.layout-sm footer#footer,
.layout-xs footer#footer {
	background-color: #FFFFFF;
}

#footer_award {
	margin: 2px 0px 50px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

#footer_award .award-container {
	display: inline-block;
}

#footer_award .award-logo {
	float: left;
}

#footer_award .award-logo img {
	display: block;
	height: 93px;
	margin: 0px auto;
}

#footer_award .award-copy {
	float: left;
	color: #1462a2;
	font-size: 18px;
	text-align: left;
	line-height: 1.4em;
	white-space: nowrap;
	margin: 7px 0px 0px 30px;
}

#footer_award .award-copy b {
	display: block;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.layout-xs #footer_award {
	margin: 40px 0px 50px;
}

.layout-xs #footer_award .award-container {
	display: block;
}

.layout-xs #footer_award .award-logo {
	float: none;
}

.layout-xs #footer_award .award-copy {
	float: none;
	font-size: 16px;
	text-align: center;
	white-space: normal;
	margin: 15px 20px 0px;
}

#footer_referrals {
	margin: 0px auto;
	padding: 40px 0px;
	max-width: 320px;
}

.layout-lg #footer_referrals {
	max-width: 1228px;
}

#footer_referrals .footer_referrals_logos,
#footer_referrals .footer_referrals_social,
#footer_referrals .footer_referrals_download,
#footer_referrals .footer_referrals_newsletter { text-align: center; }

.layout-lg #footer_referrals .footer_referrals_logos { text-align: left; }
.layout-lg #footer_referrals .footer_referrals_social { text-align: center; }
.layout-lg #footer_referrals .footer_referrals_download { text-align: left; }
.layout-lg #footer_referrals .footer_referrals_newsletter { text-align: right; }

#footer_referrals .footer_referrals_logos,
#footer_referrals .footer_referrals_social,
#footer_referrals .footer_referrals_download {
	padding-bottom: 50px;
}

.layout-lg #footer_referrals .footer_referrals_logos,
.layout-lg #footer_referrals .footer_referrals_social,
.layout-lg #footer_referrals .footer_referrals_download {
	padding-bottom: 0px;
}

#footer_referrals .footer_referrals_download img {
	padding: 5px 0px;
}

#footer_referrals .sided {
	display: block;
	color: #7FA3DF;
	font-size: 14px;
	padding-bottom: 10px;
}

.layout-lg #footer_referrals .sided {
	display: inline-block;
	padding-bottom: 0px;
}

#footer_referrals .social-button i {
	vertical-align: -1px;
}

#footer_referrals .footer_referrals_logos img { height: 50px; }
#footer_referrals .footer_referrals_logos img.logo_iso { height: 55px; }

#footer_referrals .footer_referrals_newsletter .form-control.nl_email {
	background-color: #f1f6fa;
	box-shadow: none;
	border: none;
}

#footer_menu {
	color: #8cade0;
	font-size: 14px;
	border-top: 1px solid #e9ecf3;
	padding: 35px 35px 60px;
}

#footer_menu nav {
	display: inline-block;
}

.layout-md #footer_menu nav,
.layout-xs #footer_menu nav,
.layout-sm #footer_menu nav {
	display: block;
	margin-top: 25px;
}

#footer_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#footer_menu ul li {
	display: inline-block;
	padding: 0px 0px 0px 40px;
}

.layout-xs #footer_menu ul li,
.layout-sm #footer_menu ul li,
.layout-md #footer_menu ul li {
	display: block;
	padding: 2px 0px;
}

#footer_menu ul li a {
	color: #8cade0;
}

#footer_menu ul li a:hover {
	color: #0d1a42;
}





/*
 * SITEMAP
 */

#footer_sitemap {}

.layout-lg #footer_sitemap {
	background: #f8fbfd;
}

.layout-sm #footer_sitemap,
.layout-xs #footer_sitemap {
	text-align: center;
}

#footer_sitemap nav {
	padding: 15px 10px 40px;
	text-align: left;
}

.layout-xs #footer_sitemap nav,
.layout-sm #footer_sitemap nav {
	padding: 0px 20px;
}

#footer_sitemap nav a {
	color: #4070b8; /*#7ea3dd*/
}

#footer_sitemap nav a:active,
#footer_sitemap nav a:focus,
#footer_sitemap nav a:hover {
	color: #2d4c7d; /*#2d4c7d*/
}

.layout-xs #footer_sitemap .menu-deep-children {
	display: none;
}

/*alterações novo logo premios*/
#footer_referrals .logo_premio{
	width: 182px;
	margin-left: 30px;
}
.layout-xs #footer_referrals .logo_premio,
.layout-sm #footer_referrals .logo_premio,
.layout-md #footer_referrals .logo_premio{
	width: auto;
	margin: 0;
	margin-top: 20px;
}

#footer_referrals .premio_label{
	position: absolute; 
	top: -25px;
}
.layout-xs #footer_referrals .premio_label,
.layout-sm #footer_referrals .premio_label,
.layout-md #footer_referrals .premio_label{
	position: relative;
	top: 0;
}

#footer_referrals .social_label{
	margin-left: -25px;
}
.layout-xs #footer_referrals .social_label,
.layout-sm #footer_referrals .social_label,
.layout-md #footer_referrals .social_label{
	margin-left: 0;
}

#footer_referrals .news_label{
    width: 115px;
}
.layout-xs #footer_referrals .news_label,
.layout-sm #footer_referrals .news_label,
.layout-md #footer_referrals .news_label{
	width: auto;
}