/* import */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700;900&display=swap');

/* reset */

body, ul, li, a, h1, h2, h3, h4, h5, h6, h7, div, section {

    padding: 0;

    margin: 0;

    border: 0;

    font-weight: normal;

    font-family: 'Nunito Sans', 'Arial', sans-serif;

}

body {

    background: #FFF;

}

a {

    background: transparent;
    text-decoration: none !important;
    color: #fff;

}

/* background */

.background-transparent, .background-transparent li {

    background: transparent;

}

.back-white {

    background-color: #FFF !important;

}

.back-blue {

    background-color: #00D09E !important;

}

.back-blue-shadow {

    -webkit-box-shadow: 0em 0em 1.688em 0.125em rgba(34, 65, 242, 0.15);

    -moz-box-shadow: 0em 0em 1.688em 0.125em rgba(34, 65, 242, 0.15);

    box-shadow: 0em 0em 1.688em 0.125em rgba(34, 65, 242, 0.15);

}

.back-blue-d {

    background-color: #277FF2;

}

.back-grey {

    background-color: #F1F1F1;

}

.back-blue-d-shadow {

    -webkit-box-shadow: 0em 0em 1.688em 0.125em rgba(39, 127, 242, 0.15);

    -moz-box-shadow: 0em 0em 1.688em 0.125em rgba(39, 127, 242, 0.15);

    box-shadow: 0em 0em 1.688em 0.125em rgba(39, 127, 242, 0.15);

}

.back-blue-gradient {

    background: #00D09E;

}

.back-green {

    background: #2BB5A2;

}

.back-green-shadow {

    -webkit-box-shadow: 0em 0em 1em 0.125em rgba(43, 181, 162, 0.15);

    -moz-box-shadow: 0em 0em 1em 0.125em rgba(43, 181, 162, 0.15);

    box-shadow: 0em 0em 1em 0.125em rgba(43, 181, 162, 0.15);

}

.back-green-d {

    background: #00D577;

}

.back-green-d-shadow {

    -webkit-box-shadow: 0em 0em 1em 0.074em rgba(0, 213, 119, 0.15);

    -moz-box-shadow: 0em 0em 1em 0.074em rgba(0, 213, 119, 0.15);

    box-shadow: 0em 0em 1em 0.074em rgba(0, 213, 119, 0.15);

}

.back-yellow {

    background: #FBAF40;

}

.back-yellow-shadow {

    -webkit-box-shadow: 0em 0em 0.630em 0.037em rgba(251, 175, 64, 0.15);

    -moz-box-shadow: 0em 0em 0.630em 0.037em rgba(251, 175, 64, 0.15);

    box-shadow: 0em 0em 0.630em 0.037em rgba(251, 175, 64, 0.15);

}

.back-black-shadow {

    -webkit-box-shadow: 0em 0em 1em 0.074em rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0em 0em 1em 0.074em rgba(0, 0, 0, 0.15);

    box-shadow: 0em 0em 1em 0.074em rgba(0, 0, 0, 0.15);

}

#planos {

    display: flex;

    justify-content: space-evenly;

}



#planos div {

    border: solid 3px #000;

    padding: 10px;

    border-radius: 10px;

    color: #00D09E;

    font-weight: 700;

}



#planos-section > #first-div > div {

    padding-left: 4em;

    padding-right: 4em;

}

#msg-gratis {

    max-height: 70px;

    border: 1px dashed black;

    border-width: medium;

    border-radius: 10px;

    padding: 10px;

}

/* text */

h1 {

    font-size: 5em;

    line-height: 1em;

    font-weight: 800;

}

h2 {

    font-weight: lighter;

    font-size: 1.55em;

}

.decoration-none {

    text-decoration: none;

}

.line-h-2-5 {

    line-height: 2.5em;

}

.line-h-1-7 {

    line-height: 1.7em;

}

.text-center {

    text-align: center;

}

.text-left {

    text-align: left;

}

.italic {

    font-style: italic;

}

.bold-700 {

    font-weight: 700;

}

.bold-900 {

    font-weight: 900;

}

.black {

    color: #333;

}

.black-d {

    color: #0D0D0D;

}

.white {

    color: #FFF;

}

.yellow {

    color: #FBAF40;

}

.blue-hover:hover {

    color: #004B85;

    text-decoration: underline;

}

.blue {

    color: #004B85;

}

.blue-d {

    color: #04579E;

}

.green {

    color: #00D09E;

}

