/* INICIO FONTE FACE MOBILE */

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

#display_pc {
	display:none;
	visibility:hidden;
}

#display_mobile {
	display:block;
	visibility:visible;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
       url('fonts/fontawesome-webfont.woff2') format('woff2'), 
       url('fonts/fontawesome-webfont.woff') format('woff'),
       url('fonts/fontawesome-webfont.ttf') format('truetype'),
       url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Michroma';
    src: url('fonts/michroma.eot');
    src: url('fonts/michroma.eot?#iefix') format('embedded-opentype'),
         url('fonts/michroma.woff') format('woff'),
         url('fonts/michroma.ttf') format('truetype'),
         url('fonts/michroma.svg#Michroma') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pakt';
    src: url('fonts/pakt.eot');
    src: url('fonts/pakt.eot?#iefix') format('embedded-opentype'),
         url('fonts/pakt.woff') format('woff'),
         url('fonts/pakt.ttf') format('truetype'),
         url('fonts/pakt.svg#Pakt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafeta';
    src: url('fonts/cafeta.eot');
    src: url('fonts/cafeta.eot?#iefix') format('embedded-opentype'),
         url('fonts/cafeta.woff') format('woff'),
         url('fonts/cafeta.ttf') format('truetype'),
         url('fonts/cafeta.svg#Cafeta') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rockwell';
    src: url('fonts/rockwell.eot');
    src: url('fonts/rockwell.eot?#iefix') format('embedded-opentype'),
         url('fonts/rockwell.woff') format('woff'),
         url('fonts/rockwell.ttf') format('truetype'),
         url('fonts/rockwell.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FIM FONTE FACE MOBILE */

/* INICIO BODY MOBILE */

body {
	max-width:480px;
	margin:0;
	padding:0;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-size:cover;
	overflow-x: hidden;
}

a:link, a:visited {
	text-decoration:none;
}

/* FIM BODY MOBILE */

/* INICIO ESTRUTURA */

#mobile {
	width:100%;
	height:auto;

}

#mobile .corpo {
	max-width:480px;
	height:auto;
	text-align:center;
	margin:auto;
}

/* INICIO HOME */

#mobile .mobile_logo {
	width:211px;
	height:58px;
	margin:20px 0;
}

/* FIM HOME */

/* FIM ESTRUTURA */

/* INICIO PROGRMAS EXTERNAS MOBILE */

#mobile_box_itens {
	max-width:260px;
	background-image:url(../images/bg_opacidade.png);
	height:auto;
	text-align:center;
    font-family: 'Lato', sans-serif;
	font-weight:100;
	letter-spacing:-1px;
	color:#666;
	font-size:20px;
	margin:auto;
	margin-bottom:5px;
	padding:10px;
	text-align:center;
	opacity:1;
	outline:none;
}

#mobile_box_itens:hover {
	opacity:0.9;
	outline:none;
}

/* INICIO PROGRAMAS INTERNAS MOBILE */

#mobile_stage {
	max-width:480px;
	height:auto;
	margin:auto;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
}

#mobile_texto_box {
	margin:10px 0 10px 0;
	max-width:480px;
	height:auto;
	background-image:url(../images/bg_opacidade.png);
	padding:10px;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
}

.titulo {
	text-align:center;
    font-family: 'Pakt';
	font-size: 0.8em;
	letter-spacing:1px;
	color:#666;
	font-size:36px;
	margin:10px 0 5px 0;
	text-shadow: 1px 1px white, 1px 1px #999;
}

.sub-titulo {
	width: 350px;
	text-align:center;
    font-family: 'Pakt';
	letter-spacing:1px;
	color:#666;
	font-size:25px;
	margin:20px auto;
	text-shadow: .5px .5px white, .5px .5px #999;
}

.sub-titulo:before{
	content: '';
	border:#666 1px solid;
	width: 50px;
	height: 0px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 8px;
}

.sub-titulo:after{
	content: '';
	border:#666 1px solid;
	width: 50px;
	height: 0px;
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 8px;
}

.txt {
	text-align:center;
    font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	letter-spacing:1px;
	color:#333;
	line-height:20px;
	font-size:14px;
	margin-top:20px;
	text-align:justify;
}

.mobile_foto {
	margin:10px 0 10px 0;
}

.mobile_voltar {
	margin:10px 0 10px 0;
}

/* FIM PROGRAMAS INTERNAS MOBILE */

/* INICIO CONTATO MOBILE */

.mobile_icon{
	width:80px;
	height:40px;
}

.mobile_box{
	width:100%;
	height:40px;
	text-align:left;
}

.box_contato{
	width:100%;
	height:35px;
	padding:0 10px;
	margin-left:10px;

	border: #CCC 3px solid;
	border-radius: 10px;
	outline:none;
	font-family: DejaVuSansBook, Sans-Serif;
	color:#666;
}

.box_contato_msg{
	width:100%;
	height:60px;
	padding:5px 10px 5px 10px;
	margin-left:10px;

	border: #CCC 3px solid;
	border-radius: 10px;
	outline:none;
	font-family: DejaVuSansBook, Sans-Serif;
	color:#666;
	resize:none;
}

.tabela_mobile_fix {
	margin:0 0 0 10px;	
}

.bto_mobile_enviar {
	background-image:url(../images/bto_mobile.png);
	background-repeat:no-repeat;
	background-color:transparent;
	padding:6px 7px 7px 7px;
	border:none;
	outline:none;
	font-family: 'Lato', sans-serif;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	letter-spacing:1px;
	color:#FFF;
	opacity:1;
}

