#navegacaoMobile{display:none;}

#menuMobile{
	width:62px;
	height:60px;
	position:absolute;
	text-align:center;
	top:5px;
	right:20px;
}

#menuMobile .btnNav{
	width:30px;
	padding:22px 15px;
	float:right;
	border:1px solid #CCC;
}

#menuMobile span{
	position:relative;
	width:30px;
	height:2px;
	margin-bottom:4px;
	background-color:#CCC;
	float:right;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
		 -o-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
			transition: all 0.25s ease;
}

#menuMobile span:last-child{
	margin-bottom:0px;
}

#menuMobile .btnNav:hover span{
	background-color:#F0BE32;
}

#navegacaoMobile #modal{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:999999;
}

#navegacaoMobile #modal .modal-box{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
}

#navegacaoMobile #modal .modal-box-content{
	position:absolute;
	width:80%;
	height:auto;
	left:50%;
	top:50%;
	margin-left:-40%;
	margin-top:-240px;
	text-align:center;
}

#navegacaoMobile #modal .closemodal{
	position:absolute;
	top:5px;
	right:20px;
	cursor:pointer;
	width:30px;
	height:2px;
	border:1px solid #CCC;
	padding:28px 15px;
}

#navegacaoMobile #modal .closemodal span{
	width:30px;
	height:2px;
	background-color:#CCC;
	position:absolute;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
		 -o-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
			transition: all 0.25s ease;
}

#navegacaoMobile #modal .closemodal span:last-child{
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navegacaoMobile #modal .closemodal:hover span,
#navegacaoMobile #modal .closemodal:hover span:last-child{
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	background-color:#F0BE32;
}

	
#navegacaoMobile #modal ul{
	margin:auto;
	display:table;
	width:270px;
	padding:0px 0;
}

#navegacaoMobile #modal li{
	padding:10px 0;
	border-bottom:1px solid #CCC;
}

#navegacaoMobile #modal li:first-child{
	padding-top:0;
}

#navegacaoMobile #modal li:last-child{
	padding-bottom:0;
	border-bottom:0;
}

#navegacaoMobile #modal li a{
	color:#505050;
}

#navegacaoMobile #modal li a:not(.not-hover):hover{
	color:#F0BE32;
}



#navegacaoMobile #modal li.lista-contato + li.lista-sua-conta{
	margin-top: 15px;
}
#navegacaoMobile #modal li.lista-sua-conta {
	border-bottom: 0px;
}
#navegacaoMobile #modal li a.btn-sua-conta {

	padding:7px 12px;
	border:1px solid #001E46;
	border-radius: 5px;
	background:  #001E46;
	color: #FFF;
	font-weight: bold;
	width: 200px;
	display: inline-block;
}
#navegacaoMobile #modal li a.btn-abra-sua-conta {

	padding:7px 12px;
	border:1px solid #FDBF20;
	border-radius: 5px;
	background:  #FDBF20;
	color: #001E46;
	font-weight: bold;
	width: 200px;
	display: inline-block;
}


@media screen and (min-width:0px) and (max-width: 1024px)
{

#navegacaoMobile{display:block;}
#nav{ display:none;}

.dropDown a{
display:none;
}
.dropDown .columns a{
display:block;
}
/******************************************************************************************/

.mobile-nav{
	position:absolute;
	width:100%;
	display:block !important;
	font-size:16px;
}

.close-btn span{
	display: block;
	width: 28px;
	height: 3px;
	margin: 5px 0;
	background: rgb(255,255,255);
	z-index: 99;
}

.menu-btn{
	background-color:#05143C;
	padding:10px;
	width:30px;
	height:30px;
	cursor:pointer;
	float:right;/***/
	margin-right:1%;/**/
}

.menu-btn:hover{
	background-color:#F5911E;
}

.menu-btn div {
	position: absolute;
	vertical-align: middle;
	z-index:99;
	height:100%;
}

.menu-btn span {
	display: block;
	width: 28px;
	height: 3px;
	margin: 5px 0;
	background: rgb(255,255,255);
	z-index: 99;
}

.responsive-menu{
	display: none;
	background-color:#FFF;
	width:100%;
	margin-top:30px;/**/
	float:left;
}

.responsive-menu li{
	background-color:#05143C;
	margin-bottom:1px;
	text-align:center;
}

.responsive-menu li:hover{
	background-color:#F5911E;
}

.responsive-menu a{
	display:block;
	color:#FFF;
	padding:5% 0;
}

.expand {
	display: block !important; 
}

}

@media screen and (min-width:0px) and (max-width: 480px)
{

#menuMobile{
	width:42px;
	height:40px;
}

#menuMobile .btnNav{
	width:20px;
	padding:12px 10px;
	float:right;
	border:1px solid #CCC;
}

#menuMobile span{
	width:20px;
}

#navegacaoMobile #modal .closemodal{
	width:20px;
	padding:18px 10px;
}

#navegacaoMobile #modal .closemodal span{
	width:20px;
}

}