/* Página de estilo do site Tic Mobile */

/* Início do reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fim do reset */

html{

}

body{
  font-family: 'Titillium Web', sans-serif;
}

.info-topo{
  font-size:1rem;
  display:inline-block;
  color:#2756a5;
	font-family: 'Titillium Web';
}

.info-topo-dir{
	font-size:1rem;
  	display:inline-block;
  	color:#2756a5;
	font-family: 'Titillium Web';
	text-align: right;
}

.info-site{
	vertical-align: middle;
	height:2rem;
}

.info-site-dir{
	text-align: right;
	vertical-align: middle;
}

.rede-top{
	font-size:1.5rem;
	vertical-align: middle;
}

.icon-top{
	font-size:1.1rem;
	margin-right:0.6rem;
	vertical-align: middle;
}

#divisor{
	color:#efefef;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

.header-sc{
  border-top:1px solid #efefef;
}

.nav{
  background:#fff;
}

.navbar-expand-lg li a{
  color:#847c7c;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  font-size:1.1rem;
}

  .link-botao{
    background:#2756a5;
    color:#fff !important;
    border-radius:0.1rem;
	border:1px solid #2756a5;
  }

  .link-botao:hover{
		background:#fff;
		color:#2756a5 !important;
		border:1px solid #2756a5;
	}

.logo-brand{
  width:10%;
}

#navbarNav{
	position:relative;
  	text-align: right;
	padding-left:38%;
}

.navbar-nav li{
	margin-left:13%;
}

.navbar-nav  li a{
	-webkit-transition:0.3s ease-in;
	-moz-transition:0.3s ease-in;
	-o-transition:0.3s ease-in;
	transition:0.3s ease-in;
}

.navbar-nav  li a:hover{
	color:#2756a5;
}

.info-topo{

}

