*{

	margin: 0;

	font-family: 'Yantramanav', sans-serif;

}

body{

	background-image: url(img/fundo01.jpg);

	background-attachment: fixed;

	background-position: top;

	background-repeat: no-repeat;

	background-size: 120%;

}

input, textarea{

    -webkit-appearance: none;

    -webkit-border-radius: 0px;

}

a{

	text-decoration: none !important;

	color: inherit !important;

}

.central-esc{

	display: none !important;

	position: fixed;

	z-index: 1000;

	background: rgba(0,0,0,.5);

	width: 100%;

	height: 100%;

	display: -webkit-flex;

  	display: flex;

	-webkit-align-items: center;

  	align-items: center;

  	-webkit-justify-content: center;

  	justify-content: center;

}

.central-esc > div{

	width: 300px;

	color: #fff;

	text-align: center;	

}

.central-esc div > h1{

	font-size: 1.7em;

}

.central-esc div > p{

	font-size: .9em;

	line-height: 15px;

	padding: 10px 0 20px 0;

}

.central-esc div > img{

	filter: invert(100%);

	-webkit-filter: invert(100%);

	width: 18px;

	float: right;

    margin-top: -20px;

}

.logo-home{

	width: 100%;

	height: 170px;

	margin-bottom: 30px;

	background-image: url(img/logo-home.png);

	background-size: 350px;

	background-repeat: no-repeat;

	background-position: center;

}

.menu{

	width: 100%;

	background: rgba(255,255,255,0.7);

	color: #028cf1;

}

.logo-movel{

	width: 150px; padding: 10px 20px; display: none;

}

.menu-movel{

	filter: contrast(0.2);

	-webkit-filter: contrast(0.2);

	display: none;

	padding: 27px 0 27px 20px;

	text-align: left;

}

.menu-fixo{

	position: fixed;

	top: 0;

	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);

	z-index: 999;

}

.menu > ul{

	text-align: center;

	padding: 0;

}

.menu ul > li{

	display: inline-block;

	padding: 27px 20px;

	font-weight: 700;

	font-size: .95em;

	letter-spacing: -0.5px;

}

.menu li > img{

	vertical-align: middle;

}

.menu-logo{

	width: 40px !important;

	display: none;

}

.menu ul li:after{

	content: "";

	width: 0px; 

	height: 0px; 

	margin-left: -50%;

	margin-right: 43%;

    margin-bottom: -32px;

	display: -webkit-inline-box;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;  

	border-bottom: 5px solid transparent;

}

.menu ul li:hover:after{

	border-bottom: 5px solid #028cf1;

}

.sub-menu{

	background: #028cf1;

	text-align: center;

	color: #fff;

	font-size: .75em;

	font-weight: 400;

}

.sub-menu > ul{

	padding: 0;

}

.sub-menu ul > li{

	display: inline-block;

	padding: 10px 20px;

	letter-spacing: -0.5px;

}

.sub-menu ul > li:hover{

	background: #0076cc;

}

.conheca{

	padding: 30px 30px 40px 30px;

	background: #0076cc;

	text-align: center;

	color: #fff;

}

.conheca > div{

	vertical-align: top;

	display: inline-block;

	width: 200px;

	margin: 10px;

	text-align: center;

	background: #028cf1;

	border-radius: 7px;

	padding: 20px;

	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)

}

.conheca div > img {

	-webkit-filter: invert(100%);

    filter: invert(100%);

    width: 70px;

}

.conheca div > h1{

	font-size: 1.7em;

	letter-spacing: -.5px;

	padding-bottom: 15px;

}

.conheca div > p{

	line-height: 16px;

	font-size: .9em;

}

.distribuicao{

	background: #40aeff;

	padding: 20px 30px;

	text-align: center;

}

.distribuicao > div{

	display: inline-block;

	vertical-align: middle;

	color: #fff;

	padding: 0 20px;

}

.distribuicao div:last-child{

	text-align: left;

	width: 200px;

}

.distribuicao h1{

	font-size: 1.7em;

	letter-spacing: -.5px;

	padding-bottom: 10px;

}

.distribuicao p{

	line-height: 16px;

	font-size: .9em;

}

.central{

	padding: 45px 30px 50px 30px;

	text-align: center;

	background: #0076cc;

	color: #fff;

}

