@-webkit-keyframes pulsegreen {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(80, 130, 32, .7)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(80, 130, 32, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(80, 130, 32, 0)
    }
}

@keyframes pulsegreen {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(80, 130, 32, .7);
        box-shadow: 0 0 0 0 rgba(80, 130, 32, .7)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(80, 130, 32, 0);
        box-shadow: 0 0 0 10px rgba(80, 130, 32, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(80, 130, 32, 0);
        box-shadow: 0 0 0 0 rgba(80, 130, 32, 0)
    }
}

@-webkit-keyframes pulseblue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 114, 255, .7)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 114, 255, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 114, 255, 0)
    }
}

@keyframes pulseblue {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 114, 255, .7);
        box-shadow: 0 0 0 0 rgba(0, 114, 255, .7)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 114, 255, 0);
        box-shadow: 0 0 0 10px rgba(0, 114, 255, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 114, 255, 0);
        box-shadow: 0 0 0 0 rgba(0, 114, 255, 0)
    }
}

#myModal {
    z-index: 99999
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 5.75rem auto !important
    }
}

#cerejas {
    z-index: 996;
    position: absolute;
    width: 100%;
    height: 361px;
    top: 0;
    left: 50%;
    max-width: 1140px;
    margin: 0 auto;
    transform: translate(-50%, 0)
}

#cerejas:after {
    background: url(../images/fruta.png) no-repeat;
    position: absolute;
    top: 1180px;
    right: -6%;
    content: '';
    width: 231px;
    height: 361px
}

#tomates {
    z-index: 996;
    position: absolute;
    width: 100%;
    height: 418px;
    top: 0;
    left: 50%;
    max-width: 1140px;
    margin: 0 auto;
    transform: translate(-50%, 0)
}

#tomates:after {
    background: url(../images/tomates.png) no-repeat;
    position: absolute;
    top: 1953px;
    right: -30%;
    content: '';
    width: 457px;
    height: 418px
}

#pimentao {
    z-index: 996;
    position: absolute;
    width: 100%;
    height: 418px;
    top: 0;
    left: 50%;
    max-width: 1140px;
    margin: 0 auto;
    transform: translate(-50%, 0)
}

#pimentao:after {
    background: url(../images/pimentao.png) no-repeat;
    position: absolute;
    top: 3120px;
    left: -38%;
    content: '';
    width: 513px;
    height: 330px
}

#morangos {
    z-index: 996;
    position: absolute;
    width: 100%;
    height: 418px;
    top: 0;
    left: 50%;
    max-width: 1140px;
    margin: 0 auto;
    transform: translate(-50%, 0)
}

#morangos:after {
    background: url(../images/morangos.png) no-repeat;
    position: absolute;
    top: 4080px;
    right: -30%;
    content: '';
    width: 346px;
    height: 462px
}

a,
button,
input,
select,
textarea {
    outline: 0 !important
}

body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden
}

body #menuaberto {
    background: rgba(74, 192, 13, .95);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    padding-top: 80px;
    display: none
}

body #menuaberto ul {
    list-style: none;
    padding: 0
}

body #menuaberto ul li {
    padding-bottom: 15px
}

body #menuaberto ul li a {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: linear
}

body #menuaberto .fechar {
    position: absolute;
    top: -55px;
    right: 30px;
    cursor: pointer
}

body #menuaberto .fechar svg {
    width: 32px;
    height: auto
}

body #menuaberto .fechar svg path {
    fill: #FFF
}

body header {
    z-index: 998;
    position: relative;
    width: 100%;
    padding-top: 34px;
    height: 170px;
    background: url(../images/bg-topo.jpg) center
}

body header .container {
    padding: 0
}

body header .container .row .col-12 {
    padding: 0
}

body header .logo {
    width: 200px;
    height: auto
}

body header .menumobile {
    display: none;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    color: #494948;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 30px
}

body header .menumobile svg {
    width: auto;
    height: 22px;
    margin-top: -5px
}

body header .menumobile svg path {
    fill: #494948
}

