@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
/*
 * MENU
*/
nav{
	position: fixed;
	top: 0;
	display: flex;
	flex-flow: row wrap;
	width: 100vw;
	min-height: 100px;
	justify-content: space-around;
	align-items: center;
	z-index:2;
	background: rgba(255,255,255,1);
	-webkit-box-shadow: 0px 28px 19px -23px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 28px 19px -23px rgba(0,0,0,0.6);
	box-shadow: 0px 28px 19px -23px rgba(0,0,0,0.6);
}

.logoName{
	font-family: 'Fredoka One', cursive;
	font-size:20px;
}

.logoName span:nth-child(1){
	color:#687ab2;
}

.logoName span:nth-child(2){
	color:#e19f30;
}

.logoCall{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:15px;
}

#hmb{
	display: none;
}

nav div:nth-child(1) img{
	width: 250px;
}
nav div:nth-child(2){
/* MENU*/
}

nav div:nth-child(2) ul{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
}
	@media (max-width:648px){

		nav{
			width: 100vw;
			display: flex;
			flex-flow: row;
			justify-content: center;
			background-color: #fff;
		}
		nav div:nth-child(1){
			order:2;
			width:40vw;
		}

		nav div:nth-child(2){
			order:1;
			width:50vw;
			color:#000;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
		}

		nav div:nth-child(2) ul{
			display: none;
		}

		#hmb{
			display: none;
			background:#fff;

		}

		.open::before{
			content: "≡";
			font-family: 'Tahoma';
			font-size: 38pt;
			color:darkblue;
		}

		#hmb:checked ~ label .open::before{
			color:darkgoldenrod;
		}

		#hmb:checked ~ ul{
			display: flex;
			flex-direction: column;
			margin-top: 15px;

		}

		#hmb:checked ~ ul li a{
			padding: 10px;

		}

		#hmb:checked ~ ul li:hover a{
			color:#5c82b7;
		}

		#instant ul{
			display: flex;
			flex-direction: column;
		}

		#instant ul li{
			width: 80vw !important;
			text-align: center !important;
			padding: 0 !important;
		}

		#services ul{
			display: flex;
			flex-direction: column;
			margin-top: 100px;
		}

		#services ul li{
			width: 80vw !important;
			text-align: center !important;
			padding: 0 !important;
		}
		.container-view{width: 80vw !important;}

		#contact ul li{
			width: 80vw !important;
			text-align: center !important;

		}
		#contact .contact-social{display: flex; flex-direction: column !important; align-items: center;}

		.swp-h2-in{ width: 90vw !important;}
	}


nav div:nth-child(2) ul li{
	list-style: none;
	padding-left: 10px;
	padding-bottom: 15px;
}

nav div:nth-child(2) ul li a{
	color:#000;
	text-decoration: none;
	font-family:'Roboto';
	font-size:10pt;
	font-weight:300;
}

nav div:nth-child(2) ul li:hover a{
	border-bottom:;
}

.platform-link a{
	background:#687ab2;
	color:#ffffff !important;
	padding: 10px;
}
/*
  * CSS
*/
.container-full{
	max-width: 100vw;
}
.container-view{
	width: 65vw;
	min-height: 85vh;
}
.container-center{
	display:flex;
	margin: 0 auto;
	align-content: center;
	justify-content: center;
}
.container-menu-fix{
	padding-top: 150px;
	padding-bottom: 150px;
}

.container-col{flex-flow: column wrap;}
.container-row{flex-flow: row wrap;}

.p{
	font-size: 1.3em;
	font-family: 'arial';
	text-align: justify;
	padding: 15px 0 10px 0;
}
.p::before{
	font-size: 2em;
	font-family: "Helvetica";
	content: '"';
}
.p::after{
	font-size: 2em;
	font-family: "Helvetica";
	content: '"';
}


main{
	padding-top: 110px;
}

#instant{
	background-position: center center;
	background-image:url(imagens/bg3.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
}

#instant ul{
	display: flex;
}

#instant ul li{
	list-style: none;
	flex-flow: row wrap;
	margin-right: 30px;
}

#instant ul li p{
	background: rgba(255,255,255,0.9);
	padding: 20px;
}

#instant ul li:nth-child(1){
	width: 20vw;
}
#instant ul li:nth-child(1) p{
	text-align: justify;
}
#instant ul li:nth-child(2){
	width:26vw;
	text-align: center;
}
#instant ul li:nth-child(2) p{
	text-align: justify;
}
#instant ul li:nth-child(3){
	width: 15vw;
	text-align: right;
}
#instant ul li:nth-child(3) p{
	text-align: justify;
}
#cases{
	background-position: center center;
	background-image:url(imagens/bg4.jpg);
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.4);
	background-attachment: fixed;
	background-size: cover;
}