.central > div{

	text-align: left;

	display: inline-block;

	vertical-align: middle;

}

.central div:last-child > .button{

	width: 200px;

	display: inherit;

	padding: 9px 0;

	margin: 4px 0;

	border: none;

	border-bottom: 1px solid rgba(0,0,0,0.15);

    border-top: 1px solid rgba(255,255,255,0.4);

    background: #0076cc;

    color: #fff;

    font-size: .9em;

    font-weight: 300;

    border-radius: 5px;

}

.central div:last-child .button a > img{

	width: 15px;

	vertical-align: middle;

	padding: 0 4px;

	-webkit-filter: invert(100%);

	filter: invert(100%);

}

.central > div:last-child{

	width: 250px; 

	text-align: center;

	padding: 20px;

	margin-left: 40px;

	background: #028cf1;

	border-radius: 5px;

	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)

}

.central div:last-child > p{

	font-size: .9em;

	line-height: 16px;

	padding-bottom: 13px;

	font-weight: 300;

}

.central div > h1{

	font-size: 1.7em;

	letter-spacing: -.5px;

	padding-bottom: 08px;

}

.central div > p{

	font-size: .9em;

	line-height: 15px;

	padding-bottom: 15px;

}

.central div > ul{

	padding-left: 0;

	display: inline-block;

	font-size: .95em;

	font-weight: 300;

	width: auto;

}

.central div ul > li{

	list-style: none;

	border-top: 1px solid rgba(255,255,255,0.2);

    border-bottom: 1px solid rgba(0,0,0,0.2);

    padding: 10px 17px;

    background: #028cf1;

    border-radius: 5px;

 	margin: 5px;

}

.central div ul li > img{

	width: 20px;

	filter: contrast(100);

	-webkit-filter: contrast(100);

	vertical-align: bottom;

}

.footer{

	padding: 40px 30px;

	background: #028cf1;

	text-align: center;

	color: #fff;

}

.footer > p{

	font-size: .8em;

	padding-top: 40px;

	line-height: 15px;

}

.footer > div{

	display: inline-block;

	vertical-align: top;

	padding: 0 35px;

	text-align: left;

}

.footer div > h1{

	font-size: 1.1em;

	padding-bottom: 10px;

}

.footer div > ul{

	text-align: left;

	list-style: none;

	padding-left: 0;

}

.footer div ul > li, .footer div > p{

	font-size: .9em;

	padding: 1px 0;

}

.footer div > .logo-footer{

	width: 150px;

	margin-left: -5px;

	padding-top: 20px;

}

.footer .icon-rede{

	-webkit-filter: invert(100%);

	filter: invert(100%);

	width: 30px;

	transition: all 400ms ease;

}

.footer .icon-rede:hover{

	opacity: .4;

	filter: none;

	-webkit-filter: none;

}



.return{

	display: none;

	position: fixed;

	bottom: 0;

	right: 0;

	margin: 30px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-color: #fff;

	box-shadow: 0 4px 7px rgba(0,0,0,0.15);

	background-image: url(img/icon-return.png);

	background-position: center 10px;

	background-size: 55%;

	background-repeat: no-repeat;

}



#map-cobertura{

	width: 100%; 

	height: 700px;

	background: #0076cc;

}



.sobre{

	background: #0076cc;

	color: #fff;

	text-align: right;

	display: table-cell;

}

.sobre > div{

	padding: 40px 50px 45px 30px;

	width: 70%;

	display: inline-block;

}

.sobre div > h1{

	text-align: left;

	font-size: 1.7em;

	letter-spacing: -.5px;

	padding-bottom: 10px;

}

.sobre div > p{

	text-align: left;

	font-size: .9em;

}

#map-sobre{

	width: 50%;

	display: table-cell;

	background: #0076cc;

}



.contato{

	padding: 05px 30px;

	background: #0076cc;

	text-align: center;

}

.contato form > div{

	border-top: 1px solid rgba(255,255,255,0.2);

	padding: 40px 10px;

	display: inline-block;

	text-align: right;

	vertical-align: top;

}

.contato form div > input[type='text'], .contato div > textarea{

	width: 100%;

	padding: 10px 12px;

	margin: 5px;

	border-radius: 3px;

	border: none;

	font-size: .8em;

	color: #555;

	font-weight: 400;

	box-shadow: 0 4px 3px rgba(0,0,0,.15);

	font-family: 'Yantramanav', sans-serif;

	text-transform: uppercase;

}

