/* Minification failed. Returning unminified contents.
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */

@font-face {
    font-family: "Leanwork";
    src: url("/content/fonts/Leanwork/Leanwork-Bold.eot");
    src: url("/content/fonts/Leanwork/Leanwork-Bold.woff2") format("woff2"),
      url("/content/fonts/Leanwork/Leanwork-Bold.woff") format("woff"),
      url("/content/fonts/Leanwork/Leanwork-Bold.svg#Leanwork-Bold") format("svg"),
      url("/content/fonts/Leanwork/Leanwork-Bold.eot?#iefix")
        format("embedded-opentype"),
      url("../fonts/Leanwork/Leanwork-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --white: #fff;
    --black: #000;
    --background-white: #f5f5f5;
    --light-gray: #ccc;
    --gray: #535256;
    --dark-purple: #271742;
    --purple: #723ace;
    --accent-purple: #6b3fb4;
    --green: #26ffab;
    --accent-green: #a1ffdb;
    --red: #ed4956;
    --font-family: Roboto, sans-serif;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1500px;
}

* {
    box-sizing: border-box;
    margin: 0;
    border: none;
    padding: 0;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #535256;
    text-align: left;
    background-color: #fff;
}

section {
    padding: 4rem 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 0) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1400px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.d-flex {
    display: flex;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.section-title {
    text-align: center;
}

    .section-title.has-icon::before {
        content: url("/content/img/title-icon.png");
        display: block;
        margin-bottom: 2rem;
    }

#banner-especialista {
    background-image: url("/content/img/banner-especialista.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 140px 0;
    margin-bottom: 22px;
}

    #banner-especialista .info {
        flex: 0 1 616px;
        max-width: 47%;
    }

        #banner-especialista .info h2 {
            color: #723ace;
        }

        #banner-especialista .info p {
            margin-bottom: 30px;
        }

#autonomia {
    background-color: #f5f5f5;
    padding-top: 90px;
}

    #autonomia .container img {
        margin-bottom: -260px;
    }

#fale-com-especialista {
    position: fixed;
    z-index: 1000;
    top: 75vh;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 175px;
    height: 60px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #26ffab;
    color: #fff;
    padding-left: 20px;
    padding-right: 32px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 10px 30px 0 rgba(36, 120, 92, 0.16);
}

    #fale-com-especialista.fixed {
        opacity: 1;
        pointer-events: all;
        transition: opacity 0.3s ease-in-out;
    }

    #fale-com-especialista:hover {
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    }

    #fale-com-especialista > i {
        font-size: 26px;
    }

    #fale-com-especialista > span {
        color: #271742;
        font-size: 15px;
        letter-spacing: -1px;
        text-align: right;
        margin-left: 10px;
        font-weight: bold;
    }

#map {
    padding: 0;
}

    #map iframe {
        width: 100%;
        height: 400px;
    }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Leanwork";
    color: #271742;
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1;
}

h1 {
    font-size: 46px;
}

@media (min-width: 1200px) {
    h1 {
        font-size: 52px;
    }
}

@media (min-width: 1500px) {
    h1 {
        font-size: 60px;
    }
}

h2 {
    font-size: 32px;
}

@media (min-width: 1200px) {
    h2 {
        font-size: 38px;
    }
}

@media (min-width: 1500px) {
    h2 {
        font-size: 42px;
    }
}

h5 {
    font-size: 18px;
    line-height: 1.15;
}

@media (min-width: 1200px) {
    h5 {
        font-size: 24px;
    }
}

@media (min-width: 1500px) {
    h5 {
        font-size: 28px;
    }
}

h6 {
    font-size: 16px;
}

@media (min-width: 1200px) {
    h6 {
        font-size: 18px;
    }
}

@media (min-width: 1500px) {
    h6 {
        font-size: 22px;
    }
}

p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #535256;
}

@media (min-width: 1200px) {
    p {
        font-size: 16px;
    }
}

@media (min-width: 1500px) {
    p {
        font-size: 20px;
    }
}

a {
    text-decoration: none;
    background-color: transparent;
}

    a:hover, a:active {
        text-decoration: none;
        background-color: transparent;
    }

