@charset "UTF-8";
/* CSS Document */

/***********
	Nav
***********/

.top-nav ul.nav{
	display: table;
}

.top-nav ul.nav > li{
	display: table-cell;
}

.top-nav ul.nav a,
.top-nav ul.nav span.nav-header {
	color: #FFF;
	padding: 12px 0;
	display: block;
	vertical-align: middle;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
	text-align: center;
}

.nav-hamburguer{
	display: block;
}

.top-nav{
}

.top-nav ul.nav.socials{
	display: none;
}

.main-nav .container{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 80%;
	height: 100%;
    background-color: #051d27;
	overflow-y: auto;
	padding-bottom: 20px;
	z-index: 2;
}

.main-nav .container.on{
	display: block;
}

.main-nav ul.nav {
	position: relative;
	left: 0;
	transform: translateZ(0);
    transition: all 300ms ease;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 300ms ease;
}

.main-nav ul.nav a,
.main-nav ul.nav span.nav-header {
	color: #FFF;
	font-weight: bold;
	padding: 15px 30px;
	border-top: 1px solid #1e3642;
	display: block;
	font-size: 16px;
}

.deeper .icon-chevron-right{
	float: right;
	font-size: 26px;
}

.main-nav li.item-prev-title{
	background-color: #6aa2fc;
}

.main-nav ul.nav li.item-back span.nav-header{
	color: #6aa2fc;
	cursor: default;
}

.main-nav li.item-back .icon-chevron-left{
	float: left;
	font-size: 26px;
}

.icon-magnifying-glass:before{
	margin-right: 10px;
}

.nav-child{
    left: 100%;
    top: 0;
}

.icon-cancel-circle{
	color: #FFF;
	font-size: 35px;
	display: block;
	padding: 20px;
}

.nav-hamburguer{
	float: right;
	height: 100%;
	display: table;
}

.nav-hamburguer .icon-menu{
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;
	padding: 0 20px;
    color: #051d27;
}

/***********
	Topo
***********/

header{
	display: none;
}

.icon-logo-jmm{
	font-size: 62px;
}

.logo img {
	max-height: 32px;
}

.logo img.hifen {
	max-height: 35px;
}
	
.logo .hidden{
	display: none;
}

.slogan{
	max-width: 120px;
    font-size: 10px;
	margin-left: 5px;
}

.nav-fixed .slogan{
	display: none;
}

.main-banner.large,
.main-banner.medium{
	background-size: auto 430px;
	background-position: top center;
}

.main-banner .grid-container .grid-container{
	padding: 0;
}

.main-banner-text{
	font-size: 38px;
	line-height: 39px;
	height: 430px;
	background-color: rgba(0,0,0,0.4);
}	

.main-banner-text .wrapper{
	position: absolute;
	bottom: 50px;
	left: 50px;
	right: 50px;
}

.main-banner .button{
	padding: 20px 30px;
	font-size: 14px;
}

.main-action{
	border: none;
}

.main-action .menu{
	padding: 0;	
}

.main-action .menu > li{
	display: inline-block;
	width: 50%;
	padding: 10px;
	margin: 0;	
}

.main-action .menu > li > a{
	text-align: left;
	padding-left: 60px;
}

.main-action{
	border-top:2px solid #e58920;
}

/******************
	Banner & Videos
*******************/

.banner{
	margin: 0 0 20px 0;
}

.videos-img{
	height: 330px;
}

/************************
	Módulo Notícias Home
************************/

.category-module-home{
	margin-top:10px;
}

.category-module .cell{
	margin-bottom: 20px;
}

/***********
	Rodapé
***********/

.central{
	padding: 20px;
}

footer .cell{
	padding: 0;
}

.footer{
	margin-top: 10px;
	padding: 20px 10px;
}

.menu-socials-bottom li{
	display: inline-block;
	margin: 10px;
}

.menu-socials-bottom li a{
	color: #051d27;
}

/***********
	Modal
***********/

.modal{
	padding: 80px 30px 30px 30px;
}

.article-media{
	height: 250px;
}

.article-media .background{
	background-attachment: scroll;
}

h2.article-title {
    font-size: 2.75em;
}

.article-text blockquote p {
    font-size: 0.7em;
}

.article-text h4 {
    font-size: 1em;
}

.article-media .article-media-social{
	display: none;
}

/*****************
	Collum Banner
*****************/

.column-banner .grid-x{
	margin-bottom: 20px;
}

.column-banner-margin-top .grid-x{
	margin-top: 20px;
}

.column-banner .cell{
	height: 200px;
}

	.column-banner h1{
		font-size: 18px;
		line-height: 22px;
	}

	.mod-articles-more .grid-container{
		padding-bottom: 20px;
	}

@media only screen and (max-width: 349px){

	.logo img.hifen {
		max-height: 20px;
	}
	
}