.contato form div > textarea{

	height: 179px;

	resize: none;

}

.contato form div > input[type='button']{

	margin-top: 10px;

	padding: 8px 40px;

    border-radius: 5px;

    border: none;

    background: #028cf1;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, 0.45);

    border-bottom: 1px solid rgba(0, 0, 0, 0.3);



}

.contato div > h1{

	color: #fff;

	font-size: 1.7em;

	padding-bottom: 15px;

}

.contato div > p{

	color: #fff;

	font-size: .9em;

	line-height: 16px;

}



.atendimento{

	padding: 20px 30px 30px 30px;

	text-align: center;

	background: #0076cc;

	color: #fff;

}

.atendimento > div{

	text-align: left;

	display: inline-block;

	vertical-align: middle;

}

.atendimento div > h1{

	font-size: 1.7em;

	letter-spacing: -.5px;

	padding-bottom: 10px;

}

.atendimento div > p{

	font-size: .9em;

	margin-top: 20px;

	line-height: 15px;

}

.atendimento div > ul{

	padding-left: 0;

	vertical-align: top;

	display: inline-block;

	font-size: .95em;

	font-weight: 300;

	width: auto;

}

.atendimento div ul > li{

	cursor: pointer;

	list-style: none;

	border-top: 1px solid rgba(255,255,255,0.2);

    border-bottom: 1px solid rgba(0,0,0,0.2);

    padding: 10px 17px;

    background: #028cf1;

    border-radius: 5px;

 	margin: 5px;

}

.atendimento div ul li > img{

	width: 20px;

	filter: invert(100%);

	-webkit-filter: invert(100%);

	vertical-align: middle;

}

.atendimento div > div{

	text-align: left;

	margin-top: 20px;

	padding: 20px 15px;

	background: #028cf1;

	border-radius: 5px;

	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)

}

.atendimento div div > img, .atendimento div a > img{

	width: 45px;

	display: inline-block;

	filter: invert(100%);

	-webkit-filter: invert(100%);

}

.atendimento .at-soc{

	background: none;

	box-shadow: none;

	padding: 10px 0;

	display: table;

}

.atendimento .at-soc img{

	width: 40px;

	text-align: center;

	vertical-align: middle;

	border: 2px solid rgba(0,0,0,.3);

	border-radius: 50%;

	margin-right: 9px;

	cursor: pointer;

}

.atendimento .at-soc img:hover{

	opacity: .4;

	filter: none;

	-webkit-filter: none;

	transition: all 400ms ease;

}

.atendimento div div > p{

	display: inline-block;

	font-size: .9em;

	line-height: 15px;

	text-align: left;

	padding-left: 10px;

	margin-top: 0 !important;

}



.planos{

	padding: 40px 30px 25px 30px;

	text-align: center;

	background: #0076cc;

	color: #fff;

}

.planos > h1{

	font-size: 1.7em;

	letter-spacing: -.5px;

}

.planos > p{

	font-size: .9em;

	line-height: 15px;

	padding: 15px 0 25px 0;

}

.planos div.empresarial > h1{

	color: #cddc39 !important;

}

.planos div.empresarial a > input[type='button']{

	background: #cddc39 !important;

}

.planos div.empresarial a > input[type='button']:hover{

	background: #8BC34A !important;

}

.planos div.rural > h1{

	color: #00cc99 !important;

}

.planos div.rural a > input[type='button']{

	background: #00cc99 !important;

}

.planos div.rural a > input[type='button']:hover{

	background: #009999 !important;

}
.planos > div{

	vertical-align: top;

	display: inline-block;

	width: 200px;

	margin: 10px;

	text-align: center;

	background: #028cf1;

	border-radius: 8px;

	border-top: 1px solid rgba(255,255,255,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);

}

.planos div > h1{

	color: #f7d32f;

    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

	font-size: 3em;

	letter-spacing: -2px;

	border-radius: 8px 8px 0 0;

	padding: 13px 0 0 0;

}

.planos div > h2{

	font-size: .9em;

	font-weight: 300;

	margin-top: -13px;

	padding-bottom: 15px

}

.planos div > hr{

	width: 80%;

	margin: 0 10%;

	border: none;

	border-bottom: 1px solid rgba(255,255,255,0.3);

	border-top: 1px solid rgba(0,0,0,0.25);

}