input,
textarea {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.btn {
    display: inline-flex;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(90deg, #723ace, #6b3fb4);
    text-align: center;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 27.5px;
    height: 45px;
    align-items: center;
    justify-content: center;
    padding-right: 18px;
    padding-left: 18px;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .btn {
        height: 52px;
        font-size: 15px;
        padding-right: 22px;
        padding-left: 22px;
    }
}

.btn:focus {
    outline: 0;
}

.btn:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.btn:disabled {
    filter: grayscale(1);
    cursor: default;
}

    .btn:disabled:hover {
        box-shadow: none;
    }

.btn-accent {
    background: linear-gradient(90deg, #26ffab, #a1ffdb);
    color: #271742;
}

.btn-white {
    background: unset;
    background-color: #fff;
    color: #723ace;
}

    .btn-white:hover {
        background-color: #fff;
    }

.btn-especialista {
    width: 295px;
}

.btn img {
    margin-right: 5px;
}

#form-modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 1500;
}

    #form-modal.abrir {
        display: block;
    }

    #form-modal .backdrop {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #form-modal > div {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5);
    }

    #form-modal .modal-body {
        width: 470px;
        height: 750px;
        padding: 72px 25px 60px;
        border-radius: 8px;
        background-color: #fff;
        position: relative;
    }

        #form-modal .modal-body .fechar-modal {
            background-color: transparent;
            position: absolute;
            top: 29px;
            right: 25px;
            cursor: pointer;
        }

            #form-modal .modal-body .fechar-modal:active, #form-modal .modal-body .fechar-modal:focus, #form-modal .modal-body .fechar-modal:active:focus {
                outline: 0;
            }

        #form-modal .modal-body > div {
            height: 100%;
            width: 100%;
            display: flex;
            flex-flow: column;
            justify-content: space-between;
            align-items: center;
        }

    #form-modal form {
        flex: 1;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 40px;
    }

        #form-modal form > small {
            margin-top: 10px;
        }

body.modal-aberto {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.form-control {
    width: 100%;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

    .form-control input,
    .form-control textarea {
        width: 100%;
        appearance: none;
        border-bottom: 1px solid #707070;
        padding: 8.5px;
        margin-bottom: 5px;
        resize: none;
    }

        .form-control input:focus, .form-control input:active, .form-control input:focus:active,
        .form-control textarea:focus,
        .form-control textarea:active,
        .form-control textarea:focus:active {
            outline: 0;
            border-bottom-color: rgba(39, 23, 66, 0.5);
        }

    .form-control > i {
        visibility: hidden;
        position: absolute;
        top: 10.5px;
        right: 8.5px;
    }

    .form-control > small {
        visibility: hidden;
        position: absolute;
        bottom: 0;
        left: 8.5px;
    }

    .form-control.sucesso input,
    .form-control.sucesso textarea {
        border-bottom-color: #26ffab;
    }

    .form-control.sucesso > i.fa-check-circle {
        visibility: visible;
        color: #26ffab;
    }

    .form-control.erro input,
    .form-control.erro textarea {
        border-bottom-color: #ed4956;
    }

    .form-control.erro > small {
        visibility: visible;
    }

    .form-control.erro > i.fa-exclamation-circle {
        color: #ed4956;
        visibility: visible;
    }

#top-bar {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    height: 50px;
    z-index: 100;
}

    #top-bar.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    #top-bar a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        background-color: #6b3fb4;
        color: #fff;
        font-weight: 500;
        padding: 16px 70px;
    }

        #top-bar a:hover {
            background-color: #723ace;
        }

        #top-bar a > i {
            margin-right: 10px;
        }

#header {
    background-color: #fff;
    height: 120px;
    padding-right: 42px;
    padding-left: 42px;
    display: flex;
    position: relative;
    top: 0;
    z-index: 100;
}

    #header .logo-holder a img {
        pointer-events: none;
    }

    #header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 1px 16px rgba(39, 23, 66, 0.08);
    }

        #header.fixed + main {
            padding-top: 120px;
        }

    #header .nav li {
        margin: 0 30px;
        z-index: 100;
    }

        #header .nav li:first-child {
            margin-left: 0;
        }

        #header .nav li:last-child {
            margin-right: 0;
        }

        #header .nav li a {
            color: #535256;
            font-weight: bold;
            font-size: 14px;
        }

            #header .nav li a:hover {
                color: #6b3fb4;
                text-decoration: none;
            }

@media (min-width: 1200px) {
    #header .nav li a {
        font-size: 16px;
    }
}

