@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeue-MediumCond.woff2') format('woff2'),
        url('fonts/HelveticaNeue-MediumCond.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeueCondensedBlack.woff2') format('woff2'),
        url('fonts/HelveticaNeueCondensedBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {outline: none;}
a {color: inherit;text-decoration: none;}
body {font-family: "HelveticaNeue", "Myriad Pro", sans-serif;background: #eaeaea;overflow-x: hidden;}

#menu {padding: 15px 17%;color: #484848;position: relative;box-sizing: border-box;z-index: 10;}
#menu i,#menu > img {display: none;}
#menu .redes {display: flex;justify-content: flex-end;position: absolute;top: 15px;right: 17%;}
#menu .redes i {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;border: 2px solid;border-radius: 50%;font-size: 13px;margin-left: 5px;}
#menu div img {width: 27.5%;}
#menu section div {height: 90px;display: flex;justify-content: space-between;align-items: flex-end;}
#menu section img {position: relative;top: 8vw;width: 27%;}
#menu section a {font-size: 90%;font-weight: bold;font-family: "Myriad Pro", sans-serif;}
#menu section .redes {display: none;}
#menu section div a:not(:last-child) {border-right: 2px solid;padding-right: 13px;margin-right: 13px;}
.slide-home img {width: 100%;}
.slide-home .box-slide {position: relative}
.slide-home article {position: absolute;top: 27.5%;left: 18%;color: #fff;width: 35%;}
.slide-home article p {font-size: 17px;line-height: 1.5;}
.slide-home article h1 {margin: 0;font-weight: 900;font-size: 3.25vw;display: table;}
.slide-home article a {display: table;border: 1px solid;padding: 10px 15px;}
.slide-home button {display:none!important}
.conteiner > header {text-align: center;position: relative;margin-bottom: 50px;}
.conteiner > header > h1 {font-size: 3.25vw;margin: 0.5em 0 0 0;}
.conteiner > header > p {font-size: 18px;color: #959595;}
.conteiner > header > ul {list-style: none;padding: 0;display: flex;justify-content: center;user-select: none;position: relative;}
.conteiner > header > ul > li {cursor: pointer;}
.conteiner > header > ul > li:not(:last-child) {margin-right: 15px;padding-right: 15px;border-right: 2px solid;}
.conteiner > header > div {height: 3px;width: 100px;position: absolute;bottom: -15px;background: #ee252d;transition: .25s;}
.conteiner > header > div::after {content: "";display: table;height: 10px;width: 10px;background: linear-gradient(135deg, #ee252d 50%, transparent 50%);position: absolute;left: 0;right: 0;margin: auto;top: -3px;transform: rotate(45deg);}
.slide-about {width: 64%;margin: auto;background: #fff;padding: 20px 40px;box-sizing: border-box;}
.slide-about .title {display: table;margin: 0 auto 40px;font-size: 3.15vw;}
.wrap-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 5.5%;}
.wrap-grid + a {display: table;margin: 25px auto 0;background-image: url(../img/bg-button.png);background-size: 100% 100%;padding:15px 45px;color: #fff;font-weight: 900;font-size: 1.4em;}
.wrap-grid > .grid > p {color: #282828;line-height: 1.5;margin: 0;}
.wrap-grid > .grid > header > h1 {font-size: 2.7em;margin: 0;grid-column-start: 1;grid-column-end: 3;line-height: 1.4;}
.grid header span {font-size: 6vw;max-width: 100%;font-weight: 900;}
.grid header img {max-height: 65%;}
.grid header {display: grid;grid-template-columns: 60px 1fr;}
.grid header div {display: flex;align-items: center;}
.slide-numeros {width: 64%;margin: auto;padding: 20px 0px;box-sizing: border-box;}
.slide-numeros .slick-dots {list-style: none;padding: 0;margin: 2em 0 0 0;display: flex;justify-content: center;align-items: baseline;}
.slide-numeros .slick-dots button {display: none;}
.slide-numeros .slick-dots li {width: 8px;height: 8px;background: #fff;margin: 0 3px;border-radius: 50%;}
.box-numeros {background-attachment: fixed;background-image: url(../img/bg-01.png);background-position: 100%;margin-top: 70px;}
.box-numeros header {text-align: center;}
.box-numeros header h1 {margin: auto;padding-top: 50px;color: #fff;display: table;font-size: 3.25vw;}
.box-numeros header p {margin: 0 0 30px 0;color: #fff;font-size: 1.35vw;}
.wrap-numeros {display: grid!important;grid-template-columns: repeat(4, 1fr);grid-gap: 5px;}
.wrap-numeros .card-numero {transition:.25s;background: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 15px 10px 0 10px;margin: 10px;}
.wrap-numeros .card-numero:hover {transform: scale(1.1);}
.wrap-numeros .card-numero h3 {color: #cd0425;font-weight: normal;font-style: italic;margin: 0;font-size: 1.3vw;}
.wrap-numeros .card-numero small {display: table;margin-left: auto;color: #cd0425;font-weight: normal;font-style: italic;}
.wrap-numeros .card-numero p {font-family: 'Roboto', sans-serif;color: #cd0425;font-size: 1.25em;margin: 15px 0;}
.slide-numeros .slick-dots li.slick-active {background: black;}
.slide-numeros .slick-dots img {margin: 0 10px;}
.contato {background-image: url(../img/bg-02.png);padding: 5% 0;}
.contato > form {width: 55%;margin: auto;background: rgba(0, 0, 0, .25);padding: 2.5em 0;}
.contato > form > h1 {text-align: center;color: #cd0324;font-size: 2.85vw;margin-bottom: 20px;margin-top: 0;}
.contato > form > p {max-width: 75%;margin: auto;font-size: 18px;}
.contato > form > div {max-width: 50%;margin: 15px auto 0;}
.contato > form > button {border: none;background: #cd0425;color: #fff;font-size: 1.25rem;font-style: italic;font-weight: bold;padding: 10px 70px;margin: auto;display: table;}
/* MATERIALIZE INPUT */
.input-field {position: relative;margin-top: 1rem;}
.input-field input,
.input-field textarea {background-color: transparent;border: none;border-bottom: 1px solid #282828;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 1rem;margin: 0 0 20px 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transition: all 0.3s;transition: all 0.3s;}
.input-field input[type="date"] {font-size: 0;}
.input-field input[type="date"]:focus,
.input-field input[type="date"].complete {font-size: 1em;}
.input-field label {color: #282828;position: absolute;top: 0;left: 0;height: 100%;font-size: 1rem;cursor: text;-webkit-transition: -webkit-transform .2s ease-out;transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out;transition: transform .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;text-align: initial;-webkit-transform: translateY(12px);transform: translateY(12px);pointer-events: none;}
.input-field input:focus {border-bottom: 1px solid #cd0425;-webkit-box-shadow: 0 1px 0 0 #cd0425;box-shadow: 0 1px 0 0 #cd0425;}
.input-field input:focus + label {color: #cd0425;}
.input-field input:focus + label,
.input-field select + label,
.input-field textarea + label,
.input-field input.complete + label {-webkit-transform: translateY(-14px) scale(0.8);transform: translateY(-14px) scale(0.8);-webkit-transform-origin: 0 0;transform-origin: 0 0; }
.input-field select {border: none;width: 100%;border-bottom: 1px solid;height: 3em;}
/* MATERIALIZE INPUT */
footer {text-align: center;padding:15px 0;}
.title::before,.title::after {content: "";width: 8vw;height: 3vw;background: url(../img/0.png);display: inline-block;background-position: 50%;background-size: 100%;}
.ui-loader {display: none;}
img.cover {width: 100%;}
.max-w {width: 85%;margin: auto;}
.interna {background: #fff;padding: 15px;box-sizing: border-box;}
.interna h1 {margin: 0;}
.menu-interno > div > div:first-child {order: 2;}
.menu-interno > div > div:last-child {order: 3;}
#menu section.menu-interno img {width: 8vw;top: 30px;}
#menu section.menu-interno div {height: 60px;justify-content: baseline;}
#menu > section.menu-interno > div:not(.redes) {display: grid;grid-template-columns: 1fr 320px 295px;grid-template-rows: 60px;}
.top {height: calc(100vh - 90px);overflow: hidden;display: flex;position: relative;align-items: center;justify-content: center;}
.top img {max-width: 100%;position: absolute;top: 0;}
.top .text {position: relative;z-index: 1;color: #fff;font-size: 2vw;max-width: 80%;text-align: center;}
.top .text * {text-shadow: 0 0 20px #000;}
.menu header {text-align: center;}
.menu header h1 {font-size: 2.3vw;display: flex;justify-content: center;align-items: center;}
header h1.title::before, header h1.title::after {width: 5vw;}
.menu header p {font-size: 18px;color: #959595;line-height: 1.25;}
.card-menu {display: grid;grid-template-columns: 45% 1fr;grid-gap: 15px;}
.card-menu .image {background: #cd0425;padding: 15px 0;}
.card-menu .image img {max-width: 80%;display: table;margin: auto;}
.card-menu .image ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.card-menu .image ul button {display: none;}
.card-menu .image ul li {width: 8px;height: 8px;background: #fff;margin: 0 3px;border-radius: 50%;}
.card-menu .image ul li.slick-active {background: #000;}
.card-menu .image .slick-arrow {font-size: 0;background: transparent;border: none;width: 24px;height: 24px;padding: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.card-menu .image .slick-prev {background-image: url(../img/arrow-left-circle.svg);z-index: 1;}
.card-menu .image .slick-next {right: 0;background-image: url(../img/arrow-right-circle.svg);}
.card-menu p {max-width: 44vw;}
.card-menu h2 {margin-top: 0;}
.card-menu > div {position: relative;}
.card-menu > div > a {border: none;background: #cd0425;color: #fff;font-size: 1.25rem;font-style: italic;font-weight: bold;padding: 10px 70px;display: table;position: relative;/* bottom: 0; */margin: 0 auto;}
.card-menu > div:not(.image) {max-width: 44vw;display: flex;flex-direction: column;justify-content: space-between;}
.servicos header {text-align: center;margin: 3em 0 1em;}
.servicos header h1 {font-size: 2.3vw;display: flex;justify-content: center;align-items: center;}
.servicos header p {font-size: 18px;color: #959595;line-height: 1.25;}
.wrap-services {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1em;}
.wrap-services img {max-width: 100%;}
.wrap-services .card-service article {padding: 0 15px;}
.card-service {border: 1px solid #eaeaea;transition: .25s;}
.card-service:hover {transform: scale(1.05);}
.end {position: relative;margin-top: 50px;}
.end img {max-width: 100%;}
.end .text {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 2vw;flex-direction: column;z-index: 2;background: rgba(0,0,0,.5);}
.end .text * {text-shadow: 0 0 20px #000;text-align: center;max-width: 80%;}
.menu-interno > div > div:not(:last-child) a {border-right: 2px solid;padding-right: 13px;margin-right: 13px;border-right: 2px solid;}
.page-loja header {text-align: center;}
.page-loja header h1 {display: flex;align-items: center;justify-content: center;}
.wrap-lojas {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1.5em;}
.card-loja img {width: 100%;}
.card-loja article {padding: 15px;}
.card-loja {border: 1px solid #eaeaea;}
.card-loja article h3 {margin-top: 0;}
.full-size {width: calc(100% + 30px);margin-left: -15px;}
.grid-numeros {width: 70%;margin: 2.5em auto 0;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 35px 15px;}
.numeros > h2 {font-size: 2.5vw;max-width: 70%;text-align: center;margin: auto;}
.grid-numeros .card-numero {display: flex;align-items: flex-start;}
.grid-numeros .card-numero > img {width: 25%;margin-right: 10px;}
.grid-numeros .card-numero h3 {margin-bottom: 5px;}.franquia header {text-align: center;}
.vantagens h1 {display: flex;justify-content: center;}
.vantagens {width: 65%;margin: 1.5em auto;line-height: 1.5;}
.vantagens ul {list-style: decimal;font-size: 18px;}
.franquia .contato > form {width: 65%;}
.grid-blog {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1%;}
.blog h1 {text-align: center;margin-bottom: 1.5em;}
.card-blog img {max-width: 100%;padding: 20px 45px;box-sizing: border-box;transition: .25s;}
.card-blog span {display: table;margin: 10px 0;color: #929292;font-size: 1.1em;padding: 0 10px;font-family: 'Titillium Web', sans-serif;}
.card-blog p {padding: 0 10px;margin: 0;line-height: 1.4;color: #222;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.card-blog img:hover {transform: scale(1.1);}
.top-blog {padding: 2vw 20%;color:#fff;position: relative;box-sizing: border-box;margin-top: -15px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.top-blog h3 {font-weight: normal;}
.top-blog > img {position: absolute;opacity: .5;right: 1%;}
.card-autor > img {border-radius: 50%;margin-right: 10px;}
.card-autor {display: flex;align-items: center;margin-top: 25px;}
.card-autor .data {display: table;}
.texto-blog {font-size: 21px;line-height: 30px;width: 75%;margin: auto;}
.texto-blog p {margin-bottom: 30px;}
.texto-blog img {max-width: 100%;}
.texto-blog img {display: table;margin: auto;max-width: 100%;height: auto;}
.suporte {padding: 0;}
.card-suporte {align-items: center;color: #fff;padding: 0 15%;display: flex;}
.card-suporte p {line-height: 1.5;font-size: 18px;}
.card-suporte img {height: 25vw;}
.center {text-align: center;padding: 5% 15%;}
.form-contato {display: flex;justify-content: space-around;padding-top: 50px;}
.form-contato form div input,.form-contato form div textarea {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom: 15px;box-sizing: border-box;}
.form-contato form div label {font-family: "Myriad Pro", sans-serif;font-size: 18px;}
.form-contato form div textarea {height: 10vw;}
.form-contato form {width: 33.33%;}
.form-contato .card-phone {display: flex;background: #f7f7f9;border: 1px solid #ced4da;border-radius: 5px;}
.form-contato > form > input {display: table;margin: auto;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color: #fff;background: #cd0425;}
.form-contato .card-phone h3, .form-contato .card-phone p {margin: 0;line-height: 1.5;}
.form-contato .card-phone i {font-size: 2em;padding: 0 30px;display: flex;align-items: center;background: #dadee2;}
.form-contato .contatos {display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 6vw;}
.form-contato .contatos {width: 350px;font-family: "Titillium Web";}
.form-contato .card-phone article {padding: 5px;}
nav#menu.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 10;background: #eaeaea;box-shadow: 0 0 10px #000;}

.form-dados .row:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
}

.form-dados .row:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
}

form.form-dados {
    width: 70%;
    margin: auto;
}

.wrap-stage {
    text-align: center;
    display: flex;
    justify-content: space-around;
    margin: 1.5em auto;
    width: 50%;
    position: relative;
}

.wrap-stage .stage span {
    display: table;
    margin: auto;
}

.wrap-stage .stage i {
    font-size: 3.5em;
}

.wrap-stage.complete::after {
    content: "";
    display: table;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 65%;
    height: 2px;
    background: #cd0425;
    margin: auto;
    z-index: 0;
}

.wrap-stage .stage {
    position: relative;
    z-index: 1;
    background: #fff;
}

.wrap-stage .stage.complete {
    color: #cd0425;
}

form.form-dados > input {
    background: #cd0425;
    color: #fff;
    font-size: 1.25rem;
    border: none;
    padding: 10px 70px;
    margin: 1.5em auto 0;
    display: table;
}

form.form-franquia .row-01 {
    margin-bottom: 2em;
}

form.form-franquia .row-01 section {
    display: flex;
    justify-content: center;
    align-items: center;
}

form.form-franquia .row-01 section div {
    margin: 0 5px;
}

form.form-franquia .row-01 {
    text-align: center;
}

form.form-franquia .row-01 span {
    display: table;
    margin: 0 auto 1em;
    font-size: 1.25em;
}

form.form-franquia {
    width: 70%;
    margin: 0 auto 2em;
}

.row-03 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 25px;
    align-items: flex-start;
}

form.form-franquia > input {
    background: #cd0425;
    color: #fff;
    font-size: 1.25rem;
    border: none;
    padding: 10px 70px;
    margin: 1.5em auto 0;
    display: table;
}
.grid-full {
    display: flex;
    justify-content: center;
    text-align: center;
}

.grid-full header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.grid-full header h1 {
    width: 100%;
}