/*

    Desenvolvido por Artweb Design Digital

    http://www.artwebdigital.com.br/

    criacao2@artwebdigital.com.br

*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700');



body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{

	margin:0;

	padding:0;

	font-weight: 400;

}



body{

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

	background: #F2F2F2;

}



strong{

	font-weight: 700;

}



html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}



a{

	text-decoration: none;

	color: #19658A;

}



a:hover{

	text-decoration:none;

	color: #19658A;

}



img{

	border:none;

	max-width:100%;

}



button{

	border:none;

	cursor:pointer;

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

}



.limpa{clear:both;}

.limpa20{clear:both; height: 20px;}



.form-control{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

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

	font-size: 16px;

	color: #19658A;

	border: none;

	border-bottom: 1px solid #19658A;

	margin-bottom: 25px;

}



textarea.form-control{

	height: 130px;

}



.form-control:focus{

	-webkit-box-shadow: none;

	box-shadow: none;

	border-bottom: 1px solid #EA8B37;

	color: #ea8b37;

}



::-webkit-input-placeholder {

    color: #19658a;

}



::-moz-placeholder {

    color: #19658a;

}



::-ms-placeholder {

    color: #19658a;

}



::placeholder {

    color: #19658a;

}



.bg-mensagem-enviada{

	position: fixed;

	left: 0;

	top: 0;

	background-color: rgba(0, 0, 0, 0.8);

	width: 100%;

	height: 100%;

	z-index: 10000;

}



.mensagem-enviada{

	width: 400px;

	position: fixed;

	left: 50%;

	top: 50%;

	background: #FFFFFF;

	-moz-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	z-index: 10001;

	text-align: center;

	border: 2px solid #CECECE;

}



.mensagem-enviada svg{

	cursor: pointer;

	color: #FF0000;

	float: right;

	font-size: 30px;

	margin-top: -15px;

	margin-right: -12px;

}



.mensagem-enviada img{

	display: block;

	margin: 40px auto 50px;

}



/* Fontes */

.titulo{

	margin: 0;

	font-size: 40px;

	line-height: 50px;

	color: #19658A;

	font-weight: 700;

	text-transform: uppercase;

}



.sub-titulo{
	font-weight: 300;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	color: #19658A;
	margin: 0;
}

.sub-titulo-menor{
	font-size: 18px;
	line-height: 26px;
}

.espaco-telefonia{
	display: block;
	height: 120px;
}

.espaco-telefonia-menor{
	display: block;
	height: 60px;
}

/* Entrada */
.caixa-entrada{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
}

.bg-entrada{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: fixed;
	height: 100%;
}