body header ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    float: right;
    padding-top: 34px
}

body header ul li {
    display: inline-block
}

body header ul li a {
    color: #494948;
    font-size: 14.22px;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    width: 90px;
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 15px
}

body header ul li a.active,
body header ul li a:hover {
    font-weight: 700;
    text-decoration: none;
    color: #494948
}

body header ul li a.active:before,
body header ul li a:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/bg-gradiente.svg) repeat;
    background-size: 135%;
    background-position-x: -20px;
    background-position-y: -20px
}

body header ul li.especialista a {
    width: 206px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    display: block;
    border-radius: 10px;
    background: url(../images/bg-gradiente.svg) repeat;
    background-size: cover;
    color: #FFF;
    font-weight: 700;
    font-size: 11.17px;
    margin-left: 15px
}

body header ul li.especialista a.active,
body header ul li.especialista a:hover {
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulsegreen 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body header ul li.especialista a.active:before,
body header ul li.especialista a:hover:before {
    display: none
}

body header ul li.login a {
    width: 92px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    display: block;
    border-radius: 10px;
    background: #0072ff;
    color: #FFF;
    font-weight: 700;
    font-size: 11.17px;
    margin-left: 5px
}

body header ul li.login a.active,
body header ul li.login a:hover {
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body header ul li.login a.active:before,
body header ul li.login a:hover:before {
    display: none
}

body header ul li.usuario a {
    height: 32px;
    width: 32px;
    line-height: 32px;
    padding: 0;
    display: block;
    text-decoration: none;
    margin-left: 0
}

body header ul li.usuario a svg {
    width: auto;
    height: 32px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body header ul li.usuario a svg path {
    fill: #0072ff
}

body header ul li.usuario a.active,
body header ul li.usuario a:hover {
    text-decoration: none
}

body header ul li.usuario a.active:before,
body header ul li.usuario a:hover:before {
    display: none
}

body header ul li.usuario a.active svg,
body header ul li.usuario a:hover svg {
    transform: scale(1.1)
}

body footer {
    padding-top: 50px
}

body footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

body footer ul li {
    color: #626262;
    font-size: 14.22px;
    font-family: Montserrat, sans-serif;
    line-height: 26px
}

body footer ul li strong {
    color: #4ac00d;
    font-weight: 700;
    font-size: 27.42px;
    font-family: Montserrat, sans-serif;
    display: block;
    width: 100%;
    margin-bottom: 25px;
    text-transform: uppercase
}

body footer ul li a {
    color: #626262;
    font-size: 14.22px;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body footer ul li a:hover {
    color: #626262;
    text-decoration: none
}

body footer ul li a svg {
    width: auto;
    height: 32px
}

body footer ul li a svg path {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    fill: #787878
}

body footer ul li a.insta {
    margin-right: 10px
}

body footer ul li:hover {
    font-weight: 700
}

body footer ul li:hover a {
    font-weight: 700
}

body footer ul li:hover a svg path {
    fill: #4ac00d
}

body footer ul.redes {
    width: 135px;
    text-align: center
}

body footer ul.redes li {
    display: inline-block
}

body footer ul.bordaverde {
    border-right: 1px solid #4ac00d;
    width: calc(100% - 15px)
}

body footer .logonutri {
    position: relative;
    margin-top: 30px
}

body footer .logonutri svg {
    background: #FFF;
    width: calc(190px + 120px);
    height: auto;
    padding-left: 60px;
    padding-right: 60px
}

body footer .logonutri:before {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #4ac00d
}

body footer .direitos {
    margin-top: 30px;
    background: #f1f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #626262;
    font-size: 12px;
    font-family: Montserrat, sans-serif
}

body footer .direitos span {
    font-size: 10px
}

body footer .direitos img {
    width: auto;
    height: 20px
}

body #banner ul {
    width: 100%;
    height: 900px;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 auto
}

body #banner ul li {
    width: 100%;
    height: 900px;
    position: relative;
    overflow: hidden
}

body #banner ul li img {
    width: auto;
    height: 900px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

body #banner .owl-dots {
    margin-top: -300px;
    z-index: 999;
    position: relative
}

body #banner .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    border: 1px solid #FFF;
    background: 0 0;
    margin: 3px
}