#cases ul{
	display: flex;
	flex-flow: row wrap;
	padding-top: 50px;
	padding-bottom: 150px;
}

#cases ul li{
	flex: 1 1 73px;
	list-style: none;
	margin: 5px;
	padding: 5px;
	filter: grayscale(1);
	background: rgba(0,0,0,0.3);
	border-radius: 10px;
}

#cases ul li:hover, #cases ul li:focus, #cases ul li:link{
	background: rgba(255,255,255,0.7);
	filter: grayscale(0);
}

#services{
	min-width: 100%;
	background-position: center;
	background-image:url(imagens/bg2.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-attachment: fixed;
	background-size: cover;
}

#services ul{
	display: inherit;
	align-self: center;
	justify-content: center;
}

#services ul li{
	flex-direction: row wrap;
	flex: 1 1 20vw;
	width: 20vw;
	margin: 10px;
	list-style-type: none;
}
#services ul li p{
	padding: 20px;
}
#services ul li:hover p, #services ul li:nth-child(2) p{
	background:rgba(0,0,0,0.5);

}

#contact .contact-data{
	padding-bottom: 50px;
}

#contact .contact-social{
	display: flex;
	flex-direction: row;
}

#contact p{
	padding-bottom: 50px;
}

#contact .contact-data li{
	list-style: none;
	padding: 0 10px 0 0;
	font-family:'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
}

#contact .contact-social li{
	display: flex;
	flex-direction: column;
	padding-right:10px;
	padding-bottom: 20px;
	list-style: none;
}

#contact .contact-social li a{
	text-decoration: none;
	font-family:'Open Sans Condensed', sans-serif;
	font-size: 1em;
	justify-content: center;
	align-self: center;
	color:#687ab2;
}

#contact .contact-social li:hover a{
	color:#e19f30;
}

#contact .contact-social li a span{
	font-size: 1.5em;
}

#contact .contact-social li img{
	max-width: 20%;
	align-self: center;
}

.borderblue{border:1px solid #687ab2;}
.borderorange{border:1px solid #e19f30;}
.borderwhite{border:1px solid #fff;}
.borderblack{border:1px solid #000;}
.bblue{background:#687ab2;}
.borange{background:#e19f30;}
.bworange{background: #7A4F0A;}
.bwhite{background:#ffffff;}
.bblack{background: #000;}
.btblue{background: rgba(104,122,178,0.3);}
.btorange{background: rgba(225,159,48,0.3);}
.btwhite{background: rgba(255,255,255,0.3);}
.btblack{background: rgba(0,0,0,0.3);}
.fblue{color:#687ab2;}
.forange{color:#e19f30;}
.fwhite{color:#ffffff;}
.fblack{color:#000000;}
.froboto{font-family:'Roboto';}
.fopensans{font-family:'Open Sans Condensed', sans-serif;}
.fcenter{text-align: center;}
.fjustify{text-align: justify;}
.fleft{text-align: left;}
.fright{text-align: right;}
.f11 {font-size: 1em;}
.f1{font-size: 1.5em;}
.f2{font-size: 2em;}
.f3{font-size: 3em;}
.f4{font-size: 4em;}
.f5{font-size: 5em;}
.tinline{display: inline !important;}
.border{border: 1px solid #fff;}
.yeswecan:hover{
	background:#687ab2;
}
img{
	max-width:100%;
	display: block;
}
.tooltype:hover{
	position: relative;
}

.tooltype[data]:hover:after{
	position: absolute;
	content: attr(data);
	padding:5px 10px;
	width: auto;
	left: 0;
	top: 25px;
	border: 1px solid #000;
}

.infra-de-rede{
	max-width: 100vw !important;
	background: url('imagens/bg7.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.swp-h2-in{
	font-size: 2em;
	font-family: 'Open Sans Condensed', sans-serif;
	width: 25vw;
	padding: 10px;
	margin: 0 auto;
}

.swp-p-in{
	font-family: 'Open Sans Condensed', sans-serif;
	padding-top: 10px;
}

.wifi-mobilidade-seguranca{
	max-width: 100vw !important;
	background: url('imagens/bg10.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.integracao-digital{
	max-width: 100vw !important;
	background: url('imagens/bg17.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.consultoria{
	max-width: 100vw !important;
	background: url('imagens/bg12.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.outsorcing{
	max-width: 100vw !important;
	background: url('imagens/bg14.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.monitoramento{
	position: relative;
	max-width: 100vw !important;
	background: url('imagens/bg15.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}
.locacao{
	position: relative;
	max-width: 100vw !important;
	background: url('imagens/bg16.jpg');
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}