#footer {
    background-color: #271742;
    padding: 100px 0 200px;
}

    #footer .left {
        flex: 0 1 29%;
        max-width: 400px;
    }

    #footer .right {
        flex: 0 1 70%;
        max-width: 930px;
        position: relative;
        padding-left: 98.5px;
    }

@media (min-width: 1200px) {
    #footer .right {
        padding-left: 88.5px;
    }
}

@media (min-width: 1500px) {
    #footer .right {
        padding-left: 148.5px;
    }
}

#footer .right::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #723ace;
}

#footer h2 {
    color: #fff;
    margin-top: 70px;
}

#footer p {
    color: #26ffab;
    max-width: 300px;
}

#footer p,
#footer a {
    font-size: 14px;
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    #footer p,
    #footer a {
        font-size: 16px;
    }
}

#footer address {
    font-style: normal;
    margin-bottom: 120px;
}

    #footer address > div {
        margin-bottom: 16px;
    }

        #footer address > div p,
        #footer address > div a {
            color: #fff;
        }

#footer a:hover {
    text-decoration: underline;
}

#footer ul.nav {
    justify-content: flex-start;
}

    #footer ul.nav:not(.redes-sociais) > li:not(:last-child)::after {
        content: "|";
        color: #fff;
        margin-left: 10px;
    }

@media (min-width: 1200px) {
    #footer ul.nav:not(.redes-sociais) > li:not(:last-child)::after {
        margin-left: 20px;
    }
}

#footer ul.nav li:not(:first-child) {
    margin-left: 10px;
}

@media (min-width: 1200px) {
    #footer ul.nav li:not(:first-child) {
        margin-left: 20px;
    }
}

#footer ul.nav li a {
    color: #fff;
}

#footer ul.nav.redes-sociais li a {
    display: flex;
    align-items: center;
}

    #footer ul.nav.redes-sociais li a:hover {
        text-decoration: none;
    }

    #footer ul.nav.redes-sociais li a > i {
        color: #723ace;
        font-size: 21px;
        margin-right: 8px;
    }


#footer .btn {
    margin-top: 16px;
    margin-bottom: 125px;
    font-size: 15px;
    font-weight: bold;
}

    #footer .btn:hover {
        text-decoration: none;
    }

#footer .logo-footer img {
    margin-left: 0;
}

#banner-principal {
    padding: 0;
    perspective: 120px;
}

    #banner-principal .container {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #banner-principal .container .info {
            flex: 0 1 444px;
        }

            #banner-principal .container .info .btn {
                margin-top: 20px;
            }

        #banner-principal .container .img-holder {
            flex: 0 1 auto;
        }

            #banner-principal .container .img-holder #img-principal {
                transition: transform 0.5s;
                -webkit-transition: transform 0.5s;
                -moz-transition: transform 0.5s;
                -o-transition: transform 0.5s;
            }

        #banner-principal .container #arrow-down {
            position: absolute;
            bottom: 32px;
            left: 50%;
            transform: translateX(-50%);
        }

#vendas {
    margin-bottom: 90px;
}

@media (min-width: 1500px) {
    #vendas {
        margin-bottom: 130px;
    }
}

#vendas .section-title > p {
    max-width: 1055px;
    margin-right: auto;
    margin-left: auto;
}

#recursos {
    margin-top: 200px;
}

    #recursos .section-title {
        margin-bottom: 78px;
    }

.panel {
    position: relative;
    flex-basis: 33.33333%;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding-right: 35px;
    padding-left: 35px;
    margin-bottom: 56px;
}

@media (min-width: 1200px) {
    .panel {
        flex-basis: 25%;
    }
}

.panel:before {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    content: url("/content/img/arrow-right.png");
    border-radius: 50%;
    background-color: #26ffab;
    position: absolute;
    z-index: -1;
    width: 50px;
    height: 50px;
    padding-left: 15px;
    top: -14px;
    left: 3px;
}

@media (min-width: 1200px) {
    .panel:before {
        width: 70px;
        height: 70px;
        padding-left: 15px;
        top: -14px;
        left: 3px;
    }
}

.panel > .panel-title {
    margin: 3px 0;
    letter-spacing: -1px;
}

    .panel > .panel-title > span {
        font-size: 12px;
        line-height: 22px;
        color: #26ffab;
        display: block;
    }