body #banner .owl-dots .owl-dot.active span {
    background: #FFF
}

body #banner form {
    position: relative;
    width: 100%;
    max-width: 530px;
    top: 400px;
    left: 25px
}

body #banner form input {
    width: 100%;
    max-width: 530px;
    background: #FFF;
    border-radius: 10px;
    border: none;
    padding-left: 30px;
    padding-right: 205px;
    height: 53px;
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

body #banner form input::placeholder {
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

body #banner form input:-ms-input-placeholder {
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

body #banner form input::-ms-input-placeholder {
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

body #banner form input.enviar {
    width: 188px;
    height: 40px;
    background: #0072ff;
    border-radius: 10px;
    border: none;
    position: absolute;
    top: 6.5px;
    right: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0
}

body #banner form input.enviar:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #banner .btn-consultor {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 380px;
    left: 55px;
    width: 100%;
    max-width: 210px;
    height: 40px;
    background: #0072ff;
    border-radius: 10px;
    border: none;
    position: absolute;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0
}

body #banner .btn-consultor:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #banner form span {
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    display: block;
    width: 100%;
    letter-spacing: 2px
}

body #sobre {
    margin-top: -180px
}

body #sobre .conteudo {
    position: relative
}

body #sobre .conteudo h1 {
    padding-top: 30px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 42.03px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #494948;
    margin-bottom: 78px
}

body #sobre .conteudo h1 strong {
    color: #4ac00d
}

body #sobre .conteudo h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 120px;
    height: 6px;
    background: #494948
}

body #sobre .conteudo p {
    color: #494948;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    padding-left: 85px;
    padding-right: 85px;
    line-height: 24px;
    margin-bottom: 90px
}

body #sistema {
    background: url(../images/bg-sistema.png) center;
    width: 100%;
    height: 805px;
    padding-top: 85px;
    z-index: 2;
    position: relative
}

body #sistema .conteudo h1 {
    padding-top: 25px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 42.03px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #fff;
    margin-bottom: 90px
}

body #sistema .conteudo h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 120px;
    height: 6px;
    background: #fff
}

body #sistema .conteudo p {
    width: 100%;
    max-width: 500px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    color: #494948
}

body #sistema .conteudo p strong {
    max-width: 430px;
    font-size: 40px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #fff;
    line-height: 40px;
    display: block;
    width: 100%;
    margin-bottom: 35px
}

body #sistema .conteudo img {
    margin-top: -154px;
    margin-left: -15px;
    width: 682px
}

body #sistema .conteudo.fancy .hover {
    width: 480px;
    height: 305px;
    position: absolute;
    z-index: 998;
    background: 0 0;
    top: 0;
    left: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body #sistema .conteudo.fancy .hover svg {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 48px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

body #sistema .conteudo.fancy .hover:hover {
    background: rgba(0, 0, 0, .7)
}

body #sistema .conteudo.fancy .hover:hover svg {
    opacity: 1;
    width: 62px
}

body #itemsistema {
    padding-top: 120px;
    padding-bottom: 60px
}

body #itemsistema .conteudo h1 {
    text-align: left;
    font-size: 42.03px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #494948;
    margin-bottom: 35px;
    width: 100%;
    max-width: 530px
}

body #itemsistema .conteudo h1 strong {
    color: #4ac00d
}

body #itemsistema .conteudo p {
    color: #494948;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    width: 100%;
    max-width: 530px;
    margin-bottom: 35px
}

body #itemsistema .conteudo a.relatorios {
    width: 292px;
    height: 47px;
    line-height: 47px;
    padding: 0;
    display: block;
    border-radius: 10px;
    background: url(../images/bg-gradiente.svg) repeat;
    background-size: 115%;
    background-position-x: -20px;
    color: #FFF;
    font-weight: 700;
    font-size: 15.5px;
    text-align: center;
    font-family: Montserrat, sans-serif
}