.font-0-9 {

    font-size: 0.9em;

}
.font-1 {

    font-size: 1.1em;

}

.font-1-4 {

    font-size: 1.4em;

}

.font-1-5 {

    font-size: 1.5em;

}

.font-1-7 {

    font-size: 1.4em;

}

.font-2 {

    font-size: 2em;

}

.font-2-4 {

    font-size: 2.4em;

}

.font-3 {

    font-size: 3em;

}

.font-2 {

    font-size: 2em;

}

.font-24-2 {

    font-size: 24.2px;

}

.font-25 {

    font-size: 25px;

}

.client-block:hover h3 {

    color: #FFF;

}

/* margin */

.mb-0 {

    margin-bottom: 0em !important;

}

.mb-1 {

    margin-bottom: 1em;

}

.mb-2 {

    margin-bottom: 2em;

}

.mt-0 {

    margin-top: 0;

}

.mt-1 {

    margin-top: 1em;

}

.mt-2 {

    margin-top: 2em;

}

.mt-md-1 {

    margin-top: 1em;

}

.mt-55 {

    margin-top: 55px;

}

.ml-md-0-313 {

    margin-left: 0.313em;

}

.ml-md-1-563 {

    margin-left: 1.563em;

}

.m-1 {

    margin: 1em;

}

.ml-md-1-1  {

    margin-left: 1.1em;

}

.ml-md-1-8  {

    margin-left: 1.8em;

}

.mr-1  {

    margin-right: 1em;

}

.mr-md-1-1  {

    margin-right: 1.1em;

}

/* padding */

.p-1 {

    padding: 1em;

}

.p-2 {

    padding: 2em;

}

.p-3 {

    padding: 3em;

}

.pl-md-5 {

    padding-left: 5em;

}

.pl-1-1 {

    padding-left: 1.1em;

}

.pr-1-1 {

    padding-right: 1.1em;

}

.pl-2-5 {

    padding-left: 2.5em;

}

.pr-2-5 {

    padding-right: 2.5em;

}

.pl-5 {

    padding-left: 5em;

}

.pl-xs-2-5 {

    padding-left: 0px;

}

.pr-xs-2-5 {

    padding-right: 0px;

}

.pl-md-4 {

    padding-left: 4em;

}

.pr-md-4 {

    padding-right: 4em;

}

.pl-md-8-5 {

    padding-left: 8.5em;

}

.pr-md-8-5 {

    padding-right: 8.5em;

}

.pt-0 {

    padding-top: 0em;

}

.pt-1 {

    padding-top: 1em;

}

.pb-1 {

    padding-bottom: 1em;

}

.pt-2 {

    padding-top: 2em;

}

.pb-2 {

    padding-bottom: 2em;

}

.pt-md-6 {

    padding-top: 6em;

}

.pt-8 {

    padding-top: 8em;

}

.pt-md-8 {

    padding-top: 8em;

}



.pb-md-16 {

    padding-bottom: 16em;

}

.pl-md-1-563 {

    padding-left: 1.563em;

}

.pl-md-2-5 {

    padding-left: 2.5em;

}

.pr-md-2-5 {

    padding-right: 2.5em;

}

.pr-md-55 {

    padding-right: 55px;

}

.pt-md-2-5 {

    padding-top: 2.5em;

}

.pt-md-10em {

    padding-top: 10em;

}

.pt-3 {

    padding-top: 3em;

}

.pb-3 {

    padding-bottom: 3em;

}

.pb-4 {

    padding-bottom: 4em;

}

.pb-md-3 {

    padding-bottom: 3em;

}

.pt-0 {

    padding-top: 0px;

}

.pl-0 {

    padding-left: 0px !important;

}

.pr-0 {

    padding-right: 0px !important;

}

.pl-35 {

    padding-left: 35px !important;

}

.pr-35 {

    padding-right: 35px !important;

}

.pl-50 {

    padding-left: 50px;

}

#menu li, #contact li, #logo img {

    padding-left: 0.3em;

    padding-right: 0.3em;

}

.banner-item {

    padding-top: 14em;

}

/* border */

.radius-20 {

    border-radius: 20px;

}

.radius-30 {

    border-radius: 30px;

}

.radius-50 {

    border-radius: 50px !important;

}

.bt-1p-white {

    border-top: 1px solid #FFF;

}

/* position */

.flex {

    display: flex;

}

.flex-item-1 {

    flex: 1;

}

.flex-item-2 {

    flex: 2;

}

.flex-item-3 {

    flex: 3;

}