.bto_mobile_enviar:hover {
	opacity:0.8;
}

.mobile_bto {
	text-align:right;
	padding-right:5px;
}

.mobile_tels {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding-left:10px;
	text-align:left;
}

.txt_mobile {
	text-align:center;
    font-family: 'Pakt';
	font-size: 0.8em;
	letter-spacing:1px;
	color:#000;
	font-size:14px;
	text-align:justify;
	width:auto;
	display:block;
	height:auto;
	padding:15px;
	background-image:url(../images/bg/box_white_49.png);
	margin:auto;
	text-align:center;
}

/* FIM CONTATO MOBILE */








/* FORM MOBILE */

#beneficios{
width:1000px;
margin:auto;
}
#beneficios .content-{
float:left;
margin-top:-1%;
margin-left:10px;
margin-right:10px;
width: 98%;
}


#beneficios .box{
background:url(../images/bg/box_white_88.png);
padding:22px 25px;
display: table;
width:640px;
color:#4e5943;
float: left;
}

#beneficios section.box hr{
  border-color: #026d99;
}

#beneficios section.box .list-1 i,
#beneficios section.box .list-2 i{
  color: #026d99;
  margin-right: .5em;
}

#beneficios .box .content{
  overflow: auto;
  position: relative;
  padding: 1px 0;
  padding-right: 10px;
  height: 320px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.title{
margin:auto;
text-align:left;
text-transform: uppercase;
letter-spacing:0.5px;
line-height:20px;
font-family: 'Pakt';
font-size:18px;
color:#4e5943;

}

#beneficios .box .title{
width:640px;
margin:auto;
text-align:left;
text-transform: uppercase;
letter-spacing:0.5px;
font-family: 'Pakt';
font-size:28px;
color:#4e5943;
}
#beneficios .box .txt{
max-width:305px;
margin:10px auto;
margin-bottom:0;
font-family: 'Lato', sans-serif;
font-size:14px;
line-height:18px;
text-align:justify;
color:#4e5943;
display: inline-block;
}
#beneficios .box .txt-1{
  margin-left: 0;
  float: left;
}

#beneficios .box .txt-2{
  margin-right: 0;
  float: right;
}

#beneficios .box .txt-3{
  width: 100%;
  max-width: 100%;
  float: left;
  text-decoration:none;

}

#beneficios .box .txt label{
  width: 100%;
  margin-top: .8em;
  margin-bottom: .5em;
  display: block;
  font-family: 'Pakt';
  font-size: 24px;
}

.cb-static .beneficios_page span {
    background-image: url(../images/6.jpg)
}
@media screen and (min-width: 1370px) {
  #beneficios .content{
  margin-top:10%;
  }
}



#beneficios .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
#beneficios .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
  right: -15px;
}

#beneficios ul.list-1,
#beneficios ul.list-2 {
  text-align: left;
}

#beneficios ul.list-1 li{
  display: inline-block;
  width: 300px;
  font-family: 'Lato', sans-serif;
  font-size:14px;
}

#beneficios ul.list-2 li{
  display: inline-block;
  
  font-family: 'Lato', sans-serif;
  font-size:14px;
}






#mobile_texto_box .txt > label{
	font-family: 'Pakt';
	font-size: 26px;
	letter-spacing:1px;
	line-height:30px;
	color:#000;
	margin:10px 0 5px 0;

}


#beneficios .box-msg{
background:url(../images/bg/box_white_88.png);
padding:16px 15px;
padding-bottom:48px;
margin-top:20px;
/*display: inline-table;*/
max-width:270px;
color:#4e5943;
/*float: right;*/
font-family: 'Lato', sans-serif;
}

#beneficios .box-msg .title{
width:210px;
margin:auto;
text-align:left;
text-transform: uppercase;
letter-spacing:0.5px;
font-family: 'Pakt';
font-size:28px;
color:#4e5943;
}

#beneficios .box-msg input,
#beneficios .box-msg textarea{
  width: 100%;
  max-width: 210px;
  padding: .5em;
  margin-bottom: .5em;
  border: #fff solid 1px;
  outline: none !important;
  box-shadow: none !important;
}

#beneficios .box-msg input:focus,
#beneficios .box-msg textarea:focus{
  border: 1px solid #9a9a9a !important;
  box-shadow: none !important;
}

#beneficios input.btn{
  width: 100%;
  max-width: 270px;
  background: none;
  border: 2px solid #777;
  color: #555;
  padding: .5em;
  float: right;
  outline: none !important;
}

#beneficios a.btn{
  width: 100%;
  max-width: 210px;
  background: none;
  border: 2px solid #777;
  color: #555;
  padding: .5em;
  margin-top: 2em;
  margin-bottom: 2em;
  float: right;
  outline: none !important;
  display: none;
}

#beneficios input.btn:focus,
#beneficios a.btn:focus{
  border: 2px solid #777 !important;
  box-shadow: none !important; 
}

#beneficios input.btn:hover,
#beneficios a.btn:hover{
  background: #777;
  border: #777 2px solid;
  color: #fff;
}

#beneficios .box-msg span.success{
  background: none;
  color: green;
}

#beneficios .box-msg span.error{
  background: none;
  color: red;
}

@media screen and (min-width: 1370px) {
  #beneficios .content {
    margin-top: 0;
  }  
  
}