.planos div > p{

	padding: 14px 0 18px 0;

	font-size: .9em;

	font-weight: 300;

	line-height: 13px;

}

.planos div > ul{

	background: #fff;

	color: #40aeff;

	font-size: .9em;

	list-style-position: center;

	list-style: none;

	list-style-image: url(img/icon-check.png);

	text-align: left;

	padding-top: 15px;

	padding-bottom: 15px;

}

.planos div a > input[type='button']{

	background: #f7d32f;

    font-size: 1em;

    color: #fff;

    font-weight: 700;

    width: 100%;

    border: none;

    padding: 15px 0;

    border-radius: 0 0 8px 8px;

    transition: all ease 400ms;

    cursor: pointer;

}

.planos div a > input[type='button']:hover{

	background: #FF9800;

}

.links{

	padding: 40px 30px 45px 30px;

	text-align: center;

	background: #0076cc;

	color: #fff;

}

.links > h1{

	font-size: 1.8em;

	padding-bottom: 20px;

}

.links > ul{

	text-align: left;

	display: inline-block;

	list-style-image: url(img/icon-link-ext2.png);

	vertical-align: top;

	padding: 0 25px;

}

.links ul > li{

	font-size: .95em;

}





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



.distribuicao{

	padding: 40px 30px;

}

.distribuicao div:last-child{

	text-align: center;

	width: 500px;

}

.footer > div{

	padding-bottom: 40px;

    width: 200px;

}

.planos > div{

	width: 220px;

}

.atendimento{

	padding: 40px 30px;

}

.atendimento > div{

	padding-left: 0 !important;

}

.atendimento div > h1, .atendimento div > p{

	text-align: center;

}

.atendimento .at-soc{

	text-align: center;

}

.central > div:last-child{

	margin-left: 0;

	margin-top: 20px;

}

.contato form > div{

	display: table-cell;

}



}



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



.links > ul{

	width: 90%;

}

.distribuicao > div{

	width: 100%;

	padding: 0;

}

.distribuicao div > img{

	height: auto !important;

	width: 100%;

}

.distribuicao div:last-child{

	width: 100%;

}

.footer > div{

	width: auto;

	padding: 0 0 40px 0;

	width: 100%;

	text-align: center;

}

.footer div > ul{

	text-align: center;

}

.sobre{

	display: block;

	padding: 0 30px;

}

.sobre > div{

	width: 100%;

	padding: 40px 0;

}

.atendimento > div:first-child{

	width: 100% !important;

}

.atendimento div > ul{

	text-align: center;

	display: block;

}

.contato{

	padding-bottom: 40px;

}

.contato div > p{

	padding-bottom: 40px;

}

.contato form > div{

	display: block;

    width: 100% !important;

    text-align: center;

    padding: 0;

    border: none;

}

.contato form div > input[type='text'], .contato div > textarea{

	width: 90% !important;

}

.g-recaptcha{

	float: none !important;

	text-align: center;

    display: inline-flex;

}

.contato form div > input[type='button']{

	width: 90%;

}

.central > div{

	text-align: center;

	width: 100% !important;

	display: block;

}

.central div > ul{

	display: block;

}

.central > div:last-child{

	display: inline-block;

    width: 250px !important;

}

.logo-home{

	background-size: 300px;

}



}



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



.sub-menu ul > li{

	font-size: .8em;

}

.planos > div {

    width: 100%;

    margin: 10px 0;

}

.atendimento > div{

	width: 100% !important;

}

.atendimento div > div {

    text-align: center;

}

.atendimento div div > img, .atendimento div a > img{

	padding-bottom: 20px;

}

.atendimento .at-soc img{

	padding-bottom: 0 !important;

}

.g-recaptcha{

	transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;

	padding-bottom: 0 !important;

}

.central > div:last-child{

	width: 100% !important;

	padding: 20px 0;

}

.central  div:last-child > p{

	padding: 0 20px;

}

.logo-home{

	background-size: 250px;

}



}



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

.logo-home{

	margin-bottom: 0;

}

.menu{

	background: #fff;

}

/*.menu > ul{

	display: grid;

}*/

/*.menu ul > li{

	margin-left: -15px;

}*/

.menu-movel{

	display: inline-block;

}