.panel > .panel-info {
    font-size: 15px;
    color: #535256;
    margin-top: 14px;
}

@media (min-width: 1200px) {
    .panel > .panel-info {
        margin-top: 22px;
    }
}

#depoimentos {
    background-color: #f5f5f5;
}

    #depoimentos .section-title {
        margin-bottom: 61px;
    }

    #depoimentos .swiper {
        position: relative;
        padding-bottom: 36px
    }

        #depoimentos .swiper .swiper-button-prev,
        #depoimentos .swiper .swiper-button-next {
            top: calc(100% + 15px);
        }

            #depoimentos .swiper .swiper-button-prev:focus,
            #depoimentos .swiper .swiper-button-next:focus {
                outline: none;
            }

        #depoimentos .swiper .swiper-button-prev {
            left: calc(50% - 40px);
        }

            #depoimentos .swiper .swiper-button-prev::after {
                content: url("/content/img/swiper-arrow-prev.png");
            }

        #depoimentos .swiper .swiper-button-next {
            right: calc(50% - 40px);
        }

            #depoimentos .swiper .swiper-button-next::after {
                content: url("/content/img/swiper-arrow-next.png");
            }

        #depoimentos .swiper .swiper-container {
            width: 900px;
        }



@media (min-width: 1200px) {
    #depoimentos .swiper .swiper-container {
        width: 938px;
        padding-bottom: 61px;
        margin-bottom: 61px;
    }
}

#depoimentos .depoimento {
    display: flex;
    flex-flow: column;
    width: 422px;
}

#depoimentos .depoimento-texto {
    font-size: 15px;
}

#depoimentos .depoimento-autor .nome {
    font-size: 15px;
    font-weight: bold;
    color: #723ace;
    margin-bottom: 0;
}

#depoimentos .depoimento-autor .cia {
    font-size: 13px;
    font-weight: bold;
    color: #271742;
}

#clientes {
    padding-top: 100px;
    padding-bottom: 136px;
}

    #clientes .section-title {
        margin-bottom: 42px;
    }

    #clientes .img-container {
        flex: 1 1 16.66667%;
    }

#demonstracao {
    background-color: #26ffab;
    padding-top: 89px;
    padding-bottom: 101px;
}

    #demonstracao .section-title .title {
        max-width: 976px;
        margin: 0 auto 22px auto;
        line-height: 52px;
    }

    #demonstracao .btn {
        font-weight: bold;
    }

#mobile {
    background-color: #271742;
    position: relative;
}

    #mobile .info {
        flex: 0 1 auto;
        max-width: 100%;
        margin-top: calc((70vw / 1.55) - 150px);
    }

@media (min-width: 1200px) {
    #mobile .info {
        margin-top: 0;
        max-width: 45%;
    }
}

@media (min-width: 1500px) {
    #mobile .info {
        max-width: 35%;
    }
}

#mobile .info h2,
#mobile .info h6 {
    color: #26ffab;
}

#mobile .info h2{
    font-size: 60px;
}

#mobile .info p {
    color: #fff;
}

#mobile .info ul p {
    font-size: 15px;
}

#mobile img {
    position: absolute;
    width: 70vw;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 1200px) {
    #mobile img {
        left: unset;
        transform: none;
        right: 0;
        width: 50%;
    }
}

@media (min-width: 1500px) {
    #mobile img {
        top: -190px;
        width: 61%;
    }
}

#diferenciais {
    padding-top: 90px; 
    padding-bottom: 92px;
}

#diferenciais .section-title {
    margin-bottom: 60px;
}

#diferenciais .btn {
    margin-top: 78px;
}

#diferenciais .diferencial {
    flex: 1 1 33.33333%;
    padding: 0 15px;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
}

@media (min-width: 1500px) {
    #diferenciais .diferencial {
        flex-basis: 16.66667%;
    }
}

#diferenciais .diferencial > p {
    font-size: 13px;
    min-height: 39px;
}

@media (min-width: 1500px) {
    #diferenciais .diferencial > p {
        font-size: 15px;
        min-height: 90px;
    }
}

#diferenciais .diferencial > img {
    margin: 0 auto 20px;
}

#marketplaces {
    padding-top: 90px;
    padding-bottom: 82px;
}

#marketplaces .img-container {
    max-width: 20%;
    margin-top: 14px;
}

