@charset "UTF-8";

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

/* Logo */
.header>.logo {position:fixed;top:0;/*1.2em;*/left:1.6em;height:20vh;text-align:center;
	background-color:#fff;border:5px solid #fff;padding:1.2em .9em 0.5em;
	border-radius: 0 0 2em 2em	}
.header>.logo:hover {padding:1.1em .9em 0.6em}
.header>.logo .svg {width:auto;height:100%}
/*.header>.logo.white .svg .tipografia {fill:#fff}*/

/* Nav */
.header>.menu {--h:8.2vh;--margin-li:1.5em;position:fixed;top:-1px;right:0;
	background-color:var(--red);opacity:0.95;color:#fff;border-radius:0 0 0 20px;transform:skew(26deg);
	width:calc(33em + var(--margin-li) * 6 + var(--h));height:var(--h);min-height:30px;max-height:75px;
	display:flex;justify-content:flex-start}
.header>.menu>* {height:inherit;min-height:30px;max-height:75px;transform:skew(-26deg)}
.header>.menu ul {width:calc(100% - var(--h));display:flex;justify-content:flex-end}
.header>.menu ul>li {display:flex;flex-grow:0;flex-basis:auto;justify-content:space-around;flex-direction:column;
	box-sizing:border-box;margin:0 var(--margin-li);border-bottom:2px solid var(--red);
	background:url() 0px center/2vw auto no-repeat transparent}