.bg-pessoal:after{
	display: block;
	content: '';

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: 1px;

	height: 100%;

	background: rgb(97,190,228);

	background: -moz-linear-gradient(top, rgba(97,190,228,1) 0%, rgba(193,96,2,1) 100%);

	background: -webkit-linear-gradient(top, rgba(97,190,228,1) 0%,rgba(193,96,2,1) 100%);

	background: linear-gradient(to bottom, rgba(97,190,228,1) 0%,rgba(193,96,2,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61bee4', endColorstr='#c16002',GradientType=0 );

}



.bg-pessoal{

	left: 0;

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

}



.bg-empresa{

	right: 0;

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

}



.topo-entrada{

	text-align: center;

}



.topo-entrada img{

	margin: 100px auto 140px;

}



h1.frase-entrada{

	display: inline-block;

	text-align: left;

	margin: 0 auto;

	font-size: 60px;

	line-height: 65px;

	color: #FFFFFF;

	padding-left: 40px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 10px;

	margin-bottom: 150px;

}



h1.frase-entrada:after{

	display: block;

	content: '';

	background: #FFFFFF;

	width: 100px;

	height: 8px;

	margin-left: -40px;

	margin-top: 30px;

}



.link-entrada h3{

	display: inline-block;

	font-size: 25px;

	color: #FFFFFF;

	font-weight: 600;

	letter-spacing: 1px;

	text-transform: uppercase;

	line-height: 50px;

	margin: 0;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-ms-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}	



.link-entrada a{

	display: block;

}



.link-entrada a:after{

	width: 115px;

	height: 8px;

	content: '';

	display: inline-block;

	margin: 0 -15px;

}



.link-entrada{

	margin-bottom: 50px;

}



.link-entrada img{

	display: inline-block;

	margin: 0 10px;

	vertical-align: top;

}



.link-casa a:after{

	background-color: #EA8B37;

}



.link-empresa a:after{

	background-color: #61A4C9;

}



.link-casa a:hover h3{

	color: #EA8B37;

}



.link-empresa a:hover h3{

	color: #61A4C9;

}





/* header */

.topo-site{

	background-color: #19658a;

	color: #FFFFFF;

}



.topo-site p, .topo-site a{

	vertical-align: middle;

	display: inline-block;

	line-height: 40px;

	color: #FFFFFF;

	font-size: 10px;

	font-weight: 700;

}



.topo-site .fa-facebook-f, .topo-site .fa-whatsapp, .topo-site .fa-instagram, .topo-site .fa-linkedin-in, .topo-site .fa-phone, .topo-site .fa-user{

	vertical-align: middle;

	-webkit-border-radius: 25px;

	-moz-border-radius: 25px;

	border-radius: 25px;

	text-align: center;

	width: 18px !important;

	padding: 4px;

	height: 18px;

	line-height: 18px;

	color: #19658A;

	background-color: #ffffff;

	margin-right: 5px;

}

.topo-site .fa-whatsapp{
	padding: 2px;
}

.topo-site .fa-facebook-f, .topo-site .fa-instagram{

	padding: 3px;

}



.topo-site .fa-phone{

	-moz-transform: rotate(130deg);

	-webkit-transform: rotate(130deg);

	-o-transform: rotate(130deg);

	-ms-transform: rotate(130deg);

	transform: rotate(130deg);

}



.telefone-topo{

	margin-left: 15px;

	margin-right: 20px;

}



.topo-site a.botao-topo{

	text-transform: uppercase;

	line-height: 28px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin: 6px 10px 6px 0;

	background-color: #2177a1;

	padding: 0 15px;

	letter-spacing: 1px;

}



.topo-site a.botao-topo-empresa{

	color: #19658A;

	background-color: #e5eaec;

}



.topo-site-juridica{

	background-color: #343436;

}



.topo-site-juridica .fa-facebook-f, .topo-site-juridica .fa-instagram, .topo-site-juridica .fa-linkedin-in, .topo-site-juridica .fa-phone, .topo-site-juridica .fa-user{

	color: #343436;

}



.topo-site-juridica a.botao-topo{

	background-color: #e5eaec;

	color: #343436;

}



.topo-site-juridica a.botao-topo-empresa{

	background-color: #707072;

	color: #FFFFFF;

}



.navbar-default{

	padding:9px 0;

}



.navbar-nav li{

	list-style:none;

	float:left;

	margin-left: 21px;

}



.navbar-nav li a{

	display: block;

	color: #ffffff;

	font-size: 12px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: 600;

	text-shadow: 0 0 3px rgba(0, 0, 0, 0.20);

}



.navbar-nav li a:hover{

	color: #ea8b37;

}



.navbar-collapse{

	float: right;

}



.navbar-toggle{

	display:none;

}



.espacoMenuCelular{

	display:none;

}



.topo-site-background{

	background-color: #0f4560;

	-webkit-box-shadow: 0 5px 10px 5px rgba(0,0,0,0.10);

	box-shadow: 0 5px 10px 5px rgba(0,0,0,0.10);

}



.topo-site-background .navbar-nav li a{

	color: #ffffff;

}



.topo-empresa.topo-site-background{

	background-color: #707072;

}



.topo-empresa.topo-site-background .navbar-nav li a{

	color: #FFFFFF;

}



/* BANNER */

.caixa-banner{

	padding-top: 40px;

	width: 100%;

	position: relative;

}



#bannerSuperior, .banner-individual, .banner-individual .row{

	height: 800px;

}



#bannerSuperior{

	width: 100%;

}



.banner-individual{

	display: none;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	width: 100%;

}



.titulo-banner{

	font-weight: 700;

	color: #ffffff;

	font-size: 80px;

	position: relative;

	display: inline-block;

	line-height: 80px;

}



.titulo-banner-menor{

	font-size: 90px;

}



.titulo-banner:after{

	position: absolute;

	left: 100%;

	margin-left: 20px;

	bottom: 0;

	width: 70px;

	height: 0px;

	background-color: #EA8B37;

	content: '';

	display: block;

}



.titulo-banner-menor{

	font-size: 90px;

}



.titulo-banner.color-white:after{

	background-color: #FFFFFF;

}



.sub-titulo-banner{

	display: block;

	line-height: 80px;

	font-size: 80px;

	font-weight: 700;

	color: #ffffff;

	position: relative;

}



.scroll-top{

	width: 50px;

	height: 50px;

	text-align: center;

	line-height: 70px;

	background-color: #FFFFFF;

	position: absolute;

	left: 50%;

	margin-left: -25px;

	bottom: -25px;

	z-index: 10;

	display: block;

	-webkit-border-radius: 25px;

	-moz-border-radius: 25px;

	border-radius: 25px;

}



.scroll-top svg{

	color: #19658A;

	font-size: 34px;

}



/* content */

.color-white{

	color: #FFFFFF;

}



.texto-simples, .texto-simples p{

	font-size: 14px;

	color: #19658A;

	line-height: 24px;

}



.btn{

	font-weight: 700;

	text-transform: uppercase;

	font-size: 14px;

}



.btn span{

	display: block;

	font-size: 12px;

	font-weight: 300;

}