body #itemsistema .conteudo a.relatorios.active,
body #itemsistema .conteudo a.relatorios:hover {
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulsegreen 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #itemsistema.cardapios {
    background: #f3f3f3;
    margin-top: -65px;
    position: relative;
    padding-bottom: 80px
}

body #itemsistema.cardapios .conteudo h1 {
    max-width: 360px
}

body #itemsistema.cardapios .conteudo p {
    max-width: 470px
}

body #itemsistema.cardapios .conteudo img {
    margin-top: -160px;
    z-index: 999;
    position: absolute
}

body #itemsistema.fichas {
    padding-bottom: 0
}

body #itemsistema.fichas .conteudo h1 {
    max-width: 400px
}

body #itemsistema.fichas .conteudo img {
    margin-top: -100px
}

body #itemsistema.preapracoes {
    background: #f3f3f3;
    padding-top: 60px;
    margin-top: -25px
}

body #itemsistema.preapracoes .conteudo h1 {
    padding-top: 25px
}

body #itemsistema.preapracoes .conteudo .hover {
    width: 340px;
    height: 211px;
    position: absolute;
    z-index: 998;
    background: 0 0;
    top: 19px;
    left: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body #itemsistema.preapracoes .conteudo .hover svg {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 48px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

body #itemsistema.preapracoes .conteudo .hover:hover {
    background: rgba(0, 0, 0, .7)
}

body #itemsistema.preapracoes .conteudo .hover:hover svg {
    opacity: 1;
    width: 62px
}

body #itemsistema.avaliacao .conteudo h1 {
    font-size: 38px
}

body #itemsistema.avaliacao .conteudo img {
    margin-top: -60px
}

body #itemsistema.conduta {
    background: #f3f3f3;
    padding-bottom: 0;
    padding-top: 90px
}

body #itemsistema.conduta .conteudo a {
    margin-bottom: 60px
}

body #itemsistema.conduta .conteudo img {
    margin-top: -170px
}

body #suporte {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #494948;
    font-size: 15px;
    font-family: Montserrat, sans-serif
}

body #suporte h1 {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 42.03px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #494948;
    margin-bottom: 30px
}

body #suporte h1 strong {
    color: #4ac00d
}

body #suporte p {
    color: #494948;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    line-height: 24px;
    margin-bottom: 90px;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 30px
}

body #suporte .itens-suporte {
    text-align: center
}

body #suporte .itens-suporte .item-suporte {
    display: inline-flex;
    margin: 0 auto;
    height: 52px;
    width: max-content;
    margin-right: 30px;
    text-align: left
}

body #suporte .itens-suporte .item-suporte i {
    float: left;
    width: 52px;
    height: 52px;
    text-alig: center;
    background: url(../images/bg-item-suporte.svg) center;
    margin-right: 8px;
    background-size: contain;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body #suporte .itens-suporte .item-suporte i svg {
    width: 25px;
    height: auto;
    margin-top: 13px;
    margin-left: 13px
}

body #suporte .itens-suporte .item-suporte i svg path {
    fill: #FFF
}

body #suporte .itens-suporte .item-suporte span {
    color: #494948;
    font-size: 14.85px;
    font-family: Montserrat, sans-serif
}

body #suporte .itens-suporte .item-suporte.telefone span {
    padding-top: 16px
}

body #suporte .itens-suporte .item-suporte.whats span {
    padding-top: 5px
}

body #suporte .itens-suporte .item-suporte.endereco {
    margin-right: 0
}

body #suporte .itens-suporte .item-suporte.endereco i {
    background: 0 0
}

body #suporte .itens-suporte .item-suporte.endereco i svg {
    width: 52px;
    height: 52px;
    margin: 0
}

body #suporte .itens-suporte .item-suporte.endereco span {
    padding-top: 5px
}

body #suporte .itens-suporte .item-suporte:hover i {
    transform: scale(1.1)
}

