@charset "UTF-8";

input:not([type='checkbox']):not([type='radio']),select,textarea,button,.button {border-radius:1.2em .7em 1.2em .7em}
button,.button {padding:.5em 1.2em}
.button.varejo {background-color:var(--varejo-color);box-shadow:0 12px 28px var(--varejo-color)}
.button.restaurante {background-color:var(--restaurante-color);box-shadow:0 12px 28px var(--restaurante-color)}
.button.supermercado {background-color:var(--supermercado-color);box-shadow:0 12px 28px var(--supermercado-color)}
.button.os {background-color:var(--os-color);box-shadow:0 12px 28px var(--os-color)}
.button.sped {background-color:var(--sped-color);box-shadow:0 12px 28px var(--sped-color)}
.button.tef {background-color:var(--tef-color);box-shadow:0 12px 28px var(--tef-color)}

.store {background:none}

.header,.header>*,.aside,.aside>* {z-index:99}
.footer,.footer>*,.section {z-index:9}

/* Nav */
.header>.menu {--h:9vh;--margin-li:1.5em;position:fixed;top:0;right:-1px;
	background-color:var(--red);opacity:0.95;color:#fff;border-radius:0 0 0 20px;transform:skew(26deg);
	width:calc(var(--margin-li) + var(--h));height:var(--h);min-height:30px;max-height:75px;
	display:flex;justify-content:flex-end}
.header>.menu>.icon {width:var(--h);height:inherit;min-height:30px;max-height:75px;transform:skew(-26deg);
	border-radius:0 0 0 20px;font-size:0;background:var(--red) url() no-repeat center/auto 50%}
.header>.menu>.icon#sitemap-show {background-image:url('https://ws.syndata.com.br/img/icons:show-nav.white.svg')}
.header>.menu>.icon#sitemap-close {background-image:url('https://ws.syndata.com.br/img/icons:show-nav.white.svg')}