.flex-item-5 {

    flex: 5;

}

.flex-column {

    flex-direction: column;

}

.flex-row {

    flex-direction: row;

}

.relative {

    position: relative;

} 

.top-m-70 {

    top: -70px;

}

.flex-between {

    justify-content: space-between;

}

.flex-stretch{

    align-content: stretch;

}

.flex-md-between {

    justify-content: space-between;

}

.align-items-center {

    align-items: center;

}

.align-items-end {

    align-items: end;

}

.align-items-start {

    align-items: flex-start;

}

.align-items-base {

    align-items: baseline;

}

.justify-between {

    justify-content: space-between;

}

.flex-center {

    justify-content: center;

}

.flex-start {

    justify-content: flex-start;

}

.flex-end {

    justify-content: flex-end;

}

nav div {

    flex: 1;

}

nav ul {

    flex: 3;

}

nav ul ul {

    flex: 2;

}

#banner-left {

    flex: 2;

}

nav {

    flex: 1;

}

/* width */

.width-30 {

    width: 30%;

}

.width-100 {

    width: 100%;

}

.width-100p {

    width: 100px;

}

.width-208p {

    width: 208px;

}

.width-8 {

    width: 8%;

}

.width-82 {

    width: 82%;

}

.width-50px {

    width: 50px;

}

.width-80px {

    width: 80px;

}

.max-50 {

    max-width: 50px;

}

.max-h-50 {

    max-height: 50px;

}

.max-100 {

    max-width: 150px;

}

.max-300 {

    max-width: 381.53px;

}



.max-500 {

    max-width: 500px;

}

.max-900 {

    max-width: 900px;

}

.max-1060 {

    max-width: 1060px;

}

.max-1440 {

    max-width: 1440px;

}



.max-450 {

    max-width: 450px;

}

.max-950 {

    max-width: 950px;

}

/* height */

.h-70vh {

    min-height: 70vw;

}

.h-1em {

    height: 1em;

}

.max-height-250px {

    max-height: 250px;

}

/* opacity */

.hidden {

    opacity: 0;

}

.btn:hover {

    opacity: 0.9;

}

/* display */

#btn-acess-one {

    display: none;

}



#btn-acess-one::placeholder, #btn-acess-two::placeholder {

    color: #939998;

    text-align: center;

}

#btn-acess-two{
    height: 20px;
}



.cursor-pointer {

    cursor: pointer;

}



/* cursor */

a, button, #hamburger {

    cursor: pointer;

}

/* list */

ul {

    list-style: none;

}

.disc {

    list-style: disc;

}

/* components */

.btn {

    border: solid 1px #004B85;

    border-radius: 18px;

    max-width: 150px;

}

#btn-gratis {

    border: none;

    padding: 10px 20px 10px 20px;

    width: 350px;

    max-width: 350px !important;

    box-shadow: 0px 5px 4px #303030c2;

    font-size: 25px;

}

.btn-plus {

    padding-left: 10px !important;

    padding-right: 10px !important;

    font-size: 0.7em !important;

    font-weight: 700;

}

.btn-call {

    background: #FFF;

    border: solid 1px #FBAF40;

    color: #333;

    padding-left: 75px !important;

    padding-right: 75px !important;

    font-size: 1em !important;

}

header {

    display: flex;

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;

    right: 0;

    background-color: #FFF;

    color: #00D09E;

    padding: 80px;

    padding-top: 5px;

    padding-bottom: 5px;

}

section {

    clear: both;

    margin-bottom: 30px;

    display: block;

    opacity: 1;

    transition: opacity 2s ease;

}

#banner {

    background: url('../images/pag1.png') no-repeat;

    background-size: contain;

    min-height: 1100px;

}

#bannerd {

    background: url('../images/pag2.png') no-repeat;

    background-size: cover;

    height: 400px;

    margin-top: -350px;

    background-position-x: 73px;

    background-color: #00BA8A;

}



#duvidas {

    display: flex;

    border: solid;

    border-radius: 30px;

}



#duvidas #div-input {

    background: white;

    border-radius: 15px;

    display: flex;

    align-items: center;

    border-radius: 25px;

}



#duvidas #div-input input::placeholder {

    text-align: center; 

    font-size: 20px;

 }



#duvidas-frequentes {

    width: 100%;

    height: 400px;

    background-color: white;

}

#duvidas-frequentes h2 {

    text-align: center;

}



#duvidas-frequentes #principal {

    display: flex;

    color: black;

}



