/***** Queries *****/

@media screen and (max-width: 940px) {
    .container { padding: 0 20px; }
    /*.logo_topbar { float: none; display: table; width: 100%; }
    .logo_topbar figure { display: table-cell; vertical-align: middle; width: 50px; text-align: center; }
    .login_topbar {  display: none;}
    .topbar { padding: 5px 0px 1px; }
    */
    .conteudo { width: 90%; padding: 0 5%; }
    .conteudo > div:first-child > h1 { text-align: center!important; }
    .conteudo > div:first-child > h1 > span { display: block; }    
    .conteudo > div:first-child > p { text-align: center!important; }
    .footer_02 ul {  padding: 0 22%; float: none; }
	.footer_02 ul li { display: block; width: 100%; margin-bottom: 10px; }
	.footer_02 ul li:first-child { float: none; width: 100%; text-align: center!important; margin-bottom: 20px; }
	#modalConfirmacao { width: 82%; margin-left: 5%; background-repeat: no-repeat; }
	.modal { left: 0!important; }
	#modalEmpresas { padding: 20px; margin-left: 8%; width: 80%; }
	.form_checkbox span { padding-top: 20px; }
	#modalParabens { margin-left: 6%; width: 80%; }
}
@media screen and (max-width: 590px) {
	.logo_footer { width: 100%; display: table; float: none; }
	.logo_footer figure { display: table-cell; vertical-align: middle; text-align: center; }
	.contato_footer { float: none; display: block;width: 100%; margin-top: 10px; }
	.contato_footer h4 { text-align: center; margin-bottom: 0; }
	.contato_footer p { text-align: center; }
	#modalConfirmacao { height: auto; background-size: cover; }
	#modalParabens { margin-left: 4%; }
	#modalEmpresas { margin-left: 5%; }
}
@media screen and (max-width: 550px) { 
	.conteudo form { width: 91%; }
	.ddd { width: 12%; }
	.numero { width: 59%; }
	.conteudo form label { text-align: center; font-size: 20px; }
	.conteudo form button { width: 15%!important; padding: 9px 0; }
	.modalConfirmacao { width: 100%; }
}
@media screen and (max-width: 450px) { 
	.conteudo form button { width: 13%!important; }
	#modalConfirmacao { margin-left: 3%; }
	#modalParabens { margin-left: 3%; }
}
@media screen and (max-width: 400px) { 
	.conteudo form button { width: 13%!important; min-width:  31px; }
	.ddd { width: 11%; padding: 11px 0 11px 3px; font-size: 12px; min-width:  31px; }
	.numero { width: 50%; min-width: 105px; }
	h1 { font-size: 39px!important; }
	h1 span { font-size: 25px!important; line-height: 32px; }
	h2 { font-size: 23px!important; text-align: center; }
	.div01 h3 { width: 85%; font-size: 14px!important; }
	.div02 h3 { width: 85%; font-size: 14px!important; background: url('../images/icons_h3.png') no-repeat scroll -36px -94px transparent; line-height: 14px; }	
	.div03 h3 { width: 85%; font-size: 14px!important; }
	#modalConfirmacao { margin-left: 2%; }
}
/*
.menu_mobile_p {
	margin: 19px 0 10px 19px;
	color: #2e2766;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'SegoeUISemibold';
}

.menu-anchor {
	width: 29px;
	height: 27px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url('../images/menu_anchor.png') no-repeat scroll 0px -49px transparent;
	top: 24px;
	left: 15px;
	z-index: 999;
}

.menu-active .menu-anchor {
	background: url("../images/menu_anchor.png") no-repeat 0 0;
	margin-left: -41px;
}

.menu-active .menu-anchor:before {
	box-shadow: 0 .45em 0 0 #fff, 0 .9em 0 0 #fff;
	background: #fff;
}

.menu-mobile {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 290px;
	height: 100%;
	padding-top: 10px;
	background: url("../images/bg_laranja.png")!important;
}

.menu-mobile li a {
	display: block;
	margin: 0 10px;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}

.menu-mobile li a:hover {
	background: #ec7927;
	color: #fff;
}



.menu-mobile {
	-webkit-transform: translateX(-290px);
	-moz-transform: translateX(-290px);
	-ms-transform: translateX(-290px);
	transform: translateX(-290px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
*/

/* Essa é a posição original do HEADER e do MAIN */

header, .content, footer {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*
   Com a classe menu-active na tag HTML

.menu-active .menu-mobile {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.menu-active .menu-anchor {
	-webkit-transform: translateX(271px);
	-moz-transform: translateX(271px);
	-ms-transform: translateX(271px);
	transform: translateX(271px);
}
*/


/***** Login Anchor *****/


.login-anchor {
	width: 24px;
	height: 24px;
	display: inline-block;;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/login_mobile.png")no-repeat 0px -50px;
	top: 24px;
	right: 15px;	
	z-index: 998;
	float: right;
}

.login-active .login-anchor {
	background: url("../images/login_mobile.png")no-repeat 0px -6px!important;
	margin-right: -41px;
}
.login-active .login-anchor {
	-webkit-transform: translateX(-279px);
	-moz-transform: translateX(-279px);
	-ms-transform: translateX(-279px);
	transform: translateX(-279px);
}
.login-active .login-mobile {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.login-mobile {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
	width: 290px;
	height: 100%;
	padding-top: 10px;
	background: url("../images/bg_laranja.png")!important;
}

.login-mobile li a {
	display: block;
	margin: 0 10px;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}

.login-mobile li a:hover {
	background: #ec7927;
	color: #fff;
}


/*
	Aqui você esconde o menu para fora da tela 
	O valor é exatamente a largura da sidebar
*/
.login-mobile {
	-webkit-transform: translateX(290px);
	-moz-transform: translateX(290px);
	-ms-transform: translateX(290px);
	transform: translateX(290px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
.login-mobile form {
	padding: 35px 0 0 12px;
}
.login-mobile p {
	margin: 13px 0px 0px 49px;
	text-transform: uppercase;
	color: #2e2766;
	font-size: 16px;
	font-family: 'SegoeUISemibold';
}
.login-mobile form input {
	padding: 11px 8px;
	width: 90%;
	margin-bottom: 5px;
	font-size: 14px;
	border-color: #c46521;
	border-radius: 6px;
}
.login-mobile form .duvidas {
	display: none;
}
.login-mobile form button {
	padding: 10px 9px;
	border-radius: 8px;
	text-transform: uppercase;
	color: #FFF;
	background: #2E2766;
}
.login-mobile .links {
	width: 100%;
	float: none;
}
.login-mobile .links p {
	text-align: center !important;
	font-size: 14px!important;
	text-transform: none;
	margin: 10px 0 0 0;
	font-family: 'SegoeUIRegular';
}