body #suporte .itens-suporte:after {
    z-index: 9998;
    content: '';
    position: absolute;
    right: -345px;
    top: -320px;
    width: 417px;
    height: 373px;
    background: url(../images/pimentao-vermelho.png)
}

body #planos {
    padding-top: 60px;
    padding-bottom: 30px;
    background: url(../images/bg-planos.jpg)
}

body #planos h1 {
    font-size: 55.48px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #fff;
    width: 100%;
    text-align: center
}

body #planos p {
    font-size: 25px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 300
}

body #planos p strong {
    font-weight: 700
}

body #planos .plano {
    width: 100%;
    max-width: 310px;
    margin-right: 50px;
    background: #FFF;
    display: inline-block;
    text-align: left;
    border-radius: 20px;
    position: relative;
    margin-bottom: 60px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

body #planos .plano.ultimo {
    margin-right: 0
}

body #planos .plano .titulo {
    width: 100%;
    height: 113px;
    line-height: 113px;
    text-align: center;
    color: #494948;
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 50px -15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 50px -15px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 50px -15px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

body #planos .plano .desconto {
    position: absolute;
    -webkit-border-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomright: 0;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #0072ff;
    color: #fff;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    top: 0;
    right: 0
}

body #planos .plano .info {
    padding: 25px;
    color: #494948;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-weight: 300
}

body #planos .plano .info strong {
    color: #4ac00d;
    display: block;
    margin-top: 35px;
    width: 100%;
    font-size: 50px;
    font-weight: 700;
    line-height: 40px
}

body #planos .plano .info strong span {
    font-size: 30px;
    font-weight: 400
}

body #planos .plano .info p {
    color: #0072ff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 25px;
    height: 18px
}

body #planos .plano .info ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px
}

body #planos .plano .info ul li {
    text-align: left;
    padding-left: 18px;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    color: #494948;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 300
}

body #planos .plano .info ul li img {
    float: right;
    width: 25px;
    height: auto;
    margin-top: -6px
}

body #planos .plano .info ul li:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #4ac00d
}

body #planos .plano .info a {
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-weight: 700;
    width: 266px;
    height: 46px;
    line-height: 46px;
    background: #0072ff;
    border-radius: 20px;
    text-transform: uppercase;
    text-decoration: none
}

body #planos .plano .info a:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #planos .plano:hover {
    transform: scale(1.1)
}

body #contato {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #4ac00d
}

body #contato strong {
    font-size: 33px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #fff;
    line-height: 32px;
    padding-top: 65px;
    display: block
}

body #contato img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

body #contato form {
    width: 100%;
    max-width: 326px;
    margin: 0 auto;
    margin-top: 10px;
    margin-left: 25px
}

body #contato form input {
    width: calc(50% - 10px);
    margin-right: 10px;
    height: 45px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    color: #9e9e9e;
    background: #FFF;
    border-radius: 10px;
    border: none;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

body #contato form input.email {
    margin-right: 0
}

body #contato form input.enviar {
    width: 100%;
    background: #0072ff;
    font-size: 20px;
    color: #FFF;
    font-weight: 700;
    border-bottom: 4px solid #0065e3;
    margin-bottom: 0;
    margin-right: 0
}

body #contato form input.enviar:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #contato form textarea {
    width: 100%;
    height: 65px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    color: #9e9e9e;
    background: #FFF;
    border-radius: 10px;
    border: none;
    padding: 10px;
    margin-bottom: 5px
}

body #newsletter {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #4ac00d;
    border-top: 1px solid #4f8120
}

body #newsletter strong {
    font-size: 20px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    color: #fff;
    line-height: 54px;
    display: block
}

body #newsletter form {
    position: relative;
    width: 100%
}

body #newsletter form input {
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    border: none;
    padding-left: 15px;
    padding-right: 205px;
    height: 53px;
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

body #newsletter form input.enviar {
    width: 188px;
    height: 40px;
    background: #0072ff;
    border-radius: 10px;
    border: none;
    position: absolute;
    top: 6.5px;
    right: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0
}

