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

*{
	margin:0;
	padding:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			vertical-align:middle;
}
body,html{height:100%;}
body{font-family: 'Roboto', sans-serif; font-size:1em; color:#737384; background:#fff}
h1,h2,h3,h4,h5,h6{ font-weight:400;}
p{line-height:1.2em; letter-spacing:0;}
ul,li,ol{list-style:none;}
a{text-decoration:none}



.site{display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.base-topo{padding: 0 2rem;width: 100%;  display: flex;  background: #030304;  height: 80px;  border-bottom: solid 1px #eee;  margin-bottom:-1px}
.base-topo .conteudo{max-width: 100%;align-items: center;padding:10px 0;width:1024px;margin:0 auto;display:flex;justify-content:space-between}
.base-topo .conteudo .menu-topo{display:flex}
.base-topo .menu-topo li{display:inline-block;text-transform: capitalize;}
.base-topo .menu-topo li a.btn-outline-laranja{    border: solid 1px #ff6912;  text-transform: capitalize;  margin-right: 1rem; margin-left: 3rem;}
.base-topo .menu-topo li a.btn-azul{border: solid 1px #f07c00;  text-transform: capitalize;    background: #f07c00;   color: #ffffff!important;}
.base-topo .menu-topo li a{display:block;padding:10px 15px;color:#fff;}
.base-topo .menu-topo .user{position:relative}
.base-topo .menu-topo .user .thumb{width:50px;height:50px;overflow:hidden;display:inline-block;border-radius:50px;border: solid 2px #3059d0;}
.base-topo .menu-topo .user .online{width: 15px;   height: 15px;    position: absolute;    border-radius: 50px;    left: 35px;    bottom: 0;  background: #0bf825; box-shadow: inset 0 0 5px 0 #08cb08, 1px 1px 2px 0 #00000054;
    border: solid 1px;}
.base-topo .menu-topo .user .thumb img{width:100%}
.base-topo .mobmenu {display:none; cursor: pointer;   position: absolute;  right: 20px; top: 20px; font-size: 1.9rem; color: #ffffffe8; z-index: 1;}

.base-topo .menu-topo li:hover ul{opacity:1;transition:opacity 0.5s;visibility:visible}
.base-topo .menu-topo .user ul{position:absolute; max-width: 228px;right:15px;z-index:5;opacity:0;visibility:hidden;overflow:hidden}
.base-topo .menu-topo .user ul li{display:block;}
.base-topo .menu-topo .user ul li a{display: block;  padding: 0.7rem 0.9rem;  color: #818181;  text-transform: capitalize;transition:all .4s linear}
.base-topo .menu-topo .user ul li a:hover{transition:all .4s linear;color:#444;background:#5555551f}
.base-topo .menu-topo .user small{text-transform:uppercase;    color: #3059d0;  font-size: 1rem;    font-weight: 100;}
.menu-m{display:none}
.base-topo .logo{  display: block;  height: 53px; width: 175px;background:url(../img/logo.png) no-repeat;background-size:contain;}
.conteudo{display:block;width:1024px;margin:0 auto; max-width: 100%;}

#grade{display:flex}

.bannerTopo{width:100%;	height:calc(100vh - 80px);	background:#333 url(../img/banner-topo.png) no-repeat;	background-size:cover;	padding:2rem 0;}
.bannerTopo h1{	color: #fff;    font-size: 3.4rem;    text-transform: initial;}
.bannerTopo .caixa .btn-outline-laranja { font-size: .87rem;   padding: 8px 15px;}
.bannerTopo .caixa .ico{    width: 115px;  height: 70px;  display: inline-block;   margin-right: 1rem;}
.bannerTopo .caixa{width:100%; border-radius: 10px;border:solid 1px #fff;display:flex; align-items: top;  justify-content: center;  padding:2rem 1.5rem;}
.bannerTopo .caixa .h2{font-weight:600;margin-bottom:10px;color:#fff;    line-height: 2rem;font-size: 1.8rem!important;}
.bannerTopo .caixa small{font-size: .99rem; color: #bbbaba;}
.bannerTopo .rows.mt-4{margin-top:3rem!important}
.bannerTopo .conteudo {  width: 1190px;  max-width: 100%;}


.bannerTopo .caixa .ico.icoloja{background:url(../img/ico-loja-topo.png) no-repeat;background-size:contain}

.bannerTopo .caixa .ico.icopdv{background:url(../img/ico-pdv-topo.png) no-repeat;background-size:contain}
.bannerTopo .caixa .ico.icodesigner{background:url(../img/ico-design-topo.png) no-repeat;background-size:contain;width: 134px; height: 78px;}
.bannerTopo .caixa .ico.icoerp{background:url(../img/ico-erp-topo.png) no-repeat;background-size:contain;width: 134px; height: 78px;}
.bannerTopo .caixa .ico.icorestaurante{background:url(../img/ico-restaurante-topo.png) no-repeat;background-size:contain;width: 134px; height: 78px;}
.bannerTopo .caixa .ico.icodeliverye{background:url(../img/ico-delivery-topo.png) no-repeat;background-size:contain;width: 134px; height: 78px;}

/*segundaDobra*/
.segundaDobra{padding:6rem 0;width:100%;background:#444 url(../img/back-dobraDois.png) no-repeat;background-size:cover;text-align:center}
.segundaDobra h2{font-size:3.3rem;color:#aeaead}
.segundaDobra span.h4{color:#fff}
.segundaDobra .cx {text-align:center;margin-bottom:3rem;width:100%;border:solid 1px #ffffff54;border-radius:10px;padding:10px}
.segundaDobra .cx span{display:block;color:#dcdcdc;}
.segundaDobra .ico {width:70px;height:70px;display:block;margin:0 auto;margin-bottom:8px;}
.segundaDobra .ico.ico-alimentacao {background:url(../img/alimentacao.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-cafeteria {background:url(../img/cafeteria.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-farmacia {background:url(../img/farmacia.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-calcados {background:url(../img/calcados.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-construcao {background:url(../img/construcao.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-oticas {background:url(../img/otica.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-quiosques {background:url(../img/quiosque.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-franquias {background:url(../img/franquia.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-fastfood {background:url(../img/fastfood.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-livro {background:url(../img/livro.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-conveniencia {background:url(../img/conveniencia.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-padaria {background:url(../img/padaria.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-pet {background:url(../img/pet.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-pizzaria {background:url(../img/pizza.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-postos {background:url(../img/postos.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-supermercado {background:url(../img/supermercado.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-vestuario {background:url(../img/vestuario.png) no-repeat;background-size:contain}
.segundaDobra .ico.ico-lojas {background:url(../img/lojas.png) no-repeat;background-size:contain}

/*Terceira dobra*/
.tercaDobra{padding:6rem 0;width:100%;background:#fff url(../img/fundoTres.png) no-repeat;background-size:contain;text-align:center}
.tercaDobra h2{font-size:3rem;color:#f07c00}
.tercaDobra span.h4{color:#444;font-weight:700}
.tercaDobra .cx{margin-bottom:3rem;width:100%;border:solid 2px #f07c00;border-radius:10px;padding:2rem 1.5rem}
.tercaDobra .cx p {line-height: 1.4em;   letter-spacing: 0;text-align:center; font-size: 1.1rem;}
.tercaDobra .ico {width:160px;height:160px;display:block;margin:0 auto;margin-bottom:8px;}
.tercaDobra .ico-consultoria{ background:url(../img/ico-consultoria.png) no-repeat center;background-size:contain;}
.tercaDobra .ico-suporte{ background:url(../img/suporte.png) no-repeat center;background-size:contain;}
.tercaDobra .ico-preco{ background:url(../img/preco.png) no-repeat center;background-size:contain;}


.cx {text-align:center;margin-bottom:3rem;width:100%;border:solid 1px #ccc;border-radius:10px;padding:10px}

/*Quarta dobra*/
.quartaDobra{padding:6rem 0;width:100%;background:#f1f1f1}
.quartaDobra h2 {   font-size: 3rem;    color: #f07c00;	text-align:center;}
.quartaDobra .cx {background:#fff;padding:0;overflow:hidden; border-radius: 6px;height: 275px;position:relative;}
.quartaDobra .cx p{padding: 1rem 0;  text-align: left;   line-height: 1.5rem;   font-size: 1.1rem;    color: #8f8f8f;}
.quartaDobra .cx span.h4{color: #444;font-weight: 700;margin-bottom:0;text-align:left}
.quartaDobra .cx .thumb{overflow: hidden;position: absolute;  top: 0;    bottom: 0;    left: 0;    display: flex;margin-right: 2rem;}

.quartaDobra.mais{background:#e66701}
.quartaDobra.mais h2,
.quartaDobra.mais span.h4{color:#030304;text-align:center}
.quartaDobra.mais .form-campo{background:none!important;border-color:#030304!important;color:#fff;transition:all linear .3s}
.quartaDobra.mais .form-campo:focus{background: #fff!important; color: #e67701;outline:none}
.quartaDobra.mais .form-campo:focus::placeholder{color: #e67701}
.quartaDobra.mais .form-campo::placeholder{color:#030304}
.btn.btn-branco { padding: 10px 2rem;color:#030304!important}

.servicos.quartaDobra{background:#fff}
.servicos.quartaDobra h2 {  color: #030304;}
.servicos.quartaDobra .cx .thumb {overflow: initial;position:relative;display:block;margin-right:0;border-radius:5px;z-index:2}
.servicos.quartaDobra .cx .thumb img{overflow: hidden;border-radius:5px;  box-shadow: 0 0 0 3px #fff;}
.servicos.quartaDobra .col-6:first-child .cx .thumb::before{content:"";	position:absolute;	display:block;	left:-18px;	top:-18px;	background:#131318;	width:200px;	height:200px;	border-radius:8px;	z-index:-1;	}
.servicos.quartaDobra .col-6:first-child .cx .thumb::before{	content:"";	position:absolute;	display:block;	left:initial;	right:-18px;top:initial;	bottom:-18px;	background:#131318;	width:200px;height:200px;	border-radius:8px;	z-index:-1;	}
.servicos.quartaDobra .cx {border:0;padding:0;  overflow: initial;  height: auto;}
.servicos.quartaDobra .cx span.h4 {   font-size: 1.4rem!important;}

.servicos.quartaDobra.mais { background: #030304; padding: 2rem 0;margin-bottom:0rem}
.servicos.quartaDobra.mais span.h4 {  color: #ffffffd1;  text-align: center;}

.servicos.quartaDobra.equipe { background: #fff url(../img/back-equipe.jpg) no-repeat;background-size:contain; padding: 2rem 0;margin-bottom: 0; height: 528px;  background-position-x: -59px;}
.servicos.quartaDobra.equipe .h3 {font-weight:700; font-size: 2.4rem!important;   color: #333;}
.servicos.quartaDobra.equipe p,.servicos.quartaDobra.software p{line-height: 1.3em; letter-spacing: 0;  font-size: 1.34rem;}
.servicos.quartaDobra.equipe .conteudo{width:80%}

.servicos.quartaDobra.software{background:#030304;height:697px}
.servicos.quartaDobra.software .col-6.position-absolute{right:0}
.servicos.quartaDobra.software .h3{font-size: 2.2rem!important; color:#c2c2c2;font-weight: 700;}
.servicos.quartaDobra.software p{color:#c2c2c2}

.servicos.quartaDobra.icones{background:#fff;}
.servicos.quartaDobra.icones .h3{font-size: 2.5rem!important; color:#030304;font-weight:700;}
.servicos.quartaDobra.icones span.h4{font-size: 2.2rem!important; color:#fff}
.servicos.quartaDobra.icones .cx{padding:1rem 2rem;width:100%;background:#030304;border-radius:5px;color:#fff;text-align:left}
.servicos.quartaDobra.icones .cx p{color:#c1c1c1!important}
.servicos.quartaDobra.icones .cx ul{padding-left:1.5rem}
.servicos.quartaDobra.icones .cx ul li{list-style: disc;line-height:2rem;color:#c1c1c1;text-transform: capitalize;}
.servicos.quartaDobra.icones .col-6:first-child .cx{box-shadow: -8px 7px 0 0px #f07c00;}
.servicos.quartaDobra.icones .col-6:last-child .cx{box-shadow: 8px 7px 0 0px #f07c00;}

.servicos.sobre.quartaDobra {  padding-top: 1rem;}
.servicos.sobre.quartaDobra p { line-height: 1.7rem;    font-size: 1.25rem;    color: #656565;}
.servicos.sobre.quartaDobra .col-12:first-child .cx .thumb::before {display:none;}
.servicos.sobre.quartaDobra .cx .thumb img{border:0}

.servicos.sobre.quartaDobra .theame {background:#f7f7f7;padding:4rem 0;padding-bottom: 9rem;}
.servicos.sobre.quartaDobra .theame .primeiro .thumb{ overflow: initial;width: 41%;    position: absolute;   left: -1px;    right: initial;   bottom: initial;    top: -56px;}
.servicos.sobre.quartaDobra .theame .segundo .thumb{ overflow: initial;    width: 44%;    position: absolute;    right: -18px;    left: initial;    bottom: initial;    top: -68px;}
.servicos.sobre.quartaDobra .theame .thumb img{box-shadow:none}
.servicos.sobre.quartaDobra .theame .h4 { font-size: 1.8rem!important;text-align:left; color: #272727;}
.servicos.sobre.quartaDobra .theame .h1 {text-align:left; color: #272727;font-weight:700;font-size: 3.1rem!important;}
.servicos.sobre.quartaDobra .theame p {line-height: 2rem;  font-size: 1.5rem;color:#272727;text-align:left;}

.servicos.sobre.quartaDobra .theame  .cx {background:none; padding:4rem 1rem;color:#272727;border-radius:5px;margin-bottom:0;padding-bottom:8rem}
.servicos.sobre.quartaDobra .theame  .primeiro .alt {    padding-left: 7.6rem;}
.servicos.sobre.quartaDobra .theame  .segundo .alt {    padding-right: 7.6rem;}
.servicos.sobre.quartaDobra .theame  .segundo .alt  .h1,
.servicos.sobre.quartaDobra .theame  .segundo .alt  .h4,
.servicos.sobre.quartaDobra .theame  .segundo .alt  p
{ text-align:right}


/*rodape*/
.rodape{
	padding:5rem 0;
    width: 100%;
    background: #030304;
	padding-bottom:0;
}
.rodape .text-laranja { color: #de882d!important;}
.rodape .text-verde { color: #43a96a!important;}

.iRedes .fab{color: #b7b5b5;    font-size: 1.5rem;    padding-right: 0.5rem;}
.copy{text-align: center;   color: #9a9a9a;    padding: 1rem;    border-top: solid 1px #292930;    margin-top: 2rem;    font-size: .8rem;}