#duvidas-frequentes #principal #div-img {

    margin-top: -100px;

    margin-left: -10px;

}



#div-img img {

    width: 350px;

    margin-top: -150px;

}



#duvidas-frequentes #principal #lista {

    margin-top: 50px;

}



.size-40 {

    font-size: 40px;

}



#duvidas {

    background-color: #00D09E;

    z-index: 2;

}



#btn-duvidas {

    display: flex;

    border: solid #fff;

    border-radius: 30px;

    width: 380px;

    padding: 20px;

    z-index: 1;

    justify-content: center;

    position: relative;

    top: 25px;

    background: #00D09E;

    color: #fff;

    left: 10px;

}



#duvidas div {

    padding: 10px;

}



#duvidas #div-input input {

    border: 0px;

}



#registros {

    background: url('../images/PAG4.png') no-repeat;

    background-size: cover;

}



#planos-section #first-div {

    margin-top: -10px;

}



#form-tablet {

    background: url('../images/tablet.png') no-repeat;

    background-size: contain;

    background-position: center;

    width: 800px;

    height: 800px;

    display: flex;

    flex-direction: initial;

    padding-top: 20px;

    justify-content: center;

}



#form-tablet form {

    display: flex;

    flex-flow: column;

    padding-left: 45px;

    padding-right: 20px;

}



#form-tablet form h2 {

    font-weight: 800;
    font-size: medium;
    color: #2BB5A2;
}



#form-tablet form input {

    border: solid 1px #004B85;

}



#form-tablet form input, #form-tablet form button {

    width: 240px;
    height: 20px;

    border-radius: 18px;

}



#form-tablet form button {

    background: #00D09E;

    color: #fff;

    border: none;
    height: 30px;

    padding: 8px;

}



#form-tablet form input[type="number"] {

    width: 40px;

}



#form-tablet form label {

    margin-top: 10px;

}



#section-duvidas {

    margin-top: -10px;

}



#banner-right {

    flex: 2;

    background: url('../images/banner-right.svg') no-repeat;

    background-size: contain;

}

#illustration {

    position: relative;

    height: 32vw;

    background: url('../images/notebook.png') no-repeat;

    background-size: contain;

    right: 6.8em;

}

#hamburger {

    display: none;

    background: url('../images/menu.svg') no-repeat center;

    background-color: #00D09E;

    background-size: 75%;

    border: solid 0.3px  #00D09E;

    border-radius: 5px;

    width: 3em;

    height: 3em;

}

header, section {

    /*max-width: 1440px;*/

    margin: auto;

}

#menu-responsive {

    height: 100vh;

    width: 15.625em;

    right: 0;

    z-index: 150;

    display: none;

    position: fixed;

}

.client-block:hover {

    background-image: linear-gradient(to right, #00D09E , #276BF2, #277FF2);

    color: #FFF !important;

    cursor: default;

    -webkit-box-shadow: 0px 0px 47px 2px rgba(58,217,198,0.35);

    -moz-box-shadow: 0px 0px 47px 2px rgba(58,217,198,0.35);

    box-shadow: 0px 0px 47px 2px rgba(58,217,198,0.35);    

}

.caret {

    border-right: .05em solid;

    animation: caret 1s steps(1) infinite;

}

.scroll {

    width: 40px;

    height: 40px;

    padding: 0px !important;

    position: fixed;

    bottom: 10px;

    right: 1em;

    border: none;

}

#demo {

    border: solid 1px #FFF;

    padding: 10px;

    border-radius: 25px;

    max-width: 350px;

    background: transparent;

    color: white;

    font-weight: bold;

    font-size: 0.7em;

    text-decoration: none;

}

@keyframes spin { 

    100% { 

        transform: rotate(360deg); 

    } 

} 

.center { 

    position: absolute; 

    top: 0; 

    bottom: 0; 

    left: 0; 

    right: 0; 

    margin: auto; 

} 

@keyframes caret {

    50% {

      border-color: transparent;

    }

}



@media only screen and (min-width: 2000px) {

    h1 {

        font-size: 5.5em;

    }

    h2 {

        font-size: 2.55em;

    }

    .pl-2-5  {

        padding-left: 0em;

    } 

    .pr-2-5 {

        padding-right: 0em;

    }

}

@media only screen and (min-width: 1025px) and (max-width: 1078px) {

    #illustration {

        right: 5.6em;

    }

}