.btn-lg{

	font-size: 14px;

	line-height: 20px;

	padding: 15px 50px;

}



.btn-primary{

	background-color: #ea8b37;

	color: #ffffff;

	border-color: #EA8B37;

}

.btn-primary:hover{
	background-color: #D16608;
	border-color: #D16608;
	color: #FFFFFF;
}

.btn-primary-c {
	background-color: #019cdc;
	color: #ffffff;
	border-color: #019cdc;
}

.btn-primary-c:hover {
	background-color: #007caf;
	color: #ffffff;
	border-color: #007caf;
}

.btn-secondary-c{
	background-color: #ea8b37;
	color: #ffffff;
	border-color: #ea8b37;
}

.btn-secondary-c:hover{
	background-color: #ca5f00;
	border-color: #ca5f00;
	color: #FFFFFF;
}


.btn-secondary{
	background-color: #049add;
	color: #ffffff;
	border-color: #049add;
}

.btn-secondary:hover{
	background-color: #007caf;
	border-color: #007caf;
	color: #FFFFFF;
}



.btn-blue{

	background-color: #3385b4;

	color: #ffffff;

	border-color: #3385b4;

}



.btn-blue:hover{

	background-color: #165978;

	border-color: #165978;

	color: #FFFFFF;

}



/* Pessoa Fisica */

.caixa-contato{

	background-color: #ffffff;

	width: 1280px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin: 0 auto;

	-webkit-box-shadow: 0 5px 10px 5px rgba(0,0,0,0.10);

	box-shadow: 0 5px 10px 5px rgba(0,0,0,0.10);

	margin-bottom: 60px;

	padding-top: 100px;

	margin-top: -125px;

	z-index: 10;

	position: relative;

}



.espaco-home-cima{

	height: 130px;

	clear: both;

}



.card-deck{
	padding-top: 25px;
}

.card-deck .card{
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-right: none;
	border-top: none;
	border-color: #edf1f3;
	position: relative;

}



.card-header, .card-header:first-child{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	background-color: #f4f9fc;

	border-bottom: none;

}



.card-header h4{

	margin: 0;

	font-size: 26px;

	color: #19658a;

	text-transform: uppercase;

	font-weight: 700;

	line-height: 40px;

}



.pricing-card-title{

	font-size: 72px;

	line-height: 60px;

	color: #19658a;

	font-weight: 700;

	margin: 0;

	padding: 0;

}



.pricing-card-title small{

	color: #19658a;

	font-size: 18px;

	font-weight: 700;

	line-height: 24px;

	display: inline-block;

	vertical-align: bottom;

}



.pricing-card-title small.prev-price{

	vertical-align: top;

}



.desc-price{

	font-weight: 400;

	color: #19658a;

	font-size: 16px;

}



.card-body{

	padding: 0;

}



.card-deck .card .btn{

	margin-bottom: -22px;

	position: relative;

	z-index: 10;

}



.card-body ul{

	margin: 30px 40px 50px;

}



.card-deck .card.recomendado .card-body ul{
	margin: 50px 40px 30px;
}

.card-body ul li{
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	color: #19658A;
	margin-bottom: 15px;
}

.card-body ul li strong{
	font-weight: 700;
}

.card-price{
	padding: 40px 0 20px;
}

/*  card recomendado  */
.card-deck .card.recomendado{
	background: rgb(22,87,119);
}

.card-deck .card.recomendado-c{
	background: rgb(234,139,55);
}

.card-deck .card.recomendado:before, .card-deck .card.recomendado:after{
	left: 0;
	right: 0;
	height: 25px;
	width: 100%;
	position: absolute;
	display: block;
	content: '';
	background: rgb(22,87,119);
}

.card-deck .card.recomendado-c:before, .card-deck .card.recomendado-c:after{
	left: 0;
	right: 0;
	height: 25px;
	width: 100%;
	position: absolute;
	display: block;
	content: '';
	background: rgb(234,139,55);
}

.card-deck .card.recomendado:before{
	bottom: 100%;
}

.card-deck .card.recomendado:after{
	top: 100%;
}

.card-deck .card.recomendado-c:before{
	bottom: 100%;
}

.card-deck .card.recomendado-c:after{
	top: 100%;
}

.card-deck .card.recomendado .card-body ul li, .card-deck .card.recomendado .desc-price, .card-deck .card.recomendado .card-header h4, .card-deck .card.recomendado .pricing-card-title, .card-deck .card.recomendado .pricing-card-title small{
	color: #FFFFFF;
}

.card-deck .card.recomendado-c .card-body ul li, .card-deck .card.recomendado-c .desc-price, .card-deck .card.recomendado-c .card-header h4, .card-deck .card.recomendado-c .pricing-card-title, .card-deck .card.recomendado-c .pricing-card-title small{
	color: #FFFFFF;
}