.header>.menu ul>li[data-menuanchor="sistema"] {background-image:url('https://ws.syndata.com.br/img/icons:pc-and-cell.white.svg')}
.header>.menu ul>li[data-menuanchor="solucoes"] {background-image:url('https://ws.syndata.com.br/img/icons:solution.white.svg')}
.header>.menu ul>li[data-menuanchor="suporte"] {background-image:url('https://ws.syndata.com.br/img/icons:support.white.svg')}
.header>.menu ul>li[data-menuanchor="seja_nosso_parceiro"] {background-image:url('https://ws.syndata.com.br/img/icons:handshake.white.svg')}
.header>.menu ul>li[data-menuanchor="fale_conosco"] {background-image:url('https://ws.syndata.com.br/img/icons:talk.white.svg')}
.header>.menu ul>li:hover {border-bottom-color:#fff}
.header>.menu ul>li.active {border-bottom-color:var(--reddark)}
.header>.menu ul>li>a {position:relative;color:#fff;box-sizing:border-box;padding-left:2.3vw}
.header>.menu ul>li>a:hover {padding-top:.1em;border:none}
.header>.menu>.icon {width:var(--h);font-size:0;background:var(--red) url() no-repeat center/auto 50%;cursor:pointer}
.header>.menu>.icon#sitemap-show {background-image:url('https://ws.syndata.com.br/img/icons:sitemap.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>* {margin-right:8.2vw;margin-left:8.2vw;color:var(--bluedark);border:0px dashed green}
.sitemap>h3 {margin:1em 8.2vw .8em;color:#036}
.sitemap>div {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}
.sitemap>div>ul {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:1px dashed var(--bluesemidark);margin:0 0 2vh}
.sitemap>div>ul>li:hover {border-color:var(--red)}
.sitemap>div>ul>li>a {font-size:1.3vw;color:var(--red)}
.sitemap>div>ul>li>a:hover {padding:0;border:0}
.sitemap>div>ul>li:nth-of-type(1)>a {font-weight:700;color:var(--redsemidark)}
.sitemap-close {position:absolute;top:2vw;right:-7vw;width:7vh;height:7vh;border-radius:3.5vh;font-size:0;
	background:var(--red) url('https://ws.syndata.com.br/img/icons:close-nav.white.svg') no-repeat center center/auto 3.5vh}
.sitemap-close:hover{border:0;padding:0}

/* Aside */
.aside {position:fixed;top:8.2vh;right:0}
.aside .button {position:relative;z-index:99;display:block;--d:6vw;width:var(--d);height:var(--d);
	font-size:.95vw;line-height:1.3em;padding:2.7vw .2em 0;margin:1vw;opacity:.9;
	background-color:var(--red);background-size:33.3334% auto;background-position:center .4em}
.aside .button[href^='#suporte'] {background-image:url('https://ws.syndata.com.br/img/icons:support.white.svg')}
.aside .button[data-href$='como_comprar'] {background-image:url('https://ws.syndata.com.br/img/icons:shopping-cart.white.svg')}
.aside .button[data-href$='ouvidoria'] {background-image:url('https://ws.syndata.com.br/img/icons:hear.white.svg')}
.aside .button[data-href$='indique_um_amigo'] {background-image:url('https://ws.syndata.com.br/img/icons:megaphone.white.svg')}
.aside .button[data-href$='pesquisa_de_opiniao'] {background-image:url('https://ws.syndata.com.br/img/icons:emoji-smiller.white.svg')}
.aside .button:nth-last-of-type(1) {background-image:url('https://ws.syndata.com.br/img/icons:chat-balloon.white.svg')}

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

/* Section */
.section {background:#fff url('https://ws.syndata.com.br/img/backgrounds:default.webp') no-repeat center/cover}
.section .slide {background:transparent url() no-repeat center/cover}
.section .article {--margin-top:10vh;--margin-bottom:8.2vh;--margin-left:8vw;--margin-right:8vw;
    display:flex;flex-direction:row;position:relative;top:0;left:0;background:transparent url() 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:flex;justify-content:center;flex-direction:column;flex:1;padding:0 0.6vw;border-left:0px dashed var(--bluelight-a)}
.article>div:nth-of-type(1) {padding-left:0;border:0;margin:0 2em 0 4em}
.article>div:nth-last-of-type(1) {padding-right:0}
.sidebar ~ * .article {--margin-left:calc(16.67% + 2vw)}
.sidecover ~ * .article {--margin-left:30vw}
.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.webp')}
.section.inicio .article {background:transparent url('https://ws.syndata.com.br/img/syndata:3pessoas.webp') no-repeat 55% center/40% auto}
.section.inicio .style-context>* {color:#fff;text-align:center}
.section.inicio .style-context h4 {color:var(--yellow)}
.section.inicio span {display:block;color:var(--bluedark)}
.section.inicio input {display:block;width:70%;margin:0 auto 0.6em;margin-top:.2em;
	background:transparent url() no-repeat 0.6em center/auto 40%}
.section.inicio input[name='nome'] {background-image:url('https://ws.syndata.com.br/img/icons:you.red.svg')}
.section.inicio input[name='telefone'] {background-image:url('https://ws.syndata.com.br/img/icons:phone.red.svg')}
.section.inicio input[name='email'] {background-image:url('https://ws.syndata.com.br/img/icons:arroba.red.svg')}
.section.inicio input[name='empresa'] {background-image:url('https://ws.syndata.com.br/img/icons:company.red.svg')}
.section.inicio .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;}
.section.inicio .tips svg {width:auto;height:7vh;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}
}

/* Sistema */
.section.sistema .slide figcaption {display:inline-block;width:80%;font-size:smaller}
.section.sistema .slide.home .article div:nth-of-type(1) {margin:0 2em 0 2.5em}
.section.sistema .slide.home .boxs {width:45%;height:auto;margin:0 auto 1.7em}
@media screen and (min-width:1280px) and (max-height:667px) and (orientation:landscape) {
	.section.sistema .slide.home .boxs {display:none}
}
.section.sistema .slide.home .ramos {display:flex;width:100%;margin:.5em 0;
	flex-flow:row wrap;justify-content:flex-start;align-items:stretch;align-content:center}
.section.sistema .slide.home .ramos>a {flex-grow:0;flex-basis:auto;width:26%;margin:0 1% 1vw 0;color:#fff;
	text-align:center;padding:.5vw;box-sizing:border-box;background-color:var(--bg);border-radius:16%;cursor:pointer;
	font-size:1vw;transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,0);transition:box-shadow .2s,transform .2s}
.section.sistema .slide.home .ramos>a:hover {border:0;transform:scale(1);box-shadow:0 10px 18px 0 var(--bluedark-a)}
.section.sistema .slide.home .ramos>a[href='#sistema/varejo'] {--bg:var(--varejo-color)}
.section.sistema .slide.home .ramos>a[href='#sistema/restaurante'] {--bg:var(--restaurante-color)}
.section.sistema .slide.home .ramos>a[href='#sistema/supermercado'] {--bg:var(--supermercado-color)}
.section.sistema .slide.home .ramos>a[href='#sistema/os'] {--bg:var(--os-color)}
.section.sistema .slide.home .ramos>a[href='#sistema/sped'] {--bg:var(--sped-color)}
.section.sistema .slide.home .ramos>a[href='#sistema/tef'] {--bg:var(--tef-color)}
.section.sistema .slide.home .ramos>a:nth-last-of-type(1) {--bg:var(--bluesemidark)}
.section.sistema .slide.home .s-ramo {width:75%;height:auto;margin:.5em auto}
.section.sistema .slide.varejo {background-color:var(--varejo-color)}
.section.sistema .slide.restaurante {background-color:var(--restaurante-color)}
.section.sistema .slide.restaurante .celular {width:100%;height:auto}
.section.sistema .slide.supermercado {background-color:var(--supermercado-color)}
.section.sistema .slide.os {background-color:var(--os-color)}
.section.sistema .slide.os .seguimentos {display:block;clear:both;width:100%;margin:1em auto}
.section.sistema .slide.os .seguimentos>li {display:inline-block;width:49%;height:15vw;text-align:center;color:#fff}
.section.sistema .slide.os .seguimentos>li img {position:relative;display:block;width:auto;height:9vw;margin:10px auto}
/*.section.sistema .slide.sped {background-color:var(--sped-color)}
.section.sistema .slide.sped figcaption {color:#fff}*/
.section.sistema .slide.tef {background-color:var(--tef-color)}
.section.sistema .slide.tef .map-area {--w:365px;--h:400px;margin-bottom:30px}
/*.section.sistema .slide.tef .map-pin {bborder-radius:30px}*/
.section.sistema .slide.tef .map-img {width:90%}
.section.sistema .slide.tef figure img {width:90%}
.section.sistema .slide.tef.tef-vantagens  .top { margin:0 4em 0 5em}

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

/* Suporte */
.section.suporte .sidecover:before {background:#fff url('../img/backgrounds/suporte-01.webp') no-repeat center/cover}
.section.suporte .slide div:nth-of-type(1) {margin-left:0}
.section.suporte .slide .horarios {list-style-position:inside}
.section.suporte .slide .canais {list-style:none}
.section.suporte .slide .canais>li {margin-bottom:1em}
.section.suporte .slide .canais>li>.button {background:var(--red) url() no-repeat 0.6em center/auto 70%}
.section.suporte .slide .canais>li:nth-of-type(1)>.button {background-image:url('https://ws.syndata.com.br/img/icons:phone.white.svg')}
.section.suporte .slide .canais>li:nth-of-type(2)>.button {background-image:url('https://ws.syndata.com.br/img/icons:chat-balloon.white.svg')}
.section.suporte .slide .canais>li:nth-of-type(3)>.button {background-image:url('https://ws.syndata.com.br/img/icons:screen.white.svg')}
.section.suporte .slide .canais>li:nth-of-type(4)>.button {background-image:url('https://ws.syndata.com.br/img/icons:hear.white.svg')}
.section.suporte .slide .canais>li:nth-of-type(5)>.button {background-image:url('https://ws.syndata.com.br/img/icons:you.white.svg')}
.section.suporte .slide .canais>li:nth-of-type(6)>.button {background-image:url('https://ws.syndata.com.br/img/icons:people.white.svg')}
.section.suporte .slide .box.numeros {justify-content:flex-start}
.section.suporte .slide .box.numeros>li {flex-grow:0;flex-basis:auto;min-width:33%;margin:1em 0}
.section.suporte .slide .box.numeros>li>* {margin:.5em}
.section.suporte .slide .box.numeros>li>h6 {height:1em}
.section.suporte .slide .box.numeros>li>a {font-size:1.625em/*h2*/;font-weight:900}
.section.suporte .slide .apps>li {display:inline-block;width:calc(24% - 1px);height:auto;box-sizing:border-box;text-align:center}
.section.suporte .slide .apps>li:not(:nth-of-type(4)) {border-right:1px dotted var(--bluelight)}
.section.suporte .slide .apps>li>img {width:50%;height:auto}

/* Fale Conosco */
.section.fale_conosco {background-image:url('https://ws.syndata.com.br/img/backgrounds:default-02.webp')}
.section.fale_conosco .box.forms {justify-content:flex-start}
.section.fale_conosco .box.forms>li {flex-grow:0;flex-basis:auto;min-width:20%;margin:1em 0}
.section.fale_conosco .column {width:100%;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch;align-content:stretch}
.section.fale_conosco .column>* {flex-grow:1;flex-basis:0;flex-shrink:1}

/* Rodape */
.section.rodape {background-image:url();background-color:#F8F9FD}
.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%}
@media screen and (max-width:850px) and (orientation:landscape),
screen and (max-width:850px) and (orientation:portrait) {
	.footer {display:none;visibility:hidden}}
.footer>.copyrights {line-height:3em;font-size:0.75em;padding-left:1vw}
.footer>.copyrights a:link {color:var(--bluesemidark);text-decoration:underline;text-shadow:none}
.footer>.copyrights a:visited {color:var(--bluesemidark);text-decoration:underline;text-shadow:none}
.footer>.copyrights a {color:var(--bluesemidark);text-decoration:underline;text-shadow:none}
.footer>.copyrights a:hover {text-decoration:none;color:var(--red)}

.footer>.fullscreen {position:fixed;bottom:1vw;right:1vw}
.footer>.fullscreen a:hover {box-shadow:none;border:none}
.footer>.fullscreen a svg {width:3.5vh;height:auto}
.footer>.fullscreen a.on svg.on,
.footer>.fullscreen a.off svg.off {display:block;visibility:visible}
.footer>.fullscreen a.on svg.off,
.footer>.fullscreen a.off svg.on {display:none;visibility:hidden}
.footer>.fullscreen a svg path {fill:var(--bluesemidark)}
.footer.style-context>.copyrights,
.footer.style-context>.copyrights a:link {color:#fff}
.footer.style-context>.copyrights a:visited {color:#fff}
.footer.style-context>.copyrights a {color:#fff}
.footer.style-context>.fullscreen a svg path {fill:#fff}