.hero-image{
  height: 600px;
  background-image:url(../images/ticmobile-background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titulo-seo-a{
  color:#fff;
  font-family: 'Titillium Web';
  font-size: 3.5rem;
  font-weight:600;
  text-align: left;
  text-transform: uppercase;
  padding-top: 25%;
  margin-left:10%;
}

.titulo-seo-b{
  color:#fff;
  font-family: 'Titillium Web';
  font-size: 1.5rem;
  text-align: left;
  padding-top: 0.5%;
  margin-bottom: 2%;
  margin-left:10%;
}

#action-botao{
  font-family: 'Titillium Web';
  padding:0.4rem 1.8rem;
  background:none;
  font-size: 1.1rem;
  color:#fff;
  border:2px solid #fff;
  text-transform: uppercase;
  border-radius:0.3rem;
  margin-left:10%;
  -webkit-transition:0.3s ease-in;
  -moz-transition:0.3s ease-in;
  -o-transition:0.3s ease-in;
  transition:0.3s ease-in;
}

  #action-botao:hover{
    color:#fff;
    background:#2756a5;
    border:2px solid #2756a5;
    text-decoration: none;
  }

  .titulo-seo-aw{
    color:#2756a5;
    font-family: 'Titillium Web';
    font-size: 1.3rem;
    font-weight:700;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8%;
		letter-spacing: 0.2rem;
  }

  .titulo-seo-bw{
    color:#847c7c;
    font-family: 'Titillium Web';
    font-size: 3.5rem;
    text-align: center;
    padding-top: 0.5%;
    margin-bottom: 4%;
  }

	.sc-servicos{
		margin-bottom:8%;
	}

	.servico-box-1{
		height:267px;
		background:url(../images/telefonia-fixa-movel-dados.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-filter:contrast(1.5);
		-moz-filter:contrast(1.5);
		-o-filter:contrast(1.5);
		filter:contrast(1.5);
	}

	.servico-box-2{
		height:267px;
		background:url(../images/produtos-e-servicos.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-filter:contrast(1.5);
		-moz-filter:contrast(1.5);
		-o-filter:contrast(1.5);
		filter:contrast(1.5);
	}

	.servico-box-3{
		height:267px;
		background:url(../images/gerenciamento-profissional.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-filter:contrast(1.5);
		-moz-filter:contrast(1.5);
		-o-filter:contrast(1.5);
		filter:contrast(1.5);
	}

	.overlay:before{
		content:'';
		background-color:#2756a5;
		width:100%;
		height:100%;
		position:absolute;
		opacity:0.7;
	}

	.texto-servico{
		font-family: 'Titillium Web';
		color:#fff;
		font-size:1.3rem;
		text-transform: uppercase;
		font-weight:700;
		margin-left: 3%;
		position: relative;
		top:65%;
	}

	#linha-a{
		background:#fff;
		width:20%;
		height:5px;
		display: inline-block;
		position: relative;
		margin-left: 3%;
		top:60%;
	}

	#linha-b{
		background:#fff;
		width:77%;
		display: inline-block;
		position: relative;
		top:60%;
	}

	.sc-descricao{
		height:500px;
		background:url(../images/contato-background.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.titulo-seo-ay{
		color:#fff;
    font-family: 'Titillium Web';
    font-size: 1.3rem;
    font-weight:700;
    text-align: center;
    text-transform: uppercase;
		margin-top: 5%;
		letter-spacing: 0.2rem;
	}

	.titulo-seo-by{
		color:#fff;
    font-family: 'Titillium Web';
    font-size: 3.5rem;
    text-align: center;
		margin-bottom: 7%;
	}

	.fa-phone-volume{
		font-size:4.5rem;
		text-align: center;
		color:#fff;
		margin-bottom: 5%;
	}

	.fa-box-open{
		font-size:4.5rem;
		text-align: center;
		color:#fff;
		margin-bottom: 5%;
	}

	.fa-chart-pie{
		font-size:4.5rem;
		text-align: center;
		color:#fff;
		margin-bottom: 5%;
	}

	.texto-descricao{
		color:#fff;
		margin-left:10%;
		font-family: 'Titillium Web';
		font-size: 1.1rem;
		position: relative;
		text-align: center;
	}

	.sc-clientes{
		margin-bottom: 8%;
	}

	.cliente-logo{
		margin:0 auto;
		display:block;
	}

	.titulo-seo-az{
		color:#fff;
    	font-family: 'Titillium Web';
    	font-size: 1.3rem;
    	font-weight:700;
    	text-align: center;
    	text-transform: uppercase;
		position: relative;
		top: 40%;
		letter-spacing: 0.2rem;
	}

	.titulo-seo-bz{
		color:#fff;
    	font-family: 'Titillium Web';
    	font-size: 3.5rem;
    	text-align: center;
		margin-bottom: 8%;
		position: relative;
		top: 40%;
	}

.sc-rodape{
	background:#2756a5;
	padding-top:5%;
	padding-bottom:5%;
}

.title-rodape{
	color:#fff;
	font-family: 'Titillium Web';
	font-size:1.5rem;
	letter-spacing: 0.1rem;
}

.tic-info{
	color:#fff;
	font-family: 'Titillium Web';
	font-weight:300;
}

.linha-d{
	width:15%;
	background:#fff;
}

.rodape-fim{
	background:#003fa5;
}

.rede-bottom{
	color:#fff;
	font-size:2rem;
	margin-right:1rem;
}

.contato-box{
	text-align:center;
	margin-top:8%;
}

#botao-action{
	text-transform:uppercase;
	padding: 0.8rem 1.2rem;
	color:#fff;
	background-color:#2756a5;
	text-align:center;
	font-family: 'Titillium Web';
	border-radius:0.2rem;
	border:2px solid #2756a5;
	letter-spacing:0.1rem;
	-webkit-transition:0.3s ease-in;
	-moz-transition:0.3s ease-in;
	-o-transition:0.3s ease-in;
	transition:0.3s ease-in;
}

#botao-action:hover{
	color:#2756a5;
	background:#fff;
	text-decoration:none;
}

.title-seo-mainpage{
	height:120px;
	background-image: url(../images/titulo-background.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
	font-family: 'Titillium Web';
	text-align:center;
	text-transform:uppercase;
	padding-top:2%
}

.linha-servicos{
	margin-top:5%;
	margin-bottom:5%;
}

.servico-seccao{
	font-family: 'Titillium Web';
	color:#847c7c;
}

.texto-body-standard{
	color:#847c7c;
	font-size:2.2rem;
	font-family: 'Titillium Web';
	text-align:center;
}

.servico-secao{
	font-family: 'Titillium Web';
	color:#fff;
	font-size:1.3rem;
	text-align:left;
	background:url(../images/background-01.png);
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:5%;
	border-radius:0.2rem;
}

.servico-secao-2{
	font-family: 'Titillium Web';
	color:#fff;
	text-align:left;
	background:url(../images/background-02.png);
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:5%;
	border-radius:0.2rem;
}


.servico-secao-3{
	font-family: 'Titillium Web';
	color:#fff;
	text-align:left;
	background:url(../images/background-03.png);
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:5%;
	border-radius:0.2rem;
}

.servico-secao-4{
	font-family: 'Titillium Web';
	color:#fff;
	text-align:left;
	background:url(../images/background-04.png);
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:5%;
	margin-bottom:5%;
	border-radius:0.2rem;
}

.servico-titulo{
	font-size:1.5rem;
	text-transform:uppercase;
}

.input-conct{
	margin-top:5%;
}

.input-conct-text{
	margin-top:2%;
	text-align:center;
}

#submit-contato{
	text-align:center;
	text-transform:uppercase;
	font-family: 'Titillium Web';
	font-size:1.1rem;
	color:#fff;
	padding:0.8rem 1.1rem;
	background:#2756a5;
	border: 1px solid #2756a5;
	border-radius:0.2rem;
	cursor:pointer;
	margin-bottom: 5%;
	letter-spacing:0.1rem;
	transition:03s ease-in;
	-webkit-transition:0.3s ease-in;
	-moz-transition:0.3s ease-in;
	-o-transition:0.3s ease-in;
}

#submit-contato:hover{
	color:#2756a5;
	background:#fff;
	border: 1px solid #2756a5;	
}