@media (min-width: 1200px) {
    #marketplaces .img-container {
        max-width: unset;
    }
}

#form-modal div[role="dialog"] {
    position: relative;
}

#form-modal .modal-body .confirmacao, #form-modal .modal-body .loader-holder, #form-modal .modal-body .erro-submit {
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

    #form-modal .modal-body .loader-holder .loader {
        font-size: 10px;
        margin: 50px auto;
        text-indent: -9999em;
        width: 11em;
        height: 11em;
        border-radius: 50%;
        background: #ffffff;
        background: -moz-linear-gradient(left, #26ffab 10%, rgba(38, 255, 171, 0) 42%);
        background: -webkit-linear-gradient(left, #26ffab 10%, rgba(38, 255, 171, 0) 42%);
        background: -o-linear-gradient(left, #26ffab 10%, rgba(38, 255, 171, 0) 42%);
        background: -ms-linear-gradient(left, #26ffab 10%, rgba(38, 255, 171, 0) 42%);
        background: linear-gradient(to right, #26ffab 10%, rgba(38, 255, 171, 0) 42%);
        position: relative;
        -webkit-animation: load3 1.4s infinite linear;
        animation: load3 1.4s infinite linear;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

#form-modal div[role="dialog"] .loader-holder .loader::before {
    width: 50%;
    height: 50%;
    background: #26ffab;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

#form-modal div[role="dialog"] .loader-holder .loader::after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#form-modal .modal-body.sucesso, #form-modal .modal-body.carregando, #form-modal .modal-body.erro {
    height: auto;
}

    #form-modal .modal-body.carregando .loader-holder {
        display: flex;
    }

    #form-modal .modal-body.sucesso .confirmacao {
        display: flex;
    }

    #form-modal .modal-body.erro .erro {
        display: flex;
    }

#form-modal .confirmacao h3 {
    font-size: 30px;
    margin-bottom: 35px;
    text-align: center;
}

#form-modal .erro h3 {
    font-size: 42px;
    margin-bottom: 25px;
    text-align: center;
}

#form-modal .confirmacao p, #form-modal .erro p {
    max-width: 290px;
    text-align: center;
}

#form-modal div[role="dialog"] .confirmacao .btn, #form-modal div[role="dialog"] .erro .btn {
    text-transform: uppercase;
    width: 105px;
    margin-top: 44px;
}

#form-modal .modal-body.sucesso header, #form-modal .modal-body.carregando header, #form-modal .modal-body.erro header, #form-modal .modal-body.sucesso form, #form-modal .modal-body.carregando form, #form-modal .modal-body.erro form {
    display: none;
}

#form-modal .modal-body.sucesso .fechar-modal, #form-modal .modal-body.carregando .fechar-modal, #form-modal .modal-body.erro .fechar-modal {
    display: none;
}

#form-modal div[role="dialog"] .btn {
    width: 272px;
    height: 52px;
    text-transform: capitalize;
    font-size: 15px;
    margin-top: 98px;
}

    #form-modal div[role="dialog"] .btn img {
        margin: 0 5px 0 0;
    }

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
    text-align: center;
}

.hide {
    display: none
}

#banner-principal .info h2 {
    font-size: 46px;
}

@media (min-width: 1500px) {
    #banner-principal .info h2 {    
        font-size: 60px;
    }    
}

@media (min-width: 1200px) {
    #banner-principal .info h2 {
        font-size: 52px;
    }
}


.lgpd-navegacao {
    z-index: 9999;
    width: calc(100% - 40px);
    max-width: 600px;
    bottom: 1.2rem;
    position: fixed;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,.2) 0 0 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
}

    .lgpd-navegacao > * {
        margin: 15px;
        font-family: Arial, sans-serif;
        color: #000 !important;
    }

    .lgpd-navegacao > div > div:nth-child(1) {
        font-weight: bold;
        margin-bottom: 15px;
    }

.lgpd-navegacao-button {
    align-items: center;
    display: flex
}

    .lgpd-navegacao-button button {
        font-weight: 700;
        padding-left: 16px;
        padding-right: 16px;
        height: 30px
    }

@media(max-width: 768px) {
    .lgpd-navegacao {
        flex-direction: column
    }

    .lgpd-navegacao-button {
        justify-content: flex-end
    }
}