/* Sitemap */
.sitemap.hidden {opacity:0}
.sitemap>div {display:table-cell;width:calc(100% - 1em);height:calc(100% - 1em);padding:.5em;box-sizing:border-box;
vertical-align:top;color:#fff}
.sitemap>div>ul {width:100%;margin:.7em 0 .5em;
	display:flex;flex-grow:0;flex-basis:19%;justify-content:space-around;flex-direction:column}
.sitemap>div>ul>li {padding:1vh 1em;border-radius:1em .2em;border:0;margin:0 0 1.3vh}
.sitemap>div>ul>li:hover {border-color:#fff}
.sitemap>div>ul>li>a {font-size:6vw;font-weight:400;color:#fff}
.sitemap>div>ul>li>a:hover {padding:0;border:0}
.sitemap>div>ul>li:nth-of-type(1)>a {font-weight:700;color:#fff}
.sitemap .destaques {display:block;width:100%}
.sitemap .destaques a {display:inline-block;width:calc(48.5% - 2px - 2vw);height:15vh;margin:1.5vw 1vw;
border:1px solid #fff;border-radius:4vw;font-size:4.5vw}
.sitemap-close {position:absolute;top:4vw;right:4vw;width:10vh;height:10vh;border-radius:5vh;font-size:0;
	background:var(--redsemidark) url('https://ws.syndata.com.br/img/icons:close-nav.white.svg') no-repeat center center/auto 4vh}
.sitemap-close:hover{border:0;padding:0}
.sitemap>div>p {margin:2em .8em 0}
.sitemap>div>p>a {font-size:5vw;font-weight:400;color:#fff;}

main{background-color:var(--bluedark)}

/* Section */
.section {background:#fff url() no-repeat center/cover}
.slide {background:transparent url() no-repeat center/cover}
.article {--margin-top:5vh;--margin-bottom:6vh;--margin-left:6vw;--margin-right:6vw;
	display:table;position:relative;top:0;left:0;background:transparent initial no-repeat center;
    width:calc(100% - (var(--margin-left) + var(--margin-right)));
    height:calc(100% - (var(--margin-top) + var(--margin-bottom)));
	margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);border:0px dashed var(--bluelight-a)}
.article>div {display:table-row}
.article>div>div {display:table-cell;width:100%;vertical-align:middle;border:0px dashed var(--red)}
.maquete,
.map-img {width:85%/*auto*/;height:auto/*35%*/}

.style-context h1,
.style-context h2,
.style-context h3 {color:var(--yellow)}
.style-context h4,
.style-context h5,
.style-context h6,
.style-context ul,
.style-context p {color:#fff}

/* Inicio */
.section.inicio {background-image:url('../img/backgrounds/inicio-mobile.jpg')}
.section.inicio .article h6>span {display:block;width:calc(70% - .7em);float:right}
.section.inicio .article h6>span>span {color:var(--bluedark)}
.section.inicio .article .logo {display:inline-block;width:30%;height:auto;margin:0 .6em 0 0}
.section.inicio .article .destaque {width:100%;height:auto}
@media screen and (max-height:568px) and (orientation:portrait) {
	.section.inicio .article .destaque {width:auto;height:45vh}}

.section.demonstracao {background-image:url('https://ws.syndata.com.br/img/backgrounds:default-04.jpg')}
.section.demonstracao .style-context>* {color:#fff;text-align:center}
.section.demonstracao h5.msg {display:none;visibility:hidden;color:var(--yellow)}
.section.demonstracao h5 {margin:.5em 0}
.section.demonstracao input {display:block;width:90%;margin:0 auto 0.6em;
	background:var(--red) url() no-repeat 0.6em center/auto 40%}
.section.demonstracao input[name='nome'] {background-image:url('https://ws.syndata.com.br/img/icons:you.red.svg')}
.section.demonstracao input[name='telefone'] {background-image:url('https://ws.syndata.com.br/img/icons:phone.red.svg')}
.section.demonstracao input[name='email'] {background-image:url('https://ws.syndata.com.br/img/icons:arroba.red.svg')}
.section.demonstracao input[name='empresa'] {background-image:url('https://ws.syndata.com.br/img/icons:company.red.svg')}
.section.demonstracao button {margin-bottom:.5em}
.section.demonstracao h3.fone {margin:1em 0}
@media screen and (min-height:520px) and (orientation:portrait) {
	.section.demonstracao h5.msg {display:block;visibility:visible}}

/* Sistema */
.section.sistema {background-image:url('https://ws.syndata.com.br/img/backgrounds:default.webp')}

.section.sistema .slide figcaption {display:inline-block;width:80%;font-size:smaller}

.section.sistema-ramos .boxs {width:55%;height:auto;margin:0 auto 1.7em}
@media screen and (min-width:1366px) and (max-height:667px) and (orientation:landscape) {
	.section.sistema-ramos .boxs {display:none}}
.section.sistema-ramos .ramos {display:flex;width:100%;margin:.5em 0;
	flex-flow:row wrap;justify-content:flex-start;align-items:stretch;align-content:center}
.section.sistema-ramos .ramos>a {flex-grow:0;flex-basis:auto;width:45%;margin:0 2.5% 2.5vw 2.5%;color:#fff;
	text-align:center;padding:.5vw;box-sizing:border-box;background-color:var(--bg);border-radius:16%;cursor:pointer;
	font-size:4vw;transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,0);transition:box-shadow .2s,transform .2s}
.section.sistema-ramos .ramos>a:hover {border:0;transform:scale(1);box-shadow:0 10px 18px 0 var(--bluedark-a)}
.section.sistema-ramos .ramos>a[href='#sistema-varejo'] {--bg:var(--varejo-color)}
.section.sistema-ramos .ramos>a[href='#sistema-restaurante'] {--bg:var(--restaurante-color)}
.section.sistema-ramos .ramos>a[href='#sistema-supermercado'] {--bg:var(--supermercado-color)}
.section.sistema-ramos .ramos>a[href='#sistema-os'] {--bg:var(--os-color)}
.section.sistema-ramos .ramos>a[href='#sistema-sped'] {--bg:var(--sped-color)}
.section.sistema-ramos .ramos>a[href='#sistema-tef'] {--bg:var(--tef-color)}
.section.sistema-ramos .ramos>a:nth-last-of-type(1){--bg:var(--bluesemidark)}
.section.sistema-ramos .s-ramo {display:block;width:60%;height:auto;margin:.5em auto}
.section.sistema-varejo {background-color:var(--varejo-color)}
.section.sistema-restaurante,
.section.sistema-restaurante-app {background-color:var(--restaurante-color)}
.section.sistema-restaurante-app .celular {position:absolute;top:25%;right:-55%;width:100%;height:auto}
.section.sistema-restaurante-app div>div:nth-of-type(1) {width:70%}
.section.sistema-restaurante-app div>div:nth-of-type(2) {width:30% !important}
.section.sistema-supermercado {background-color:var(--supermercado-color)}
.section.sistema-os {background-color:var(--os-color)}
.section.sistema-os .seguimentos {display:block;clear:both;width:100%;margin:1em 0 .5em}
.section.sistema-os .seguimentos>li {display:inline-block;width:24%;height:auto;font-size:0;text-align:center}
.section.sistema-os .seguimentos>li img {width:auto;height:10vh;margin:0}
.section.sistema-sped {background-color:var(--sped-color)}
.section.sistema-sped figcaption {color:#fff}
.section.sistema-tef,
.section.sistema-tef-como_funciona,
.section.sistema-tef-vantagens {background-color:var(--tef-color)}
.section.sistema-tef-como_funciona figure {margin:1.2em 0}
.section.sistema-tef-como_funciona figure img {width:90%}
.section.sistema-tef-como_funciona figure figcaption {font-size:0}

/* Solucoes */
.section.solucoes,
.section.solucoes-infraestrutura,
.section.solucoes-produtos {background-color:#fff}

/* Horario de Atendimento */
.section.horario {--section-bg:transparent url('../img/bg/goiania.jpg')}

/* Suporte */
.section.suporte,
.section.suporte-horario,
.section.suporte-telefones {background-color:#fff}

.section.suporte .sidecover:before {background-image:url('../img/backgrounds/suporte-01.webp')}
.section.suporte .horarios {list-style-position:inside}
.section.suporte .canais {list-style:none;width:100%;text-align:center;margin-bottom:-7vw}
.section.suporte .canais>li {--x:27vw;display:inline-block;width:var(--x);height:var(--x);transform:rotate(45deg);
	border-radius:1em;margin:0 5.5vw;padding:0;background-color:var(--red);cursor:pointer}
.section.suporte .canais.central>li {margin:0 7vw}
.section.suporte .canais>li>a {display:block;width:var(--x);height:var(--x);overflow:hidden;padding:11vw 0 0;
	font-size:.87em;transform:rotate(-45deg);color:#fff;text-align:center;
	background:transparent url() no-repeat center .2vw/auto 9vw}
.section.suporte .canais>li.telefones>a {background-image:url('https://ws.syndata.com.br/img/icons:phone.white.svg')}
.section.suporte .canais>li.chat>a {background-image:url('https://ws.syndata.com.br/img/icons:chat-balloon.white.svg')}
.section.suporte .canais>li.acesso_remoto>a {background-image:url('https://ws.syndata.com.br/img/icons:screen.white.svg')}
.section.suporte .canais>li.ouvidoria>a {background-image:url('https://ws.syndata.com.br/img/icons:hear.white.svg')}
.section.suporte .canais>li.equipe>a {background-image:url('https://ws.syndata.com.br/img/icons:people.white.svg')}

.section.suporte .canais>li.off {background-color:#DEEDF5;cursor:auto}
.section.suporte .canais>li>a:hover {border:0}

.section.suporte-telefones .numeros {justify-content:flex-start;list-style:none}
.section.suporte-telefones .numeros>li {flex-grow:0;flex-basis:auto;display:flex;min-width:33%;margin:1em 0}
.section.suporte-telefones .numeros>li>* {display:inline-block;margin:0;height:14vw}
.section.suporte-telefones .numeros>li>div {width:calc(100% - 14vw * 2 - 4vw);text-align:right;margin-right:2vw}
.section.suporte-telefones .numeros>li>div>p {margin:0;font-weight:700;font-size:6.5vw;line-height:1em}
.section.suporte-telefones .numeros>li>div>p>sup {font-size:4vw}
.section.suporte-telefones .numeros>li>a:before {display:none}
.section.suporte-telefones .numeros>li>a {width:14vw;border-radius:7vw;font-size:0;
	background:var(--red) url('https://ws.syndata.com.br/img/icons:phone.white.svg') no-repeat center/60% auto}
.section.suporte-telefones .numeros>li>a:nth-of-type(2) {
	background:#29B200 url('https://ws.syndata.com.br/img/icons:whatsapp.svg') no-repeat center/60% auto;margin-left:2vw}
.section.suporte-telefones .numeros>li>a {font-size:1.625em/*h2*/;font-weight:900}

.section.suporte-acesso_remoto .apps>li {display:inline-block;width:calc(32% - 1px);height:auto;box-sizing:border-box;text-align:center}
.section.suporte-acesso_remoto .apps>li:not(:nth-of-type(3)) {border-right:1px dotted var(--bluelight)}
.section.suporte-acesso_remoto .apps>li>a:hover {border:none;padding:0}
.section.suporte-acesso_remoto .apps>li>a>img {width:70%;height:auto}

/* Fale Conosco */
.section.fale_conosco {background-color:#fff}
.section.fale_conosco .forms {list-style:none;width:100%;height:auto;justify-content:flex-start}
.section.fale_conosco .forms>li {min-width:100%;height:12vh;background-color:#fff;box-sizing:border-box;
	border-radius:15px;overflow:hidden;
	margin:1em 0;border:1px solid var(--bluesemidark);transform:scale(.95);box-shadow:0 10px 18px 0 rgba(0,0,0,.1);
	flex-grow:0;flex-basis:auto;transition:box-shadow .2s,transform .2s}
.section.fale_conosco .forms>li:hover {transform:scale(1.05);box-shadow:0 10px 18px 0 rgba(255,255,255,0.1)}
.section.fale_conosco .forms>li>a:hover {border:0;padding:0}
.section.fale_conosco .forms>li figure {display:block;width:100%;height:100%}
.section.fale_conosco .forms>li figure img {z-index:80;position:relative;top:0;left:0;width:auto;height:100%}
.section.fale_conosco .forms>li figcaption {z-index:81;position:absolute;top:0;left:12vh;width:calc(100% - 15vh);height:100%;opacity:.95;
	box-sizing:border-box;padding:.2em .3em;background-color:#fff;animation-duration:1s;border-radius:0 1em 1em 0}
.section.fale_conosco .forms>li figcaption h4 {margin:0}
@media screen and (max-width:480px) and (orientation:portrait) {
	.section.fale_conosco .forms>li {height:14vh;}}
@media screen and (max-width:375px) and (orientation:portrait) {
	.section.fale_conosco .forms>li {height:14vh;}}

/* Rodape */
.section.rodape {background-color:var(--bluedark);background-image:url()}
.section.rodape .article{--margin-top:3vh;height:100%}
.section.rodape .column {width:100%;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch;align-content:stretch}
.section.rodape .column>* {flex-grow:1;flex-basis:0;flex-shrink:1}
.section.rodape .social svg {width:auto;height:5vh}

/* Footer */
.footer {position:fixed;bottom:0;left:0;display:block;width:100%}
.footer .tips {z-index:10;position:absolute;bottom:15px;width:100%;font-size:0;
	display:flex;justify-content:center;align-items:center;animation:MoveUpDown 2s linear infinite;}
.footer .tips svg {width:auto;height:3vh;margin:0 .6vw;flex-grow:0}
@keyframes MoveUpDown {
	0% {bottom:5px}
	15% {bottom:7px}
	25% {bottom:10px}
	50% {bottom:15px}
	75% {bottom:10px}
	85% {bottom:7px}
	100% {bottom:5px}
}
@media screen and (max-width:850px) and (orientation:landscape),
screen and (max-width:850px) and (orientation:portrait) {
	/*.footer {display:none;visibility:hidden}*/
}