body #newsletter form input.enviar:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    animation: pulseblue 4s infinite;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4)
}

body #newsletter form span {
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    display: block;
    width: 100%
}

body #cadastro {
    position: relative;
    z-index: 999;
    padding-top: 50px;
    padding-bottom: 100px
}

body #cadastro h1 {
    color: #659f2a;
    font-size: 29.73px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

body #cadastro h1 span {
    font-weight: 400;
    color: #494948
}

body #cadastro p {
    color: #494948;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    width: 100%;
    max-width: 440px
}

body #cadastro label {
    display: inline-block
}

body #cadastro label strong {
    color: #494948;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

body #cadastro label input {
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    width: 100%;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    color: #494948;
    font-size: 16px;
    font-family: Montserrat, sans-serif
}

body #cadastro label input.email {
    max-width: 425px
}

body #cadastro label input.cadastrar {
    max-width: 425px;
    height: 60px;
    line-height: 60px;
    background: #0072ff;
    border: none;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    font-family: Montserrat, sans-serif
}

body #cadastro label select {
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    width: 100%;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    color: #494948;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    background: #fff
}

body #cadastro label.duas-colunas {
    width: calc(50% - 50px);
    padding-right: 15px
}

body #cadastro label.uma-coluna {
    width: 100%;
    padding-right: 15px
}

body #cadastro label.desktop {
    display: block
}

body #cadastro label.mobile {
    display: none
}

body #cadastro a.voltar {
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #6aa62c;
    border-radius: 10px;
    font-weight: 700;
    font-size: 10px;
    font-family: Montserrat, sans-serif;
    float: right;
    display: block;
    color: #494948;
    text-decoration: none;
    margin-bottom: 25px
}

body #cadastro .opcao {
    width: 470px;
    max-width: 100%;
    height: 135px;
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
    padding-top: 32px;
    padding-left: 37px;
    position: relative;
    cursor: pointer
}

body #cadastro .opcao.ultimo {
    margin-bottom: 0
}

body #cadastro .opcao.active,
body #cadastro .opcao:hover {
    border: 1px solid #0072ff;
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 114, 255, .4);
    -moz-box-shadow: 0 0 13px 0 rgba(0, 114, 255, .4);
    box-shadow: 0 0 13px 0 rgba(0, 114, 255, .4)
}

body #cadastro .opcao strong {
    font-weight: 700;
    font-size: 23px;
    font-family: Montserrat, sans-serif;
    color: #494948;
    display: block
}

body #cadastro .opcao p {
    font-weight: 300;
    font-size: 11px;
    font-family: Montserrat, sans-serif;
    color: #494948
}

body #cadastro .opcao .valor {
    width: max-content;
    position: absolute;
    top: 50%;
    right: 32px;
    text-align: center;
    color: #4ac00d;
    font-weight: 700;
    font-size: 28px;
    font-family: Montserrat, sans-serif;
    transform: translate(0, -50%);
    text-transform: uppercase
}

body #cadastro .opcao .valor span {
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle
}

body #cadastro .opcao .valor p {
    font-size: 8px;
    margin: 0;
    font-weight: 400
}

body #cadastro .opcao .valor .marcador {
    width: 100%;
    text-align: center;
    height: 18px;
    position: relative;
    margin-bottom: 10px
}

body #cadastro .opcao .valor .marcador img {
    width: 25px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body #cadastro .opcao .valor .marcador span {
    width: 18px;
    height: 18px;
    border: 1px solid #bebebe;
    border-radius: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:1200px) {
    .container {
        max-width: calc(100% - 30px) !important
    }

    body header ul {
        margin-left: -50px
    }
}

@media (max-width:1150px) {
    body header ul li.login {
        display: none
    }
}