.card-deck .card.recomendado .card-price{	
	background: rgb(4,154,221);
}
.card-deck .card.recomendado-c .card-price{	
	background: rgb(204,116,38);
}

.card-deck .card.recomendado .card-header, .card-deck .card.card-pme .card-header{
	background-color: transparent;
}

.card-deck .card.recomendado .btn{
	margin-bottom: -67px;
}

.card-deck .card.recomendado-c .card-header, .card-deck .card.card-pme .card-header{
	background-color: transparent;
}

.card-deck .card.recomendado-c .btn{
	margin-bottom: -67px;
}

.card-deck .card.recomendado .card-header h4{
	font-size: 32px;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

.card-deck .card.recomendado-c .card-header h4{
	font-size: 32px;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

.faixa-melhor-opcao{
	background: url(../img/faixa-melhor-opcao.png) no-repeat;
	width: 42px;
	height: 135px;
	position: absolute;
	right: 4px;
	top: -37px;
}

.faixa-melhor-opcao-c{
	background: url(../img/faixa-melhor-opcao-juridica.png) no-repeat;
	width: 42px;
	height: 135px;
	position: absolute;
	right: 4px;
	top: -37px;
}

.card-juridica .faixa-melhor-opcao{
	background: url(../img/faixa-melhor-opcao-juridica.png) no-repeat;

}

.card-juridica .card-header, .card-juridica .card-header:first-child{
	background-color: #f1f3f4;
}

.card-juridica .card-header h4, .card-juridica .pricing-card-title, .card-juridica .pricing-card-title small, .card-juridica .desc-price, .card-juridica .card-body ul li{
	color: #343436;
}

.card-deck .card-juridica.recomendado, .card-deck .card-pme, .card-deck .card-juridica.recomendado:before, .card-deck .card-juridica.recomendado:after{
	background: rgb(52,52,54);
	background: -moz-linear-gradient(left, rgba(52,52,54,1) 0%, rgba(70,70,72,1) 50%, rgba(52,52,54,1) 100%);
	background: -webkit-linear-gradient(left, rgba(52,52,54,1) 0%,rgba(70,70,72,1) 50%,rgba(52,52,54,1) 100%);
	background: linear-gradient(to right, rgba(52,52,54,1) 0%,rgba(70,70,72,1) 50%,rgba(52,52,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343436', endColorstr='#343436',GradientType=1 );
}

.card-deck .card-juridica.recomendado .card-price, .card-deck .card-pme .card-price{
	background: rgb(112,112,114);
	background: -moz-linear-gradient(left, rgba(112,112,114,1) 0%, rgba(124,126,132,1) 50%, rgba(112,112,114,1) 100%);
	background: -webkit-linear-gradient(left, rgba(112,112,114,1) 0%,rgba(124,126,132,1) 50%,rgba(112,112,114,1) 100%);
	background: linear-gradient(to right, rgba(112,112,114,1) 0%,rgba(124,126,132,1) 50%,rgba(112,112,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707072', endColorstr='#707072',GradientType=1 );
}



.card-deck .card.card-pme .card-body ul li, .card-deck .card.card-pme .desc-price, .card-deck .card.card-pme .card-header h4, .card-deck .card.card-pme .pricing-card-title, .card-deck .card.card-pme .pricing-card-title small{

	color: #FFFFFF;

}



.abre-pme{

	display: none;

}



.card-pme .card-header{

	padding-top: 55px;

	padding-bottom: 25px;

}



.faixa-titulo-pme{

	position: absolute;

	left: -15px;

	top: -15px;

	background: url(../img/faixa-pme.png) no-repeat;

	width: 177px;

	height: 75px;

	font-size: 30px;

	color: #FFFFFF;

	font-weight: 700;

	text-transform: uppercase;

	text-align: center;

	line-height: 60px;

}



.clear-planos{

	clear: both;

	height: 120px;

}

.botoes-planos{
	background-color: #f5f5f5;
	padding: 5px 0;
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-bottom: 40px;
}

.botoes-planos .btn{
	font-size: 12px;
	padding: 0 15px;
	line-height: 38px;
	margin: 0 5px;
	float: left;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #FFFFFF;
	background-color: #c4c4c4;
}

.botoes-planos .btn-secondary{
	background-color: #019cdc;
	color: #ffffff;
	border-color: #019cdc;
}

.botoes-planos .btn:hover{
	background-color: #165978;
	border-color: #165978;
	color: #FFFFFF;
}

.clear-caixas{
	clear: both;
	height: 70px;
}

.clear-caixas-baixo{
	height: 200px;
	clear: both;
}


.chamada-planos{

	font-weight: 300;

	color: #19658a;

	font-size: 28px;

}



.caixas-home{

	text-align: left;

	background: #F4F9FC;

	border: 2px solid #e5eaec;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	cursor: pointer;

}



.caixas-home img{

	display: inline-block;

	margin: 0 30px 0 15px;

}



.caixas-home h3{

	display: inline-block;

	font-size: 24px;

	color: #19658a;

	line-height: 32px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 110px;

}



.exibe-caixas-planos{

	position: relative;

}



.caixa-inteira{

	position: absolute;

	left: 15px;

	right: 15px;

	top: 0;

	z-index: 20;

	display: none;

}



.texto-caixas{

	padding: 20px 30px 50px;

}



.bg-vantagens{

	padding-top: 140px;

	padding-bottom: 200px;

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

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

}



.bg-vantagens:before{

	display: block;

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(25, 101, 138, 0.6);

}

.bg-wifi{
	background-image: url('../img/bg-wifi.jpg');
}

.bg-wifi:before{
	background-color: rgba(1, 156, 220, 0.87);
}

.bg-vantagens .container{

	position: relative;

	z-index: 10;

}



.vantagem-individual img{

	max-width: 52px;

}



.vantagem-individual h3{

	font-size: 18px;

	line-height: 30px;

	color: #FFFFFF;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase;

}



.vantagem-individual p{

	font-size: 14px;

	line-height: 24px;

	color: #FFFFFF;

}



/* Pessoa Juridica */

.bg-topo-empresa{

	background: url(../img/bg-topo-empresa.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}



.texto-topo-empresa h3{

	font-size: 38px;

	line-height: 46px;

	color: #343436;

	font-weight: 300;

	margin-bottom: 20px;

}



.texto-topo-empresa span{

	font-size: 38px;

	line-height: 30px;

	font-weight: 300;

	display: block;

	margin: 15px 0;

}



.texto-topo-empresa span img{

	display: inline-block;

	margin-right: 5px;

}



.clear-50{

	height: 35px;

	clear: both;

}



.texto-maior{

	padding-top: 120px;

	padding-bottom: 50px;

}



.texto-maior, .texto-maior p{

	font-weight: 300;

	font-size: 22px;

	color: #343436;

	line-height: 34px;

}



.bg-link-dedicado, .bg-internet-pme, .bg-telefonia, .bg-interconexao, .bg-wifi{

	padding-bottom: 90px;

}



.bg-link-dedicado{

	background-image: url(../img/bg-link-dedicado.jpg);

}



.bg-internet-pme{

	background-image: url(../img/bg-internet-pme.jpg);

	background-position: center top;

	background-size: auto;

}



.bg-interconexao{

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

}



.bg-telefonia{

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

}



.bg-link-dedicado:before, .bg-telefonia:before{

	background-color: rgba(0, 0, 0, 0.65);

}

.bg-telefonia:before{
	display: none;
}



.bg-interconexao:before{

	background-color: rgba(255, 255, 255, 0.5);

}



.color-black{

	color: #343436 !important;

}



.bg-internet-pme:before{

	display: none;

}



.icone-pme{

	height: 130px;

}



.icone-pme img{

	display: block;

	margin: 0 auto 10px;

}



.icone-pme strong{

	font-weight: 600;

	font-size: 20px;

	text-transform: uppercase;

	line-height: 22px;

}



.icone-pme strong span{

	font-weight: 400;

	display: block;

	font-size: 12px;

	text-transform: none;

	line-height: 12px;

}



.chamada-pme{

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 30px;

}



.titulo-pme, .titulo-planos-pme{

	font-size: 30px;

	font-weight: 700;

}



.titulo-pme:after{

	width: 50px;

	height: 5px;

	background-color: #3385b4;

	display: block;

	content: '';

	margin: 25px 0 25px -15px;

}



.texto-medio, .texto-medio p{

	font-size: 16px;

	line-height: 28px;

	font-weight: 400;

}



.texto-medio strong{

	font-weight: 600;

	color: #3385B4;

}



.interconexao-individual h3, .telefonia-individual h3{

	font-weight: 700;

	color: #343436;

	font-size: 30px;

	line-height: 40px;

	text-transform: uppercase;

}



.interconexao-individual h3:after, .telefonia-individual h3:after{

	display: block;

	content: '';

	width: 50px;

	height: 5px;

	background-color: #3385B4;

	margin: 20px auto 30px;

}



.interconexao-individual, .interconexao-individual p, .telefonia-individual, .telefonia-individual p{

	font-size: 14px;

	color: #343436;

	line-height: 24px;

}



.telefonia-individual h3, .telefonia-individual, .telefonia-individual p{

	color: #FFFFFF;

}



.telefonia-individual h3:after{

	margin-left: 0;

	margin-right: 0;

}



.telefonia-individual img{

	display: block;

	margin-bottom: 20px;

}



img.imagem-atendimento{

	vertical-align: top;

	display: inline-block;

}



.chamada-atendimento{

	vertical-align: top;

	display: inline-block;

	margin: 10px 35px 0;

	font-size: 40px;

	color: #343436;

	font-weight: 700;

	line-height: 37px;

	text-align: left;

}



.chamada-atendimento span{

	font-size: 33px;

	display: block;

}



h3.texto-atendimento{

	margin-top: 15px;

	vertical-align: top;

	text-align: left;

	display: inline-block;

	font-size: 17px;

	line-height: 32px;

	max-width: 450px;

}



/* footer */

a.nav-footer{

	font-size: 14px;

	font-weight: 700;

	line-height: 34px;

	color: #4A4A4C;

	text-transform: uppercase;

	display: block;

}



.text-footer, .text-footer p{

	font-size: 11px;

	line-height: 23px;

	color: #4a4a4c;

}



.logo-rodape-empresa{

	margin-bottom: 30px;

	display: block;

}



.dados-rodape p, .dados-rodape a{

	font-size: 16px;

	color: #4a4a4c;

	line-height: 30px;

	display: block;

	margin-bottom: 8px;

}



.dados-rodape a:hover{

	color: #47A3DB;

}



.dados-rodape svg{

	-webkit-border-radius: 25px;

	-moz-border-radius: 25px;

	border-radius: 25px;

	text-align: center;

	width: 30px !important;

	padding: 8px;

	margin-right: 10px;

	float: left;

	height: 30px;

	line-height: 30px;

	color: #ffffff;

	background-color: #47A3DB;

}

.dados-rodape svg.fa-whatsapp{
	padding: 5px;
}

.dados-rodape svg.fa-instagram{

	padding: 5px;

}



.dados-rodape svg.fa-facebook-f{

	padding: 7px;

}



.dados-rodape svg.fa-phone{

	-moz-transform: rotate(130deg);

	-webkit-transform: rotate(130deg);

	-o-transform: rotate(130deg);

	-ms-transform: rotate(130deg);

	transform: rotate(130deg);

}



.maya{

	overflow: hidden;

	position: relative;

	z-index: 10;

	display: inline-block;

	margin: 20px 0;

	background: url(../img/criacao-sites-maya.png) no-repeat center top;

	width: 20px;

	height: 20px;

	text-indent: 9999px;

	outline:none;

	-webkit-transition: background 200ms linear;

	-moz-transition: background 200ms linear;

	-ms-transition: background 200ms linear;

	-o-transition: background 200ms linear;

	transition: background 200ms linear;

}



.maya:hover{

	background-position: center bottom;

}



/* Perguntas Frequentes */

.espaco-perguntas-cima{

	height: 110px;

}



.card-perguntas{

	background-color: #f4f9fc

}



#navigation{

	padding: 0 10px 10px;

}



#navigation .card-body{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	padding: 10px;

}



.pergunta{

	text-align: left;

	padding: 10px;

	background-color: #19658A;

	color: #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	font-size: 15px;

}



.nav-tabs .nav-link{

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	margin: 0 0 0 10px;

	background-color: #19658A;

	color: #FFFFFF;

}



.nav-tabs .nav-link.collapsed{

	background-color: #DEDEDE;

	color: #333333;

}

/* Cadastro */
.topo-cadastro{
	background: url(../img/topo-cadastro.jpg) no-repeat center;
	width: 100%;
	height: 400px;
	text-align: center;
	padding-top: 200px;
	box-sizing: border-box;
}

.topo-cadastro h1{
	color: #FFFFFF;
}

.caixa-cadastro{
	margin-top: -90px;
}

.separa-formulario{
	border-top: 1px solid #19658A;
}

.caixa-cadastro strong{
	font-size: 16px;
}

.form-check-label{
	font-size: 14px;
}

.g-recaptcha{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}


@media(max-width: 1340px) {

	.caixa-contato{width: 1140px;}

}



@media(max-height: 800px) {

	.topo-entrada img {margin: 80px auto 80px; max-width: 250px;}

	h1.frase-entrada{font-size: 40px; line-height: 45px; margin-bottom: 80px;}

	.link-entrada h3{font-size: 20px;}

}



@media(max-width: 1199px) {

	.mb-5, .my-5{margin-bottom: 2rem !important;}



	.topo-entrada img {margin: 80px auto 80px; max-width: 250px;}

	h1.frase-entrada{font-size: 40px; line-height: 45px; margin-bottom: 80px;}

	.link-entrada h3{font-size: 20px;}



	.navbar-nav li{margin-left: 15px;}

	.navbar-nav li a{text-transform: none; font-weight: 400;}



	.titulo-banner{font-size: 45px; line-height: 52px; margin-top: 80px;}

	.titulo-banner-menor {font-size: 50px; line-height: 36px;}

	.sub-titulo-banner{line-height: 60px; font-size: 45px;}

	#bannerSuperior, .banner-individual, .banner-individual .row{height: 540px;}

	.titulo{font-size: 34px;}

	.pricing-card-title{font-size: 60px; line-height: 48px;}

	.clear-planos{height: 90px;}

	.caixas-home h3{font-size: 20px;}

	.bg-vantagens{padding-top: 80px; padding-bottom: 100px;}

	.vantagem-individual h3{font-size: 14px; line-height: 20px; margin-bottom: 5px;}

	.vantagem-individual img{max-width: 40px; margin-top: 10px;}

	.caixa-contato{width: 960px; margin-top: -50px; padding-top: 50px;}

	.dados-rodape p, .dados-rodape a{font-size: 13px;}

	.dados-rodape svg{margin-left: -10px;}

	.texto-topo-empresa h3{font-size: 30px; line-height: 40px;}

	.texto-topo-empresa span{font-size: 26px;}

	.texto-maior, .texto-maior p{font-size: 18px;}

	.texto-maior{padding-top: 80px;}

	.bg-link-dedicado, .bg-internet-pme, .bg-telefonia, .bg-interconexao, .bg-wifi{padding-bottom: 70px;}

	.chamada-atendimento{font-size: 30px;}

	.chamada-atendimento span{font-size: 25px;}

	h3.texto-atendimento {margin-top: 24px; font-size: 15px; line-height: 22px; max-width: 400px;}

	.clear-caixas-baixo{height: 120px;}
}



@media(max-width: 991px) {

	.pb-5, .py-5{padding-bottom: 2rem !important;}

	.mt-5, .my-5{margin-top: 2rem !important;}



	.topo-entrada img {margin: 50px auto 50px;}

	h1.frase-entrada{font-size: 36px; line-height: 40px; margin-bottom: 50px;}

	.link-entrada h3{font-size: 18px;}

	.telefone-topo {margin-left: 0; margin-right: 10px;}

	.topo-site a.botao-topo{letter-spacing: normal; padding: 0 10px;}

	.navbar-light{background-color: #19658a; border-bottom: 1px solid #e5eaec; }

	.topo-site-background{-webkit-box-shadow: none; box-shadow: none;}

	.navbar-light .navbar-toggler{color: #FFF; border-color: #FFF;}

	.navbar-dark{background-color: #707072; border-bottom: 1px solid #343436;}

	.navbar-dark .navbar-toggler{color: #999999; border-color: #999999;}

	.navbar-nav li a{line-height: 30px; color: #FFF; display: block;}

	#menu-principal{padding: 15px 0;}

	.caixa-banner{padding-top: 0; margin-top: 108px;}

	#bannerSuperior, .banner-individual, .banner-individual .row{height: 380px;}

	.titulo-banner {font-size: 32px; line-height: 36px; margin-top: 0;}

	.titulo-banner::after {margin-left: 15px; width: 35px; height: 0px;}

	.sub-titulo-banner{line-height: 40px; font-size: 32px;}

	.btn-lg {font-size: 12px; line-height: 20px; padding: 10px 30px; letter-spacing: 1px;}

	.espaco-home-cima{height: 60px;}
	.espaco-telefonia{height: 60px;}
	.espaco-telefonia-menor{height: 40px;}
	.titulo{font-size: 24px; line-height: 32px;}

	.sub-titulo, .sub-titulo-menor{font-size: 16px;}

	.pricing-card-title{font-size: 50px; line-height: 44px;}

	.pricing-card-title small{font-size: 16px; margin-left: 5px; margin-right: 5px;}

	.card-price{padding-top: 30px;}

	.card-deck .card.recomendado .card-body ul{margin: 40px 20px 20px;}

	.card-body ul{margin: 30px 20px;}

	.clear-planos{height: 60px;}

	.chamada-planos{font-size: 22px;}

	.caixas-home h3 {font-size: 18px; line-height: 80px;}

	.caixas-home img {margin: 15px; height: 50px;}

	.clear-caixas{height: 50px;}

	.bg-vantagens{padding-top: 50px; padding-bottom: 60px;}

	.caixa-contato {width: auto; margin: -20px auto 50px; padding-top: 50px; max-width: 740px;}

	.form-control{font-size: 14px; margin-bottom: 15px;}

	.vantagem-individual p{font-size: 13px; line-height: 22px;}

	footer{text-align: center;}

	.logo-rodape-empresa{margin: 0 auto 30px;}

	.dados-rodape svg{margin-left: 0; vertical-align: top; float: none;}

	.dados-rodape, .menu-rodape{margin-bottom: 30px;}

	.maya{display: block; margin: 0 auto 20px;}

	.titulo-banner-menor{font-size: 40px; line-height: 30px;}

	.texto-maior, .texto-maior p {font-size: 16px; line-height: 28px;}

	.texto-topo-empresa span {font-size: 20px; margin: 10px 0;}

	.clear-50{height: 10px;}

	.icone-pme img{height: 42px;}

	.icone-pme strong{font-size: 14px;}

	.chamada-pme{font-size: 16px;}

	.texto-medio, .texto-medio p{font-size: 14px; line-height: 24px;}

	.titulo-pme:after{margin: 15px 0;}

	.titulo-pme, .titulo-planos-pme{font-size: 20px;}

	.telefonia-individual img{margin-bottom: 10px; height: 50px;}

	.interconexao-individual h3, .telefonia-individual h3{font-size: 22px; line-height: 30px;}

	.interconexao-individual h3::after, .telefonia-individual h3::after {margin-top: 10px; margin-bottom: 10px;}

	.interconexao-individual, .interconexao-individual p, .telefonia-individual, .telefonia-individual p{font-size: 13px;}

	.clear-caixas-baixo{height: 80px;}
}



@media(max-width: 767px){

	.mb-5, .my-5 {margin-bottom: 20px !important;}

	.pb-5, .py-5 {padding-bottom: 20px !important;}



	.navbar-brand{max-width: 200px;}

	body{text-align: center;}

	.bg-entrada{background-image: none; background-color: #19658a; border: none;}

	.topo-entrada{padding-top: 40px;}

	.topo-entrada img{max-width: 80%; margin: 0 auto 30px;}

	h1.frase-entrada{width: auto; font-size: 26px; text-align: center; letter-spacing: 1px; line-height: 34px; padding: 0;}

	h1.frase-entrada::after{margin: 20px auto 0; width: 60px; height: 5px;}

	.link-entrada{text-align: center !important; margin-bottom: 40px;}

	.link-entrada a::after {margin: 0 auto; width: 60px; height: 5px;}

	.link-entrada h3{font-size: 16px; line-height: 40px;}

	.link-entrada img{height: 40px;}

	.topo-site a.botao-topo-celular{display: none;}

	#bannerSuperior, .banner-individual, .banner-individual .row{height: auto; text-align: left;}

	.banner-individual{padding-top: 50px; padding-bottom: 30px;}

	.titulo-banner {font-size: 24px; line-height: 30px; margin-top: 0;}

	.titulo-banner::after {margin-left: 15px; width: 35px; height: 0px;}

	.sub-titulo-banner{line-height: 30px; font-size: 24px;}

	.scroll-top {width: 30px; height: 30px; margin-left: -15px; bottom: -15px; line-height: 28px;}

	.scroll-top svg{font-size: 16px;}

	.titulo, .texto-topo-empresa h3 {font-size: 18px; line-height: 26px;}

	.card-deck .card{width: 100%; margin-bottom: 50px !important; height: auto; border: 1px solid #EFEFEF;}

	.card-deck{flex-flow: column; margin: 0; width: 100%; padding-top: 0;}

	.card-header{padding: 10px;}

	.card-header h4, .card-deck .card.recomendado .card-header h4{font-size: 18px; line-height: 30px; margin: 0;}

	.card-price{padding: 20px;}

	.pricing-card-title {font-size: 40px; line-height: 38px;}

	.desc-price{font-size: 14px;}

	.card-deck .card.recomendado .card-body ul, .card-body ul{margin: 20px;}

	.card-deck .card.recomendado::before, .card-deck .card.recomendado::after{display: none;}

	.faixa-melhor-opcao{top: -12px;}

	.card-deck .card.recomendado .btn{margin-bottom: -20px;}

	.clear-planos{height: auto;}

	.chamada-planos{font-size: 18px;}

	.caixas-home{text-align: center; margin-top: 20px;}

	.caixa-inteira{position: relative; left: auto; right: auto; top: auto; margin: 0 15px;}

	.caixa-inteira .col-12{display: none;}

	.texto-caixas{padding: 20px;}

	.texto-simples, .texto-simples p{font-size: 13px; line-height: 22px;}

	.vantagem-individual img{margin: 0 0 10px;}

	.bg-topo-empresa{background-image: none;}

	.texto-topo-empresa span{font-size: 16px;}

	.texto-maior{padding-top: 20px; padding-bottom: 40px;}

	.texto-maior, .texto-maior p{font-size: 14px; line-height: 24px;}

	.btn{white-space: normal;}

	.titulo-pme::after{margin-left: auto; margin-right: auto;}

	.chamada-pme{margin-top: 30px;}

	.icone-pme{height: auto; margin-bottom: 15px;}

	img.imagem-atendimento{max-width: 60px; display: block; margin: 0 auto 15px;}

	.chamada-atendimento{font-size: 21px; margin: 0; text-align: center; line-height: 24px; margin-bottom: 20px;}

	.chamada-atendimento span{font-size: 18px;}

	h3.texto-atendimento{margin: 0; font-size: 14px; text-align: center;}

	.telefonia-individual img{display: block; margin: 0 auto 15px;}

	.interconexao-individual h3, .telefonia-individual h3{font-size: 18px; line-height: 20px;}

	.interconexao-individual h3::after, .telefonia-individual h3::after {margin-left: auto; margin-right: auto;}



}



@media(max-width: 577px){

	.topo-site p.telefone-topo{display: none;}

}