@media only screen and (max-width: 1024px) {

    h1 {

        font-size: 2.5em;

    }    

    h2 {

        font-size: 1.10em;

    }

    #banner-left, #banner-right {

        flex: 1;

    }

    #logo, #contact {

        flex: 2;

    }

    .item {

        flex-direction: column;

    }

    .flex-column-xs {

        flex-direction: column;

    }

    .mt-xs-3 {

        margin-top: 3em;

    }

    .pl-xs-0 {

        padding-left: 0px;

    } 

    .pr-xs-0 {

        padding-right: 0px;

    }

}



#banner-right {

    padding-top: 8.188em;

}



@media only screen and (max-width: 1300px) {

    #menu, #contact {

        display: none;

    }

    #hamburger {

        display: flex;

    }

    .pl-xs-2-5 {

        padding-left: 2.5em;

    }

    .pr-xs-2-5 {

        padding-right: 2.5em;

    }

    .pl-md-5 {

        padding-left: 0em;

    }

}

@media only screen and (max-width: 905px) {

    .flex-md-between {

        flex-direction: column;

    }

    .font-3 {

        font-size: 1.8em;

    }

    #illustration {

        right: 0em;

    }

    .line-h-2-5 {

        line-height: 1.8em;

    }

    #banner-right {

        display: none;

    }

    .ml-md-1-1 {

        margin-left: 0px;

    }

    .ml-md-1-8 {

        margin-left: 0px;

    }

    .pt-md-0 {

        padding-top: 3em;

    }

    .mb-xs-1 {

        margin-bottom: 1em;

    }

    .pl-5 {

        padding-left: 2.2em;

    }

    .pt-md-10em {

        padding-top: 5em;

    }

    .pr-md-55 {

        padding-right: 1.563em;

    }

    .pt-md-8 {

        padding-top: 4em;

    }

    .pt-8 {

        padding-top: 0em;

    }

    .pl-md-2-5 {

        padding-left: 0em;

    }

    .pr-md-2-5 {

        padding-right: 0em;

    }

    .pr-md-8-5 {

        padding-right: 2.5em;

    }

    .pl-md-8-5 {

        padding-left: 2.5em;

    }

    .pl-md-4 {

        padding-left: 0px;

    }

    .pr-md-4 {

        padding-right: 0px;

    }

    .flex-column-md {

        flex-direction: column;

    }

    .pl-md-5 {

        padding-left: 0em;

    }

    .width-82 {

        width: 100%;

    }

    .h-70vh {

        height: 100vh;

    }

    .banner-item {

        padding-top: 7.188em;

    }

    #hamburger {

        border: none;

    }

    header {

        padding: 35px;

        padding-top: 5px;

        padding-bottom: 5px;

    }

    #logo img {

        padding-left: 0em;

        padding-right: 0em;

    }

    .pb-xs-2 {

        padding-bottom: 2em;

    }

    .pt-xs-0 {

        padding-top: 0em;

    }

    .text-xs-left {

        text-align: left;

    }

}



#menu-responsive {

    background-color: #FFF;

    color: #00D577;

}



header {

    background-color: #FFF;

}



#contact > a > li > input {

    cursor: auto;

}



#succes-msg {

    padding-bottom: 10px;

    padding-left: 10px;

    background: #d4edda;

    color: #155724;

}



#succes-msg-erro {

    padding-bottom: 10px;

    padding-left: 10px;

    background: #f8d7da;

    color: #721c24;

}

#registros {

    margin-top: -4em;

}



#registros img {

    width: 500px;

    height: auto;

}



footer {

    background-color: #00D09E;

    color: #FFF;

    text-align: center;

    padding-top: 25px;

    padding-bottom: 25px;

}



@media only screen and (max-width: 1024px) {

    #registros img {

        width: 600px;

        height: 500px;

    }

}



@media only screen and (max-width: 768px) {

    #registros img {

        width: 485px;

        height: 500px;

    }

}



@media only screen and (max-width: 767px) {

    #registros img {

        display: none;

    }

}



@media only screen and (max-width: 900px) {

    #form-tablet div {

        margin-left: -105px;

    }

    #registros {

        padding-top: 8em;

    }

    #qr-div {

        margin-top: 40px;

        margin-bottom: 40px;

    }

    #logos {

        flex-direction: column;

    }

    #logos > div > img {

        width: 70%;

        margin-bottom: 10px;

    }

}