@media (max-width:992px) {
    body header {
        height: auto;
        padding-bottom: 35px
    }

    body header .container {
        padding-left: 15px;
        padding-right: 15px
    }

    body header .container .row .col-12 {
        padding-left: 15px;
        padding-right: 15px
    }

    body header .logo {
        width: 180px
    }

    body header ul {
        display: none
    }

    body header .menumobile {
        display: block
    }

    body footer ul {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    body footer .logonutri:before {
        top: 40px
    }

    body footer .logonutri img {
        width: calc(140px + 120px)
    }

    body footer .direitos {
        text-align: center !important
    }

    body footer .direitos .text-right {
        text-align: center !important;
        margin-top: 10px
    }

    body footer .bordaverde {
        border-right: none
    }

    body #banner ul {
        height: 650px
    }

    body #banner ul li {
        height: 650px
    }

    body #banner form {
        left: 0
    }

    body #banner .owl-dots {
        margin-top: -60px
    }

    body #sobre {
        margin-top: 80px
    }

    body #sobre .conteudo p {
        padding-left: 15px;
        padding-right: 15px
    }

    body #sistema {
        background-position: bottom;
        height: auto;
        padding-bottom: 80px;
        background-color: #4cc111
    }

    body #sistema .conteudo h1 {
        margin-bottom: 30px
    }

    body #sistema .conteudo p {
        width: 100%;
        padding-top: 0;
        text-align: center
    }

    body #itemsistema {
        margin-top: 0 !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        text-align: center !important
    }

    body #itemsistema h1 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 32.03px !important;
        text-align: center !important
    }

    body #itemsistema a {
        margin: 0 auto
    }

    body #itemsistema.avaliacao .conteudo img,
    body #itemsistema.cardapios .conteudo img,
    body #itemsistema.conduta .conteudo img,
    body #itemsistema.fichas .conteudo img,
    body #itemsistema.preapracoes .conteudo img,
    body #itemsistema.romaneio .conteudo img {
        display: none
    }

    body #suporte {
        padding-bottom: 30px
    }

    body #suporte h1 strong {
        font-size: 32.03px !important
    }

    body #suporte .telefone {
        width: 205px;
        margin: auto;
        flex: inherit;
        margin-bottom: 15px
    }

    body #suporte .whats {
        width: 265px;
        margin: auto;
        flex: inherit;
        margin-bottom: 15px
    }

    body #suporte .endereco {
        width: 322px;
        margin: auto;
        flex: inherit;
        padding-left: 0;
        padding-right: 0
    }

    body #contato strong {
        margin-bottom: 20px;
        text-align: center;
        padding-top: 0
    }

    body #contato img {
        display: none
    }

    body #contato form {
        margin: 0 auto !important
    }

    body #newsletter strong {
        line-height: 24px;
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px
    }

    body #newsletter form input {
        padding-right: 110px
    }

    body #newsletter form input.enviar {
        width: 100px
    }

    #cerejas,
    #morangos,
    #pimentao,
    #tomates,
    body #suporte .itens-suporte:after {
        display: none
    }

    body #sistema .conteudo img {
        display: none
    }

    body #cadastro label.duas-colunas {
        width: 100%;
        padding-right: 0
    }

    body #cadastro label.uma-coluna {
        padding-right: 0
    }

    body #cadastro label input {
        max-width: 425px
    }

    body #cadastro a.voltar {
        display: none
    }

    body #cadastro .opcao {
        text-align: center;
        height: auto;
        padding-right: 37px
    }

    body #cadastro .opcao .valor {
        position: relative;
        margin-top: 50px;
        width: 100%;
        padding-left: 37px;
        top: inherit;
        right: inherit;
        padding-right: 37px
    }

    body #cadastro label.desktop {
        display: none
    }

    body #cadastro label.mobile {
        display: block
    }

    body #cadastro .opcao.ultimo {
        margin-bottom: 20px
    }

    body #sistema .conteudo.fancy .hover {
        display: none
    }

    body #itemsistema.preapracoes .conteudo .hover {
        display: none
    }

    body footer ul.bordaverde {
        border-right: 0
    }

    body footer ul.redes {
        margin: 0 auto;
        padding-right: 10px
    }

    body #cadastro label select {
        max-width: 425px
    }

    body #suporte .itens-suporte .item-suporte {
        margin-bottom: 10px !important
    }
}