#madeof{
	font-family: 'Titillium Web';
	color:#fff;
	text-align:right;
}

@media only screen and (max-width:480px){
	.info-topo{
		font-size:0.8rem;
	}
	
	.hero-image{
		text-align:center;
	}
	
	.titulo-seo-a{
		font-size:3.2rem;
		text-align:center;
	}
	
	.titulo-seo-b{
		font-size:1.4rem;
		text-align:center;
		margin-bottom:4rem;
	}
	
	.titulo-seo-aw{
		font-size:1.2rem;
	}
	
	.titulo-seo-bw{
		font-size:1.8rem;
	}
	
	.servico-box-1{
		margin-bottom:3%;
	}
	
	.servico-box-2{
		margin-bottom:3%;
	}
	
	.servico-box-3{
		margin-bottom:3%;
	}
	
	.sc-descricao{
		height:700px;
	}
	
	.titulo-seo-ay{
		font-size:1rem;
	}
	
	.titulo-seo-by{
		font-size:1.5rem;
	}
	
	.texto-descricao{
		font-size:0.9rem;
	}
	
	#botao-action{
		font-size:0.9rem;
		margin-bottom:3%;
	}
	
	#logo-footer{
		margin:0 auto;
		display:block;
	}
	
	.title-rodape{
		text-align:center;
		margin-top:5%;
	}
	
	.tic-info{
		text-align:center;
	}
	
	.linha-d{
		margin:0 auto;
		margin-bottom:10%;
	}
	
	.box-rodape{
		text-align:center;
		margin-top:10%;
		
	}
	
	#madeof{
		text-align:center;
	}
}