@media only screen and (max-width: 500px) {

    #form-tablet div {

        margin-left: -35px;

        padding-top: 45px;

    }



    #form-tablet > form > h2{

        padding-left: 10px;

    }



    #form-tablet > form > label, #form-tablet > form > input, #form-tablet > form > button {

        margin-left: 10px;

    }



    #bannerd {

        background: url('../images/pag2.png') no-repeat;

        background-size: cover;

        height: 400px;

        margin-top: -350px;

    }



    #duvidas-frequentes {

        padding-top: 3em !important;

        height: auto !important;

    }

    .flex-column-sm {

        flex-direction: column;

    }

    .mt-sm-0 {

        margin-top: 0px;

    }

    .mb-sm-1 {

        margin-bottom: 1em;

    }

}





@media only screen and (max-width: 360px) {

    #form-tablet div {

        margin-left: -8px !important;

    }

}



@media only screen and (max-width: 390px) {

    #form-tablet div {

        margin-left: -20px;

        padding-top: 45px;

    }

    #msg-gratis {

        max-height: 90px;

    }

}



@media only screen and (min-width: 915px) {

    #qtd-colaboradores-input {

        display: none;

    }

    .pl-md-3 {

        padding-left: 3em;

    }

    #form-tablet form button {

        width: 245px !important;

    }

    nav ul {

        padding-bottom: 10px;

    }

}



@media only screen and (min-width: 9px) {

    .pl-md-3 {

        padding-left: 3em;

    }

}



#form-tablet form {

    display: flex;

    flex-flow: column;

    padding-left: 35px !important;

    padding-right: 30px !important;

}



@media only screen and (min-width: 360px) and (max-width: 600px) { 

    #banner-left > h1 {

        margin-top: 70px;

    }

    #banner-left > h2 {

        margin-top: 15px !important;

    }

    #banner-left > button {

        margin-top: 10px !important;

    }



    #btn-gratis {

        padding: 5px 10px 5px 10px !important;

        max-width: 320px !important;

    }

    #form-tablet > div > p {

        font-size: 0.75em !important;

    }

    #section-duvidas-frequentes {

        padding-bottom: 3em !important;

    }

 }





@media only screen and (max-width: 915px) {

    .max-300 {

        max-width: 100%;

    }



    #banner {

        background: url(../images/pag1-mob.png) no-repeat;

        background-size: contain;

        min-height: 500px;

    }

    #banner-left {

        padding-left: 1em !important;

        padding-right: 0px !important;

    }

    #bannerd {

        margin-top: -65px !important;

        padding-left: 0px !important;

        padding-right: 0px !important;

    }



    #form-tablet {

        background: url(../images/tablet-mob.png) no-repeat;

        background-size: contain;

        background-position: center;

        width: 100%;

        height: 800px;

        display: flex;

        flex-direction: initial;

        padding-top: 20px;

        justify-content: center;

    }



    #form-tablet form input {

        width: 180px !important;

    }

    #form-tablet form button {

        width: 185px !important;

    }

    #form-tablet form {

        padding-left: 20px !important;

        padding-right: 0px !important;

        padding-top: 60px;

    }



    #form-tablet form input {

        margin-top: 10px;

    }



    #form-tablet form label {

        display: none;

    }

    #registros {

        font-size: 1.2em !important;

    }

    #planos-section {

        flex-direction: column;

    }

    #btn-duvidas {

        width: 300px !important;

    }

    #div-img img {

        display: none;

    }

    #lista {

        margin-left: 0px !important;

        margin-right: 0px !important;

        padding-left: 35px;

        padding-right: 35px !important;

    }

    #lista ul {

        font-size: 1em;

    }

}



header {

    box-shadow: 1px 1px 10px #88888869;

}



/* The Modal (background) */

.modal {

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 100px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  }

  

  /* Modal Content */

  .modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

  }

  

  /* The Close Button */

  .close {

    color: #aaaaaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

  }

  

  .close:hover,

  .close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

  }

  

    input[type="checkbox"] {

    position: relative;

    width: 40px;

    height: 20px;

    -webkit-appearance: none;

    background: #c6c6c6;

    outline: none;

    border-radius: 10px;

    box-shadow: inset 0 0 2.5px rgba(255, 0, 0, 0.2);

    transition: 0.7s;

}



input:checked[type="checkbox"] {

  background: #03a9f4;

}



input[type="checkbox"]:before {

  content: '';

  position: absolute;

  width: 20px;

  height: 20px;

  border-radius: 10px;

  top: 0;

  left: 0;

  background: #ffffff;

  transform: scale(1.1);

  box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.2);

  transition: .5s;

}



input:checked[type="checkbox"]:before {

  left: 20px;

}