@font-face {
    font-family: varela;
    src: url("../fonts/VarelaRound-Regular.ttf");
}

@font-face {
    font-family: jellee;
    src: url("../fonts/Jellee-Roman.ttf") format("truetype");
}


textarea:focus,
input:focus,
select:focus {
    box-shadow: 0 0 0 0 !important;
    border: 0 transp !important;
    outline: 0 !important;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

body {
    transition: background-color 0.5s;
}

.load {
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    background-color: white;
}

.load2 {
    position: fixed;
    top: 50%;
    width: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin 3s linear infinite;
}

@keyframes spin {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(2, 2);
    }

    100% {
        transform: scale(0, 0);
    }
}

[data-anima] {
    opacity: 0;
    transition: 0.5s;
}

[data-anima="esquerda"] {
    transform: translate3d(0, 50px, 0);
}

[data-anima="direita"] {
    transform: translate3d(0, 50px, 0);
}

[data-anima="centro"] {
    transform: translate3d(0, 50px, 0);
}

[data-anima].animacao {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

a:hover {
    text-decoration: none;
}

.displaynonecarousel {
    display: none !important;
}

.hovercard {
    transition: all 0.2s;
    cursor: pointer;
}

    .hovercard:hover {
        transform: translate(0px, -8px);
    }

body {
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.font-jellee {
    font-family: 'jellee', 'Jellee',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

.font-varela {
    font-family: varela, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

.navbar-product {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.navbar-product2 {
    display: none;
}

@media (max-width: 991.98px) {
    .onlypc {
        display: none !important;
    }
}

@media (min-width: 991.99px) {
    .onlymobile {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .onlypc2 {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .onlymobile2 {
        display: none !important;
    }
}

/*Start Carousel do Topo do Site*/
.background-carousel-topo {
    background-color: #b868c7;
    width: 100%;
    height: auto;
}

.alinha-centro {
    height: 50px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.alinha-centro-icons {
    height: 50px;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
}

.container-carousel {
    width: 480px;
}

.alinha-centro-icon {
    display: inline-block;
    position: relative;
    top: 4px;
    right: 10px;
    padding-left: 15px;
}

.alinha-centro-icon-ssl {
    display: inline-block;
    position: relative;
    top: 0px;
    right: 10px;
}

.itemcarousel {
    color: #ffff;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.font-20-icon {
    font-size: 20px;
}
/*End Carousel do Topo do Site */
.menu-mobile {
    padding: 15px 0px 15px 0px;
    color: rgb(78, 78, 78);
    border-bottom: 1px solid rgb(196, 196, 196);
    font-size: 16px;
}

.padding-menu {
    padding-left: 30px;
}

.color-idade {
    color: #8b26a5 !important;
}

.color-link {
    color: rgb(128, 128, 128);
}

    .color-link:hover {
        color: #8b26a5 !important;
    }

.link-idade:hover {
    color: #8b26a5 !important;
}

.minhaconta-botao {
    color: rgb(128, 128, 128);
}

    .minhaconta-botao:hover {
        color: #8b26a5 !important;
    }

.acessar-conta {
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 30px;
    border: 1px solid gray;
}

.size-varela {
    font-size: 17px;
}

.h1-section-livros {
    font-size: 30px;
}

img.pc-img {
    width: 147px;
}

.logo-menor {
    padding: 0.6rem 1rem;
    transition: all 0.2s ease;
}

.logo-menor2 {
    width: 140px !important;
    transition: all 0.2s ease;
}

.logo-menor3 {
    margin-top: 9px !important;
    transition: all 0.2s ease;
}

@media (max-width: 1200px) {
    .padding-menu {
        padding-left: 0px;
    }

    img.pc-img {
        width: 140px;
    }
}

nav.small {
    background-color: #ae83c2 !important;
    font-size: 16px !important;
}

.stroke-svg {
    stroke: gray;
}

img.teste {
    width: 60px;
}

@media (min-width: 991.98px) {
    .pd-onlypc {
        padding-left: 0 !important;
    }
}
    @media (max-width: 991.98px) {
        .botao-mobile{
            display:block !important;
            padding:15px 0px !important;
            
        }
        .conheca-mobile-2 {
            display: block !important;
            padding: 15px 0px !important;
            margin: 0px 15px !important;
        }
        .size-varela {
            font-size: 16px;
            font-family: 'Jellee', 'jellee', 'Jellee-Roman', varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
            color: rgba(61, 61, 61, 0.6) !important;
        }

        .padding-menu {
            padding-left: 0px;
        }

        img.pc-img {
            width: 130px;
            margin-left: 8px;
        }

        img.teste {
            width: 45px;
        }

        .nav-mobile-style {
            display: unset;
            border-bottom: 1px solid rgba(222,225,230,.52);
            padding-top: 10px;
            padding-bottom: 10px;
            margin-right: 10px;
        }

        .nav-mobile-style2 {
            display: unset;
            border-bottom: 1px solid rgba(222,225,230,.52);
            padding-top: 27px;
            padding-bottom: 10px;
            margin-right: 10px;
        }

        .nav-mobile-style-acessar {
            display: unset;
            padding-top: 20px !important;
            padding-left: 0 !important;
            padding-bottom: 10px !important;
            margin-right: 10px !important;
            display: inline-block;
        }

        .adicionar-menu {
            display: none !important;
        }

    }

    ul.dropdown-books li {
        list-style: none;
    }

    @media (max-width: 1199px) {
        .size-varela {
            font-size: 15px;
        }
    }
    /* --------------
	START Product page - CAROUSEL
------------------*/

    .product-section {
        padding-top: 40px;
        padding-bottom: 0px !important;
    }

    @media (min-width: 1400px) {
        .product-section {
            padding-bottom: 50px !important;
        }
    }

    .back-link {
        padding-bottom: 50px;
    }

        .back-link a {
            font-size: 12px;
            color: #414141;
        }

    .product-pic-zoom {
        margin-bottom: 20px;
    }

    .product-thumbs-track {
        width: auto;
    }

    .product-thumbs .pt {
        width: 120px;
        height: 80px;
        float: left;
        margin-right: 30px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

    @media (max-width: 1199px) {
        .product-thumbs .pt {
            width: 100px;
            height: 70px;
            float: left;
            margin-right: 16.6px;
            overflow: hidden;
            cursor: pointer;
            position: relative;
        }

            .product-thumbs .pt img {
                width: 100px;
                height: 70px;
            }
    }

    @media (min-width: 1400px) {
        .product-thumbs .pt {
            width: 140px;
            height: 100px;
            margin-right: 28px;
        }

            .product-thumbs .pt img {
                width: 140px;
                height: 100px;
            }
    }

    .product-thumbs .pt:last-child {
        margin-right: 0;
    }

    .product-thumbs .pt.active:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 2px solid #88a61c;
        z-index: 1;
    }

    .product-details .p-title {
        font-size: 18px;
        font-weight: 700;
        color: #414141;
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .product-details .p-price {
        font-size: 24px;
        color: #414141;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .product-details .p-stock {
        font-size: 12px;
        color: #000;
        font-weight: 700;
        color: #414141;
        margin-bottom: 10px;
    }

        .product-details .p-stock span {
            color: #88a61c;
        }

    .product-details .p-rating {
        margin-bottom: 15px;
    }

        .product-details .p-rating i {
            color: #88a61c;
        }

            .product-details .p-rating i.fa-fade {
                color: #e6e6e6;
            }

    .product-details .p-review {
        margin-bottom: 30px;
    }

        .product-details .p-review a {
            color: #414141;
            font-size: 14px;
            margin-right: 12px;
            margin-left: 12px;
        }

            .product-details .p-review a:first-child {
                margin-left: 0;
            }

    .product-details .fw-size-choose {
        border-bottom: none;
        margin-bottom: 30px;
        padding-bottom: 0;
    }

        .product-details .fw-size-choose p {
            float: left;
            margin-right: 38px;
            text-transform: uppercase;
            font-weight: 700;
            color: #414141;
            padding-top: 10px;
            margin-bottom: 0;
        }

        .product-details .fw-size-choose label {
            width: 33px;
            height: 33px;
            font-size: 12px;
            border: 2px solid #414141;
        }

        .product-details .fw-size-choose input[type="radio"]:checked + label {
            border: 2px solid #88a61c;
        }

        .product-details .fw-size-choose .disable label {
            border: 2px solid #e1e1e1;
            color: #cacaca;
        }

    .product-details .site-btn {
        min-width: 190px;
    }

    .product-details .social-sharing {
        padding-top: 50px;
    }

        .product-details .social-sharing a {
            color: #d7d7d7;
            margin-right: 23px;
            font-size: 14px;
        }

            .product-details .social-sharing a:hover {
                color: #414141;
            }

    .product-big-img {
        width: 100%;
        height: auto;
    }

    .quantity {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
    }

        .quantity p {
            float: left;
            margin-right: 15px;
            text-transform: uppercase;
            font-weight: 700;
            color: #414141;
            padding-top: 10px;
            margin-bottom: 0;
        }

        .quantity .pro-qty {
            width: 94px;
            height: 36px;
            border: 1px solid #ddd;
            padding: 0 15px;
            border-radius: 40px;
            float: left;
        }

            .quantity .pro-qty .qtybtn {
                width: 15px;
                display: block;
                float: left;
                line-height: 36px;
                cursor: pointer;
                text-align: center;
                font-size: 18px;
                color: #404040;
            }

            .quantity .pro-qty input {
                width: 28px;
                float: left;
                border: none;
                height: 36px;
                line-height: 40px;
                padding: 0;
                font-size: 14px;
                text-align: center;
                background-color: transparent;
            }

    .related-product-section {
        padding-bottom: 70px;
    }

        .related-product-section .section-title h2 {
            font-size: 24px;
            margin-bottom: 60px;
        }

    /*End Carousel


/*Start Product Area - RIGHT SIDE*/
    @media (min-width: 993px) {
        .bg-brincar-autora {
            padding-top: 80px;
            margin-bottom: 40px;
        }
    }

    .baixadinhasutil {
        padding-top: 15px;
    }

    @media (max-width: 767.98px) {
        .baixadinhasutil {
            padding-top: 20px;
        }
    }

.titulo-livro-product {
    font-size: 26px;
    color: gray;
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

.preco-livro {
    font-size: 18px;
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #929090;
}
.preco-livro-personalizado {
    font-size: 18px;
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #929090;
}

    .quantidade-livro {
        color: rgb(141, 140, 140);
        padding: 0;
        margin-bottom: 5px;
        font-size: 14px;
        padding-top: 10px;
    }

    .campoquantidade-livro {
        list-style: none;
        color: #b868c7;
        padding-left: 0px !important;
        display: inline-block;
        padding-bottom: 10px;
    }

    .quantidade-livro-li1 {
        display: inline-block;
        padding-right: 5px;
        cursor: pointer;
    }

    .quantidade-livro-li2 {
        display: inline-block;
        padding-left: 5px;
        cursor: pointer;
    }

.inputquantidade-livro {
    display: inline-block !important;
    padding: 4px 0 4px;
    width: 52px;
    margin-bottom: 2px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid rgb(143, 143, 143);
    color: rgb(133, 133, 133) !important;
    background-color: transparent;
    pointer-events:none;
}

.btn-quantidade {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    color: #b868c7;
}

    .btn-add-carrinho {
        background-color: #7eab2a;
        color: white;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #7eab2a;
        padding: 10px 25px 10px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

        .btn-add-carrinho:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #7eab2a;
            text-decoration: none;
            border: 2px solid #7eab2a;
        }

    .btn-add-carrinho-personalizado {
        background-color: #25a8a5;
        color: white;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #25a8a5;
        padding: 10px 25px 10px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

        .btn-add-carrinho-personalizado:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #25a8a5;
            text-decoration: none;
            border: 2px solid #25a8a5;
        }

.sobre-o-livro {
    font-size: 18px;
    color: rgb(121, 121, 138);
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

    @media (max-width: 991.98px) {
        .sobre-o-livro {
            padding-top: 12px;
            font-size: 16px;
        }

        .text-product {
            font-size: 16px;
        }
    }

    .testedisplay {
        display: none;
    }

    @media (min-width: 991.98px) {
        .testando2 {
            display: block !important;
        }
    }

    .down-icons {
        padding-bottom: 0px;
    }

    .down-icons2 {
        padding-bottom: 60px;
    }

    .icon-product {
        font-size: 20px;
        display: inline;
        color: #8b26a5;
    }

.text-product {
    color: rgb(121, 121, 138);
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    padding-right: 70px;
}

    .first-text-product {
        position: relative;
        bottom: 30px;
        left: 30px;
    }

    .top-second {
        position: relative;
        bottom: 20px;
    }

    .second-icon {
        margin-left: 3px;
    }

    .second-text-product {
        position: relative;
        bottom: 30px;
        left: 30px;
    }

    .top-third {
        position: relative;
        bottom: 40px;
    }

    .top-fourth {
        position: relative;
        bottom: 55px;
    }

    .third-text-product {
        position: relative;
        bottom: 30px;
        left: 30px;
    }

    @media (max-width: 991.98px) {
        .width-icon {
            width: 600px;
        }

        .mobile-img-pedidos {
            text-align: center;
        }

            .mobile-img-pedidos img {
                margin-bottom: 10px;
            }

        .mobile-text-pedidos {
            text-align: center;
            display: unset !important;
        }

        .titulo-detalhes-pedido {
            padding-top: 5px;
        }
    }

    @media (max-width: 767.98px) {
        .width-icon {
            width: 500px;
        }
    }

    @media (max-width: 500.98px) {
        .width-icon {
            width: 400px;
        }
    }

    @media (max-width: 400.98px) {
        .width-icon {
            width: 350px;
        }
    }

    @media (max-width: 360.98px) {
        .width-icon {
            width: 280px;
        }
    }

    /*ENd Product Area - RIGHT SIDE*/
    .titulo-testimonial {
        font-size: 30px;
        padding-top: 18px;
    }
    /* bg direita normal */
    .bg-direita-normal {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .titulo-direita {
        font-size: 26px;
        padding-bottom: 10px;
    }

    .descricao-direita {
        font-size: 19px;
    }

    .descricao-direita-grande {
        font-size: 26px;
    }

    @media (max-width: 991.98px) {
        .bg-direita-normal {
            height: auto;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .titulo-direita {
            font-size: 23px;
        }

        .titulo-testimonial {
            font-size: 23px;
            padding-top: 0px;
            padding-bottom: 10px;
        }

        .descricao-direita {
            font-size: 18px;
        }

        .descricao-direita-grande {
            font-size: 25px;
        }
    }

    /* coladas */
    .bg-direita-colada {
        width: 100%;
        height: auto;
        padding-top: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-esquerda-colada {
        width: 100%;
        height: auto;
        padding-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-esquerda-emilia {
        width: 100%;
        height: auto;
        padding-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-emilia {
        width: 70%;
    }
    /* bg esquerda normal */
    .bg-esquerda-normal {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .titulo-esquerda {
        font-size: 26px;
        padding-bottom: 10px;
    }

    .descricao-esquerda {
        font-size: 19px;
    }

    .bg-autora {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-ilustrador {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .flexbox-icones {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-icones-home {
        padding-bottom: 90px;
        padding-top: 40px;
    }

    @media (max-width: 991.98px) {
        .img-emilia {
            width: 50%;
        }

        .perso-card {
            margin-top: 30px;
        }

        .text-emilia {
            margin-top: 20px;
        }

        .bg-esquerda-normal {
            height: auto;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .titulo-esquerda {
            font-size: 23px;
        }

        .descricao-esquerda {
            font-size: 18px;
        }

        .bg-autora {
            width: 100%;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .bg-ilustrador {
            width: 100%;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    }

    @media (max-width: 767.98px) {
        .bg-icones-home {
            padding-bottom: 50px;
            padding-top: 0px;
        }

        .flexbox-icones {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            text-align: center;
        }

        .icones-fonte-mobile {
            text-align: left;
            width:250px;
            padding-top: 20px;
            padding-bottom:20px;
            padding-right:0px;
        }

        .bg-autora {
            width: 100%;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 28px;
        }

        .bg-ilustrador {
            width: 100%;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 28px;
        }

        .autora-esquerda {
            padding-bottom: 40px;
        }
    }

    @media (max-width: 576px) {
        .flexbox-icones {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            text-align: center;
        }
    }
    /* TESTIMONIAL */
    .bg-testimonial {
        width: 100%;
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .testimonial-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 40px;
        background-color: transparent;
        height: 250px;
        color: white;
    }

    .testimonial-description {
        width: 800px;
        font-size: 19px;
    }

.btn-escola {
    background-color: #9f654a;
    color: white;
    font-size: 16px;
    border: 2px solid #9f654a;
    padding: 8px 0px;
    text-align: center;
    border-radius: 30px;
    width: 200px;
    cursor: pointer;
    margin: 10px 0 20px;
    display: block;
    text-decoration: none;
}

        .btn-escola:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #9f654a;
            text-decoration: none;
            border: 2px solid #9f654a;
        }

    @media (max-width: 1199px) {
        .testimonial-description {
            width: 600px;
            font-size: 18px;
        }
    }

    @media (max-width: 991.98px) {
        .bg-testimonial {
            height: auto;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .testimonial-description {
            width: auto;
            font-size: 18px;
        }
    }

    /* ESCOLAS */

    .bg-escolas {
        width: 100%;
        height: auto;
        padding-top: 80px;
        padding-bottom: 0;
    }

    /* =================================== */
    /*  Footer Styles
/* =================================== */
    .footer-mobile {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.footer-area {
    background-color: rgba(248, 248, 248, 0.459);
    padding-top: 50px;
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    height: auto;
}

    .titulo-footer {
        color: #7cab1a !important;
    }

    .single-footer-widget h4 {
        margin-bottom: 25px;
        font-weight: 500;
    }

    .single-footer-widget .form-control {
        border: none;
        width: 80% !important;
        font-weight: 300;
        background: #f9f9ff;
        padding-left: 20px;
        border-radius: 0;
        font-size: 14px;
        line-height: normal !important;
        color: #222;
    }

        .single-footer-widget .form-control:focus {
            box-shadow: none;
            color: red;
        }

    .single-footer-widget ul li {
        margin-bottom: 10px;
    }

        .single-footer-widget ul li a {
            color: #777777;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .single-footer-widget ul li a:hover {
                color: #8490ff;
            }

    .single-footer-widget .bb-btn {
        color: red;
        color: #99b815;
        font-weight: 300;
        border-radius: 0;
        z-index: 9999;
        cursor: pointer;
    }

    .single-footer-widget .info {
        margin-top: 25px;
        color: #99b815;
        font-size: 12px;
    }

        .single-footer-widget .info.valid {
            color: green;
        }

        .single-footer-widget .info.error {
            color: red;
        }

    .single-footer-widget .btn {
        font-size: 1.2rem;
        border-radius: 0;
        background: red;
        color: #99b815;
    }

        .single-footer-widget .btn .lnr {
            line-height: inherit;
            font-size: 13px;
            padding: 0px 4px;
        }

    .single-footer-widget ::-moz-selection {
        /* Code for Firefox */
        background-color: #ffdd00 !important;
        color: #777777;
    }

    .single-footer-widget ::selection {
        background-color: #ffdd00 !important;
        color: white;
    }

    .single-footer-widget ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: white;
        font-weight: 300;
    }

    .single-footer-widget :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: white;
        opacity: 1;
        font-weight: 300;
    }

    .single-footer-widget ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: white;
        opacity: 1;
        font-weight: 300;
    }

    .single-footer-widget :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: white;
        font-weight: 300;
    }

    .single-footer-widget ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: white;
        font-weight: 300;
    }

    @media (max-width: 991.98px) {
        .single-footer-widget {
            margin-bottom: 30px;
        }
    }

    .single-footer-widget .footer-social a {
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .single-footer-widget .footer-social a i {
            vertical-align: bottom;
            color: white;
            padding: 10px;
            border-radius: 50px;
            background-color: #7cab1a;
        }

        .single-footer-widget .footer-social a:hover i {
            color: white;
        }

    .footer-bottom {
        padding-top: 50px;
    }

        .footer-bottom .footer-social {
            text-align: right;
        }

    .footer-link {
        color: gray;
    }

        .footer-link:hover {
            color: gray;
        }

    @media (max-width: 991px) {
        .footer-bottom .footer-social {
            text-align: left;
            margin-top: 30px;
        }
    }

    .footer-bottom .lnr,
    .footer-bottom a {
        color: #8490ff;
    }

    .footer-text a {
        color: #8490ff;
    }

    /*-------- end footer Area -------------*/

    .btn-comprar {
        background-color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .btn-comprar-mobile {
        background-color: #7eab2a;
        color: white !important;
        font-size: 16px;
        display: inline-block;
        border: 2px solid #7eab2a;
        padding: 10px 60px 10px 60px;
        border-radius: 10px;
        cursor: pointer;
    }

    .idade-link {
        color: gray;
        font-size: 18px;
    }

    .line-h3 {
        line-height: 1.8rem;
    }

    .color-idade-red {
        color: red !important;
    }

    .img-1banner {
        background-color: #fce273;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 250px;
        border-radius: 20px 20px 0 0;
    }

    .img-2banner {
        background-color: #e5ecc3;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 250px;
        border-radius: 20px 20px 0 0;
    }

    .img-3banner {
        background-color: #ee7f85;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 250px;
        border-radius: 20px 20px 0 0;
    }

    /* SECTION LIVROS */
    .ig-1 {
        height: 500px;
    }

    .ig-2 {
        height: 250px;
    }

    @media (min-width: 1400px) {
        .ig-1 {
            height: 600px;
        }

        .ig-2 {
            height: 300px;
        }
    }

    .arrow-product-left {
        position: absolute;
        right: 140px;
    }

    .arrow-product-right {
        position: absolute;
        left: 140px;
    }

    @media (min-width: 1400px) {
        .arrow-product-left {
            position: absolute;
            right: 170px;
        }

        .arrow-product-right {
            position: absolute;
            left: 150px;
        }
    }

    /*PGA*/
    .product-pga-width {
        width: 100%;
    }

    .product-pga-1 {
        width: 400px;
        height: 450px;
    }

    .alinha-centro-pga1 {
        width: 100%;
        background: #fff;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alinha-centro-pga2 {
        width: 100%;
        background: #fff;
        height: 600px;
        display: flex;
        padding-bottom: 50px;
        align-items: center;
        justify-content: center;
    }

    .alinha-centro-pga3 {
        width: 100%;
        background: #fff;
        height: 600px;
        display: flex;
        padding-bottom: 0px;
        align-items: center;
        justify-content: center;
    }

    .alinha-centro-pga4 {
        width: 100%;
        background: #fff;
        height: 600px;
        display: flex;
        padding-bottom: 50px;
        align-items: center;
        justify-content: center;
    }

    .alinha-centro-pga5 {
        width: 100%;
        background: #64ae38;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pga-banner-bg {
        background-color: #ffff;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        height: auto;
    }

.titulo-pga-banner {
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 26px;
    color: gray;
    padding-bottom: 10px;
}

.text-pga-banner {
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 18px;
    color: gray;
    line-height: 1.6;
}

    .first-image-banner-pga {
        float: right;
        width: 450px;
    }

    #parallaxBar {
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #004c82;
        background: url(../img/b.png) 0 0 fixed;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    /* PEQUENA GRANDE AVENTURA */

    .banner-pga {
        padding: 14em 0 12em 0;
        background-image: url(../img/bannerpga.png);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .banner-pga-mobile {
        padding: 25em 0 18em 0;
        background-image: url(../img/bannerpga-mobile.png);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    @media screen and (min-width: 1500px) {
        .banner-pga {
            padding: 20em 0 12em 0;
            background-image: url(../img/bannerpga.png);
            background-size: cover;
            background-position: center top;
        }
    }

    @media screen and (max-width: 1280px) {
        .banner-pga {
            padding: 12em 0 10em 0;
        }
    }

    @media screen and (max-width: 980px) {
        .banner-pga {
            padding: 8em 6em 12em 6em;
        }
    }

    @media screen and (max-width: 820px) {
        .banner-pga {
            padding: 8em 6em 8em 6em;
        }
    }

    @media screen and (max-width: 736px) {
        .banner-pga {
            padding: 6em 0em 8em 0em;
        }
    }

    @media screen and (max-width: 553px) {
        .banner-pga {
            padding: 5em 0em 6em 0em;
        }
    }

    .monte-o-personagem {
        color: #25a8a5;
        padding-bottom: 20px;
        font-size: 35px;
    }

    .instrucao-personalizado {
        color: white;
        font-size: 18px;
        text-align: center;
        padding-left: 70px;
        padding-top: 10px;
    }

    .carousel-down {
        width: 400px;
    }

    .carousel-down-image {
        width: 100%;
        height: auto;
    }

    .bola-azul {
        background-color: #c1e0df;
        position: absolute;
        z-index: -1;
        border-radius: 100%;
        width: 100%;
        height: 400px;
        bottom: 1px;
        right: 20px;
    }

    .pad-hr {
        padding-top: 50px;
    }

.text-escolas-pga-title {
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    color: white;
    font-size: 26px;
    padding-bottom: 10px;
}

.text-escolas-pga {
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    color: white;
    font-size: 18px;
}

    @media (max-width: 991.98px) {
        .gif-mobile {
            width: 900px;
        }

        .gif-mobile-dogs {
            padding-top: 40px;
        }

        .text-pga-banner {
            font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
            font-size: 17px;
            color: gray;
            line-height: 1.6;
        }

        #parallaxBar {
            height: 550px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #004c82;
            background: url(../img/b-mobile.png);
            background-size: cover;
            background-position: 90%;
            background-repeat: no-repeat;
            position: relative;
        }

        .instrucao-personalizado {
            color: white;
            font-size: 18px;
            text-align: center;
            padding-left: 10px;
            padding-top: 10px;
        }

        .monte-o-personagem {
            font-size: 30px;
        }

        .down-icons {
            padding-bottom: 0px;
        }

        .product-pga-width {
            width: 300px;
        }

        .product-pga-1 {
            width: 300px;
            height: 350px;
        }

        .alinha-centro-pga1 {
            width: 100%;
            background: #fff;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .alinha-centro-pga2 {
            width: 100%;
            background: #fff;
            height: 600px;
            display: flex;
            padding-bottom: 50px;
            align-items: center;
            justify-content: center;
        }

        .alinha-centro-pga3 {
            width: 100%;
            background: #fff;
            height: 750px;
            display: flex;
            padding-bottom: 0px !important;
            align-items: center;
            justify-content: center;
        }

        .alinha-centro-pga4 {
            width: 100%;
            background: #fff;
            height: 750px;
            display: flex;
            padding-bottom: 50px;
            align-items: center;
            justify-content: center;
        }

        .carousel-down {
            width: 300px;
        }

        .carousel-down-image {
            width: 300px;
            height: auto;
        }

        .bola-azul {
            background-color: #c1e0df;
            position: absolute;
            z-index: -1;
            border-radius: 100%;
            width: 100%;
            height: 300px;
            bottom: 1px;
            right: 20px;
        }

        .img-escolas {
            width: 300px;
        }

        .text-escolas-pga-title {
            font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
            color: white;
            font-size: 26px;
            padding-bottom: 10px;
        }

        .text-escolas-pga {
            font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
            color: white;
            font-size: 18px;
        }
    }

    @media (max-width: 767.98px) {
        .alinha-centro-pga1 {
            width: 100%;
            background: #fff;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px;
            align-items: center;
            justify-content: center;
        }

        .alinha-centro-pga3 {
            width: 100%;
            background: #fff;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px !important;
            align-items: center;
            justify-content: center;
        }

        .text-escolas-pga-title {
            font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
            color: white;
            font-size: 26px;
            padding-top: 20px;
            padding-bottom: 10px;
        }

        .alinha-centro-pga4 {
            width: 100%;
            background: #fff;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px;
            align-items: center;
            justify-content: center;
        }

        .monte-o-personagem {
            font-size: 26px;
            text-align: center;
        }

        .gif-mobile {
            width: 200px;
        }

        .conheca-mobile {
            text-align: center;
        }

        .mobile-align {
            margin: 0 auto;
            text-align: center;
        }

        .product-pga-width {
            width: auto;
        }

        .product-pga-1 {
            width: auto;
            height: 350px;
            align-items: center;
        }

        .alinha-centro-pga5 {
            width: 100%;
            background: #64ae38;
            height: auto;
            display: flex;
            padding-top: 50px;
            padding-bottom: 50px;
            align-items: center;
            justify-content: center;
        }

        .carousel-down {
            width: 300px;
            text-align: center;
        }

        .carousel-down-image {
            width: 300px;
            height: auto;
        }

        .bola-azul {
            background-color: #c1e0df;
            position: absolute;
            z-index: -1;
            border-radius: 100%;
            width: 100%;
            height: 300px;
            bottom: 1px;
            right: 20px;
        }

        .img-escolas {
            padding-bottom: 20px;
        }

        .first-image-banner-pga {
            text-align: center;
            padding-bottom: 50px;
            float: none;
            width: 400px;
        }
    }

    .containercupom {
        background-color: #f8f8f8;
        padding: 25px;
        border-radius: 20px;
    }

    .titlecupom {
        font-size: 20px;
        color: gray;
        font-family: 'jellee', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    }

    .btncupom {
        width: 100%;
        border: none;
        padding: 20px !important;
        border-radius: 20px;
    }

    .titleresumo {
        color: #b868c7;
        font-size: 20px;
    }

.inputcupomform {
    padding: 20px;
    border: none;
    margin-right: 10px;
    font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    border-radius: 20px !important;
}

.itensresumo {
    color: rgb(121, 121, 138);
    list-style: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 5px;
    margin: 0 !important;
    font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}

        .itensresumo li {
            display: inline-block;
        }

    .seguranca {
        padding-top: 20px;
    }

    .precoresumo {
        float: right;
    }

    .tamanhototal {
        font-size: 18px !important;
    }

    .btnfinalizar {
        background-color: #7cab1a;
        color: white;
        border: 2px solid #7cab1a;
        width: 100%;
        padding: 15px;
        border-radius: 30px;
    }

        .btnfinalizar:hover {
          
            color: white;
          
        }

    .meucarrinho {
        color: #8b26a5;
        font-size: 28px;
        margin-bottom: 40px;
    }

.titlecep {
    font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    color: #7cab1a;
}

.inputcepform {
    padding: 25px;
    margin-top: 20px;
    font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    border-radius: 20px;
}

    .btncep {
        background-color: gray;
        color: white;
        border: 2px solid gray;
        width: 100%;
        padding: 10px;
        border-radius: 20px;
    }

        .btncep:hover {
            background-color: transparent;
            color: gray;
            border: 2px solid gray;
            border-radius: 20px;
        }

    .certificadocarrinho {
        width: 100px;
        fill: #5a6e73;
        margin-left: 40px;
    }

    .certificadofretegratis {
        width: 140px;
        margin-right: 40px;
    }

    .titletable {
        color: #8b26a5;
        font-weight: normal;
        font-size: 18px;
    }

    .itenstable {
        color: gray;
        font-size: 18px;
    }

.h1form {
    font-family: 'jellee' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 30px;
    color: #8a26a4;
}

.inputpassword2form {
    padding: 25px;
    margin-top: 8px;
    font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    border-radius: 30px;
}

.h1formcadastro {
    font-family: 'jellee' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 30px;
    color: #8a26a4;
}

.h1formesqueci {
    font-family: 'jellee' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 30px;
    color: #7cab1a;
}

    .h1formfinal {
        font-family: 'jellee' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        font-size: 30px;
        color: #8a26a4;
    }

    .inputemailform {
        padding: 25px 0px 22px 15px;
        margin-top: 5px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        border-radius: 8px;
    }

    .inputpasswordform {
        padding: 25px 0px 22px 15px;
        margin-top: 5px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        border-radius: 8px;
    }

    .mybtn {
        padding: 8px;
    }

    .spaceform {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .camposobrigatorios {
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        color: gray;
    }

    .btngreen {
        background-color: #7cab1a !important;
        border: 2px solid #7cab1a !important;
    }

        .btngreen:hover {
            background-color: transparent !important;
            border: 2px solid #7cab1a !important;
            color: #7cab1a !important;
        }

    .sizeform {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        border-radius: 20px;
    }

    .myform {
        display: -ms-flexbox;
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 50px;
        padding-right: 50px;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 500px;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border-radius: 20px;
        outline: 0;
    }

    .olho-form {
        cursor: pointer;
        color: #9e9e9e;
        position: absolute;
        right: 20px;
        top: 22px;
    }

    .flexbox-login {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .tibi-login {
        width: 70px;
    }

    .img-login {
        width: 200px;
    }

    .pt-logo {
        padding-top: 40px;
    }

    .padcaminhao {
        padding-left: 25px;
    }

    @media (max-width: 767.98px) {
        body.overflow {
            overflow: hidden;
        }

        .flexbox-icones .icones-fonte-mobile {
            padding-left: 35px !important;
        }

        .padcaminhao {
            padding-left: 15px !important;
        }
    }

    @media (max-width: 375px) {
        body.overflow {
            overflow: unset !important;
        }
    }

    @media (max-width: 500px) {
        .pt-logo {
            padding-top: 20px;
        }

        .tibi-login {
            width: 50px;
        }

        .img-login {
            width: 140px;
        }

        

        .spaceform {
            padding: 0 !important;
            margin-top: 20px;
        }

        .myform {
            width: 100%;
            border-radius: unset;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .flexbox-login {
            display: unset;
        }
    }


    .tx-tfm {
        text-transform: uppercase;
    }

    .mybtn {
        background-color: #8a26a4;
        color: white;
        width: 100%;
        font-size: 19px;
        border: 2px solid #8a26a4;
        border-radius: 30px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        padding: 11.5px;
    }

        .mybtn:hover {
          
            color: white;
          }

    .mybtngreen {
        background-color: #7cab1a;
        color: white;
        width: 100%;
        font-size: 19px;
        border: 2px solid #7cab1a;
        border-radius: 30px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        padding: 11.5px;
        display: inline-block;
    }

        .mybtngreen:hover {
            
            color: white;
        
        }

    .mybtngreen-final {
        background-color: #7cab1a;
        color: white;
        font-size: 19px;
        border: 2px solid #7cab1a;
        border-radius: 20px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        padding: 11.5px 40px 11.5px 40px;
    }

        .mybtngreen-final:hover {
            background-color: transparent;
            color: #7cab1a;
            border: 2px solid #7cab1a;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    .mybtngreenblank-final {
        background-color: #f1f1f0;
        color: gray;
        font-size: 19px;
        border: 2px solid #f1f1f0;
        border-radius: 20px;
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        padding: 11.5px 50px 11.5px 50px;
    }

        .mybtngreenblank-final:hover {
            background-color: transparent;
            color: gray;
            font-size: 19px;
            border: 2px solid gray;
            border-radius: 20px;
            font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
            padding: 11.5px 50px 11.5px 50px;
        }

    .mybtngreen-finalblank:hover {
        background-color: transparent;
        color: #7cab1a;
        border: 2px solid #7cab1a;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .login-or {
        position: relative;
        color: #aaa;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .span-or {
        display: block;
        position: absolute;
        left: 50%;
        top: -2px;
        margin-left: -25px;
        background-color: #fff;
        width: 50px;
        text-align: center;
    }

    .hr-or {
        height: 1px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .google {
        color: #666;
        width: 100%;
        height: 40px;
        text-align: center;
        outline: none;
        border: 1px solid lightgrey;
    }

    form .error {
        color: #ff0000;
    }

    #second {
        display: none;
    }

    .esqueceusenha {
        font-family: 'varela' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        font-size: 16px;
        color: rgb(128, 128, 128);
        float: right;
        margin-bottom: 10px;
    }

        .esqueceusenha:hover {
            color: rgb(165, 165, 165);
        }

    .bg-escolas > .container > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .bg-escolas > .container > div > .descricao-direita {
            width: 70%;
        }

    .ul-carrinho {
        background-color: white;
    }

        .ul-carrinho ul {
            padding: 0;
            margin: 0;
        }

            .ul-carrinho ul li {
                list-style: none;
                display: inline-block;
            }

    .product-carrinho {
        padding: 10px 0 10px 0 !important;
        font-size: 18px;
        display: flex;
        align-items: center;
    }

    .carrinho-img {
        width: 15%;
    }

    .carrinho-titulo {
        width: 40%;
        font-size: 18px;
        padding-left: 15px;
        color: gray;
    }

    .carrinho-preco {
        width: 24.1%;
        text-align: center;
        color: gray;
    }

    .carrinho-quantidade {
        width: 24.1%;
        text-align: right;
        color: gray;
    }

    .topo-carrinho {
        color: gray;
    }

    .bg-pagamento-carrinho {
        background-color: #f8f8f8;
        border-radius: 20px;
        height: auto;
        float: right;
        width: 95%;
        padding: 20px;
    }

    @media (max-width: 981px) {
        .bg-pagamento-carrinho {
            float: unset;
            width: 100%;
            margin-top: 30px;
        }
    }

    .bg-home {
        background: url(../img/bannercecilia.png);
        background-position: 62%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 550px;
    }

    .bg-home-primeiro {
        background-position: 55%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 480px;
    }

    .bg-personalizados {
        background-position: 48%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 300px;
    }

    .bg-primeiroslivros {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 300px;
    }

    .bg-leitorescuriosos {
        background-position: 52%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 300px;
    }

    .bg-amoler {
        background-position: 46%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 100%;
        align-items: center;
        height: 300px;
    }

    .bg-final-idade {
        background: url(../img/banner-todososlivros-idade.png);
        background-position: 43%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px;
        width: 100%;
        margin-bottom: 60px;
        height: 400px;
        background-size: cover;
        display: flex;
        align-items: center;
    }

    .bg-email-emilia {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        width: 100%;
        border-radius: 20px;
        height: 400px;
    }

    .bg-emilia-home {
        background: url(../img/banner-emilia.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        display: flex;
        align-items: center;
        border-radius: 20px;
        height: 550px;
    }

    .banner-home-mobile {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 400px;
    }

    .bg-allbooks {
        display: flex;
        align-items: center;
        background-position: 45%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }

    .titulo-email {
    }

    .subtitulo-email {
    }

    .bg-final-idade > div > div > h1 {
        padding-left: 70px !important;
    }

    .bg-final-idade > div > div > p {
        padding-left: 70px !important;
    }

    .bg-final-idade > div > div > a {
        margin-left: 70px !important;
    }

    @media (min-width: 1400px) {
        .bg-final-idade {
            background-position: 32%;
        }

        .bg-primeiroslivros {
            background-position: 45%;
        }

        .bg-personalizados {
            background-position: 45%;
        }

        .bg-leitorescuriosos {
            background-position: 47%;
        }

        .bg-amoler {
            background-position: 41%;
        }
    }


    .titulo-home-primeiro {
        font-size: 60px;
    }

    .subtitulo-home-primeiro {
        width: 80%;
    }

    .todososlivros-home {
        background: url(../img/banner-categoria-todososlivros.png);
    }

    .personalizados-home {
        background: url(../img/banner-categoria-personalizados.png);
    }

    .titulo-bg-emilia-home {
    }

    .subtitulo-bg-emilia-home {
    }

    .margin-bb {
        margin-bottom: 150px;
    }

    .min-pagamento {
        min-width: 100px;
    }

    @media (min-width: 998px) {

        .margin-bottom-order {
            margin-bottom: 150px;
        }
    }

    @media (max-width: 992px) {
        .min-pagamento {
            min-width: unset !important;
        }

        .margin-bb {
            margin-bottom: 30px;
        }

        .margin-bottom-order {
            margin-bottom: 50px;
        }

        .todososlivros-order {
            padding: 50px 0px !important;
            margin-bottom: 100px;
        }

        .bg-final-idade > div > div > h1 {
            padding-left: 0px !important;
        }

        .bg-final-idade > div > div > p {
            padding-left: 0px !important;
        }

        .bg-final-idade > div > div > a {
            margin-left: 0px !important;
        }

        .flex-embaixo {
            display: flex;
            flex-direction: column !important;
        }
        .bg-allbooks {
            background: #FFF9A6;
            padding-top: 50px;

            display: flex;
            flex-direction:column;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .titulo-bg-emilia-home {
            padding-left: 0 !important;
        }

        .subtitulo-bg-emilia-home {
            padding-left: 0 !important;
        }

        .button-emilia-home {
            margin-left: 0 !important;
        }

        .titulo-email {
            font-size: 22px !important;
        }

        .padding-mobile-home {
            padding-left: 15px;
            padding-right: 15px;
        }

        .subtitulo-email {
            font-size: 17px !important;
        }

        .button-email {
            margin-top: 17px !important;
        }

        .bg-emilia-home {
            background: #FFFAB1;
            padding-top: 50px;
            padding-bottom: 0px;
            display: flex;
            width: 100%;
            border-radius: 20px 20px 0 0;
            align-items: center;
            height: auto;
        }

        .bg-email-emilia {
            background: #C598C3;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .bg-final-idade {
            background: #00CBC7;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .bg-primeiroslivros {
            background: #C598C3;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .bg-personalizados {
            background: #FFFAB1;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .bg-leitorescuriosos {
            background: #97DDCA;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .bg-amoler {
            background: #E0EEC1;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
        }

        .todososlivros-home {
            background: #c2aae0;
            height: auto !important;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .personalizados-home {
            background: #60d47d;
            height: auto !important;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .titulo-home-primeiro {
            font-size: 40px;
            text-align: center;
        }

        .subtitulo-home-primeiro {
            width: 100%;
            text-align: center;
        }

        .center-button-home {
            text-align: center;
            padding-bottom: 10px;
        }

        .bg-home-primeiro {
            background: #68DEDB;
            padding-top: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
            flex-direction: column;
        }
    }

    @media (max-width: 767.98px) {

        .bg-home {
            background: url();
            background-color: #d54e70;
            display: flex;
            width: 100%;
            align-items: center;
            height: auto;
            padding-top: 50px;
            
            flex-direction:column;
        }

        .bg-home-1 {
            color: white !important;
        }
    }

    @media (min-width: 979px) {
        .dropdown:hover > .dropdown-menu {
            display: block;
        }

        .dropdown:hover > .dropdown-menu2 {
            display: block;
        }
    }

    #cupom {
        display: none;
        transition: all 0.2s;
    }

    .sumir {
        display: none !important;
        transition: all 0.2s;
    }

    .mostrar {
        transition: all 0.2s;
        display: block !important;
    }

    .cupom-icone-baixo {
        transform: rotate(0);
    }

    .cupom-icone-cima {
        transform: rotate(180deg);
    }

    .btn-pedidos {
        background-color: transparent;
        border: 1px solid blue;
        display: block;
        width: 80%;
        margin-bottom: 10px;
        padding: 10px;
        text-align: center;
        border-radius: 30px;
    }

    .input-group input {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        font-size: 1rem;
        font-weight: 400;
        color: #727272;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        transition: 240ms ease;
    }

    .label-active {
        top: 5px !important;
        left: 10px !important;
        font-size: 13px !important;
        line-height: 10px;
        background-color: white;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 5px;
    }

    .label-active-fica {
        top: 5px !important;
        left: 10px !important;
        font-size: 13px !important;
        line-height: 10px;
        background-color: white;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 5px;
    }



    .input-group {
        position: relative;
    }

        .input-group label {
            position: absolute;
            top: 55%;
            left: 15px;
            color: #9e9e9e;
            transform: translateY(-50%);
            font-size: 16px;
            line-height: 15px;
            pointer-events: none;
            transition: 180ms ease;
        }

    .input-group-2 input {
        display: block;
        width: 20%;
        height: calc(1.5em + 0.75rem + 2px);
        font-size: 1rem;
        font-weight: 400;
        color: #727272;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        transition: 240ms ease;
    }

    .input-group-2 {
        position: relative;
    }

        .input-group-2 label {
            position: absolute;
            top: 55%;
            left: 15px;
            color: #9e9e9e;
            transform: translateY(-50%);
            font-size: 16px;
            line-height: 15px;
            pointer-events: none;
            transition: 180ms ease;
        }

    .mb-cadastro {
        margin-bottom: 20px;
    }

    

    .detalhes-pedido-mb {
        margin-bottom: 20px;
    }

    .hr-embaixo {
        border: 1px solid rgb(236, 236, 236);
        border-left: none;
        border-top: none;
        border-right: none;
        padding-bottom: 15px;
        padding-top: 15px;
    }
.hr-embaixo-detalhes {
    border: 1px solid rgb(236, 236, 236);
    border-left: none;
    border-top: none;
    border-right: none;
    padding-bottom: 6px;
    padding-top: 15px;
}
    .sidenavstyle {
        position: absolute;
        background-color: blue;
        width: 100%;
        height: 500px;
    }

    .collapse-teste2 {
        display: none;
    }

    .testeasd {
        display: none !important;
    }

    .testeasd2 {
        display: block !important;
    }

    .shadow-tibi {
        box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.192);
    }

    .shadow-tibi-2 {
        box-shadow: 1px 4px 30px -2px rgba(0, 0, 0, 0.192);
    }

    .titulo-carrinho-mobile {
        font-size: 18px;
        color: gray;
        padding-bottom: 20px;
    }

    .flex-box-carrinho-mobile {
        display: flex;
        height: 20px;
        flex-direction: row;
        align-items: center;
    }

    .preco-carrinho-mobile {
        font-size: 18px;
        color: gray;
        padding-right: 40px;
        position: relative;
        bottom: 8px;
    }

    .add-livro {
        float: left;
        font-size: 16px;
        color: #7daa1d;
        margin-top: 30px;
    }

    .subtotal-grande {
        float: right;
        color: gray;
        font-size: 20px;
        margin-top: 24px;
    }

    @media (max-width: 767.98px) {
        .hr-embaixo-detalhes {
            
            padding-bottom: 0px;
            padding-top: 0px;
        }
        .add-livro {
            float: unset;
        }

        .subtotal {
            float: unset;
        }
    }

    .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        top: -8px;
        left: 50%;
    }

    .dropdown-menu2:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        top: -8px;
        left: 50%;
    }

    .font-total {
        font-size: 18px;
        color: rgb(109, 109, 109);
    }

    .remover {
        font-size: 13px;
        padding-right: 18px;

        color: indianred;
    }

    .remover-mobile {
        font-size: 13px;
        color: gray;
    }

    .minha-conta-pedidos {
        color: #b868c7;
        font-size: 30px;
        margin-bottom: 30px;
    }

    .box-minhaconta {
        background-color: rgb(250, 250, 250);
        height: auto;
        padding: 20px;
        border-radius: 20px;
    }

    .titulo-pedidos {
        color: gray;
        font-size: 28px;
    }

    .qtd-pedidos {
        color: gray;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .box-pedidos {
        background-color: rgb(250, 250, 250);
        padding: 15px;
        display: flex;
        border-radius: 20px 20px 0px 0px;
        width: 100%;
        height: auto;
    }

    .flex-box-pedidos {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .data-pedido {
        color: gray;
        text-align: center;
    }

    .status-pedido {
        color: gray;
        text-align: center;
    }

    .box-dentro-pedidos {
        background-color: rgb(255, 255, 255);
        padding: 20px;
        height: auto;
        margin-bottom: 50px;
        border-radius: 0px 0px 20px 20px;
    }

    .box-dentro-2 {
        background: transparent;
        border-radius: 10px;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }

    .flex-box-pedidos-dentro {
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: gray;
    }

    .titulo-pedidos-dentro {
        padding: 0px 0px 4px 0px;
    }

    .box-detalhes-pedido {
        background: transparent;
        width: 100%;
        height: auto;
        padding-right: 15px;
    }

    .titulo-detalhes-pedido {
        background-color: transparent;
        font-size: 20px;
        margin-bottom: 15px;
        border-radius: 20px;
        text-align: left;
        margin-top:10px;
        display: block;
        color: #7eab2a;
        width: 100%;
    }

    .numero-pedido {
        background-color: transparent;
        font-size: 16px;
        border-radius: 20px;
        text-align: left;
        display: block;
        color: gray;
        width: 100%;
    }

    .frete-pedido {
        background-color: transparent;
        font-size: 16px;
        border-radius: 20px;
        text-align: left;
        display: block;
        color: gray;
        width: 100%;
    }

    .total-pedido {
        background-color: transparent;
        font-size: 18px;
        border-radius: 20px;
        text-align: left;
        display: block;
        color: #b868c7;
        width: 100%;
    }

    .forma-pagamento-pedido {
        background-color: transparent;
        font-size: 16px;
        border-radius: 20px;
        text-align: left;
        display: block;
        color: gray;
        width: 100%;
    }

.link-pagamento-pedido {
    padding: 15px;
    display:block;
    background-color: #7daa1d;
    color: white !important;
    text-align: center;
    border-radius: 8px;
    width:100%;
}

    .card-bottom-livros {
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 50px;
        position: relative;
        height: 200px;
        border-radius: 0px 0px 20px 20px;
    }

    @media screen and (min-width: 768px) and (max-width: 1200px) {
        .card-bottom-livros {
            height: 255px;
        }
    }

    @media (max-width: 366px) {
        .card-bottom-livros {
            height: 225px;
        }
    }
@media (max-width: 350px) {
    .card-bottom-livros {
        height: 270px;
    }
}

    @media screen and (min-width: 367px) and (max-width: 600px) {
        .card-bottom-livros {
            height: 220px;
        }
    }

    /* START CACHORROS DOGS */

    .banner-dogs {
        padding: 14em 0 12em 0;
        background: url(../img/cachorro/bg-dogs.png);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .banner-dogs-mobile {
        padding: 25em 0 18em 0;
        background-image: url(../img/cachorro/bg-dogs-mobile.png);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    @media screen and (min-width: 1500px) {
        .banner-dogs {
            padding: 20em 0 12em 0;
            background-size: cover;
            background-position: center top;
        }
    }

    @media screen and (max-width: 1280px) {
        .banner-dogs {
            padding: 12em 0 10em 0;
        }
    }

    @media screen and (max-width: 980px) {
        .banner-dogs {
            padding: 8em 6em 12em 6em;
        }
    }

    @media screen and (max-width: 820px) {
        .banner-dogs {
            padding: 8em 6em 8em 6em;
        }
    }

    @media screen and (max-width: 736px) {
        .banner-dogs {
            padding: 6em 0em 8em 0em;
        }
    }

    @media screen and (max-width: 553px) {
        .banner-dogs {
            padding: 5em 0em 6em 0em;
        }
    }

    .alinha-centro-dogs1 {
        width: 100%;
        background: #fff;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* END CACHORROS DOGS */
    .bg-login {
        background-color: #d9c2e4;
    }

    .text-danager ul {
        list-style: none;
        color: gray;
        text-align: center;
        padding: 0;
    }

    .titulo-finalizar-pedido {
        color: gray;
        font-size: 18px;
        padding-bottom: 10px;
        font-family: 'jellee' , -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, sans-serif;
    }

    .idade-hover:hover p {
        color: #7daa1d !important;
    }

    .idade-container {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        overflow: hidden;
    }

        .idade-container .img-1 {
            background: url(../img/0-3.png);
            width: 100%;
            height: 100%;
            background-size: 50% 90%;
            background-size: 180%;
            background-position: 50% 90%;
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
        }

        .idade-container .img-2 {
            background: url(../img/4-6.png);
            width: 100%;
            height: 100%;
            background-size: 50% 90%;
            background-size: 180%;
            background-position: 50% 90%;
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
        }

        .idade-container .img-3 {
            background: url(../img/6.png);
            width: 100%;
            height: 100%;
            background-size: 50% 90%;
            background-size: 180%;
            background-position: 50% 90%;
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
        }

        .idade-container:hover .imgidade {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    @media (max-width: 767.98px) {
        .maisqueumlivro {
            padding-top: 30px;
        }

        .bolaazulmobile {
            padding-bottom: 30px;
        }

        .bg-escolas .container div .descricao-direita {
            width: 90%;
        }
    }

    .text-danager ul {
        list-style: none;
        color: gray;
        text-align: center;
        padding: 0;
    }

    .text-danager2 {
        color: red;
        text-align: center;
    }

    .select-payment {
        width: 100%;
        margin-top: 5px;
        padding-bottom: 12.5px;
        border-radius: 8px;
        border: 1px solid #ced4da;
        padding-left: 10px;
        padding-top: 12.5px;
        color: gray;
    }

        .select-payment option {
            color: gray;
        }



    .container-times {
        width: 100%;
        height: auto;
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
        align-items: center;
    }

    .timi-titulo {
        font-size: 30px;
        display: flex;
        align-items: center;
        color: white;
    }

    .img-time-1 {
        display: flex;
        align-items: center;
        width: 80%;
    }

    @media (max-width: 767.98px) {
        .timi-titulo {
            font-size: 20px;
            display: flex;
            align-items: center;
            text-align: center;
            color: white;
        }

        .vitoriamobile {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .img-time-1 {
            padding-top: 20px;
            width: 50%;
            text-align: center !important;
        }
    }

    .btn-add-carrinho-topo {
        background-color: #7EAB2A;
        color: white !important;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #7EAB2A;
        padding: 5px 25px 5px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

    .btn-add-carrinho-topo-personalizado {
        background-color: #45B5B2;
        color: white !important;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #45B5B2;
        padding: 5px 25px 5px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }


    .btn-add-carrinho-vitoria {
        background-color: #d73237;
        color: white;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #d73237;
        padding: 10px 25px 10px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

        .btn-add-carrinho-vitoria:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #d73237;
            text-decoration: none;
            border: 2px solid #d73237;
        }


    .btn-add-carrinho-bahia {
        background-color: #104D82;
        color: white;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #104D82;
        padding: 10px 25px 10px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

        .btn-add-carrinho-bahia:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #104D82;
            text-decoration: none;
            border: 2px solid #104D82;
        }

    .btn-add-carrinho-sport {
        background-color: #F9D046;
        color: black;
        font-size: 14px;
        display: inline-block;
        border: 2px solid #F9D046;
        padding: 10px 25px 10px 25px;
        border-radius: 30px;
        cursor: pointer;
        text-decoration: none;
    }

        .btn-add-carrinho-sport:hover {
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
            background-color: transparent;
            color: #104D82;
            text-decoration: none;
            border: 2px solid black;
        }

.btn-add-carrinho-ceara {
    background-color: #d0aa38;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #d0aa38;
    padding: 10px 25px 10px 25px;
    border-radius: 30px;
    cursor: pointer;
    text-decoration: none;
}

    .btn-add-carrinho-ceara:hover {
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        background-color: transparent;
        color: #4D4442;
        text-decoration: none;
        border: 2px solid #4D4442;
    }

    .tool {
        cursor: help;
        position: relative;
    }


        /*== common styles for both parts of tool tip ==*/
        .tool::before,
        .tool::after {
            left: 50%;
            opacity: 0;
            position: absolute;
            z-index: -100;
        }

        .tool:hover::before,
        .tool:focus::before,
        .tool:hover::after,
        .tool:focus::after {
            opacity: 1;
            transform: scale(1) translateY(0);
            z-index: 100;
        }


        /*== pointer tip ==*/
        .tool::before {
            border-style: solid;
            border-width: 1em 0.75em 0 0.75em;
            border-color: #3E474F transparent transparent transparent;
            bottom: 100%;
            content: "";
            margin-left: -0.5em;
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
            transform: scale(.6) translateY(-90%);
        }

        .tool:hover::before,
        .tool:focus::before {
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        }


        /*== speech bubble ==*/
        .tool::after {
            background: #3E474F;
            border-radius: .25em;
            bottom: 180%;
            color: #EDEFF0;
            line-height: 20px;
            content: attr(data-tip);
            margin-left: -8.75em;
            padding: 1em;
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
            transform: scale(.6) translateY(50%);
            width: 17.5em;
        }

        .tool:hover::after,
        .tool:focus::after {
            transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
        }

    @media (max-width: 760px) {
        .tool::after {
            font-size: .75em;
            margin-left: -5em;
            width: 10em;
        }
    }

.elemento {
    width: auto;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 29px;
    display: flex;
    align-items: center;
    position: absolute;
    text-align: center;
    left: 10px;
    font-size: 14px;
    font-family: 'JelleRoman', 'jellee',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    margin-top: 12px;
    color: #fff;
}

    .termos {
        text-align: left;
        text-decoration: none;
        color: gray;
    }

    .link-termos {
        font-size: 19px;
        background:transparent !important;
        border:none !important;
        box-shadow: unset;
        outline:none;
        color: rgb(78, 78, 78) !important;
        padding-bottom: 20px;

        padding-top: 20px;
    }

    .termos .collapse .font-varela {
        color: gray;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tooltip-meu {
        position: relative;
        transition: 250ms ease;
        cursor: pointer;
    }
.pb-payment {
    padding-bottom: 100px;
}
        .tooltip-meu:hover {
            color: #3E474F;
        }

        .tooltip-meu .tooltip-content {
            opacity: 0;
            pointer-events: none;
            transform: translateX(-50%) translateY(-80%);
            width: 450px;
        }

        .tooltip-meu:hover .tooltip-content {
            opacity: 1;
            transform: translateX(-50%) translateY(-100%);
        }

    .tooltip-content {
        position: absolute;
        left: 50%;
        top: -70%;
        transform: translateX(-50%) translateY(-100%);
        font-size: 14px;
        text-align: center;
        color: white !important;
        padding: 20px 20px;
        width: 110%;
        background: #3E474F;
        border-radius: 4px;
        transition: 250ms ease;
    }

        .tooltip-content:hover {
            color: white;
        }

    @media (max-width: 767.98px) {
        .pb-payment {
            padding-bottom: 0px;
        }
        .tooltip-meu:hover .tooltip-content {
            opacity: 1;
            transform: translateX(-30%) translateY(-100%);
        }
        .tooltip-meu .tooltip-content {
            width: 240% !important;
        }
    }
.com-fundo {
    background-color: #7DAA1D;
}
.sem-fundo {
    background-color: transparent;
}
.stroke-svg-aberto {
    stroke: white;
}



/* Start Quinto Banner*/
.quinto-banner-bg {
    background-color: #ffcf34;
    width: 100%;
    height: auto;
}

.titulo-quinto-banner {
    font-family: jellee,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 26px;
    color: #4eb792;
    padding-bottom: 10px;
}

.text-quinto-banner {
    font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 18px;
    color: gray;
    text-align: left;
    line-height: 1.6;
    margin-left: 120px;
    padding-top: 20px;
}

.quinta-image-banner {
    width: 300px;
    padding-top: 20px;
}

.quinta-image-banner2 {
    width: 370px;
    padding-top: 20px;
}
.carrinho-font {
    font-size: 30px;
}
@media (max-width: 1200.98px) {
    .text-quinto-banner {
        font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
        font-size: 18px;
        color: gray;
        text-align: left;
        line-height: 1.6;
        margin-left: 75px;
    }
}
.asd1{
    padding-top:10px !important;
}
@media (max-width: 991.98px) {
    .carrinho-font {
        font-size: 22px !important;
    }
    .asd1 {
        padding-top: 80px !important;
    }
    .titulo-quinto-banner {
        padding-top: 40px;
        font-size: 26px;
        color: gray;
        padding-bottom: 10px;
    }

    .quinto-image-banner {
        float: right;
        width: 450px;
        padding-top: 180px;
    }

    .text-quinto-banner {
        font-family: varela,-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
        font-size: 18px;
        color: gray;
        text-align: left;
        line-height: 1.6;
        margin-left: 0px;
    }
}

@media (max-width: 767.98px) {
    .titulo-first-banner {
        padding-top: 40px;
        font-size: 26px;
        color: white;
        padding-bottom: 10px;
    }

    .quinta-image-banner {
        width: 300px;
        padding-top: 50px;
    }

    .first-image-banner {
        float: right;
        width: 450px;
        padding-top: 30px;
    }

    .text-quinto-banner {
        font-size: 16px;
    }
}

/* End Quinto Banner*/

/* Start Sexto Banner*/
.sexto-banner-bg {
    background-color: #f9eec0;
    width: 100%;
    height: auto;
}

.sexta-image-banner {
    padding-top: 20px;
}
/* End Sexto Banner*/
#loading-bar-spinner.spinner {
    left: 50%;
    margin-left: 90px;
    top: 67%;
    margin-top: 0px;
    position: absolute;
    z-index: 19 !important;
    animation: loading-bar-spinner 400ms linear infinite;
}

    #loading-bar-spinner.spinner .spinner-icon {
        width: 20px;
        height: 20px;
        border: solid 4px transparent;
        border-top-color: white !important;
        border-left-color: white !important;
        border-radius: 50%;
    }

#loading-bar-spinner2.spinner {
    left: 50%;
    margin-left: 80px;
    top: 72%;
    margin-top: 0px;
    position: absolute;
    z-index: 19 !important;
    animation: loading-bar-spinner 400ms linear infinite;
}

    #loading-bar-spinner2.spinner .spinner-icon {
        width: 20px;
        height: 20px;
        border: solid 4px transparent;
        border-top-color: white !important;
        border-left-color: white !important;
        border-radius: 50%;
    }

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading-bar-spinner2 {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media (max-width: 767.98px) {
    .montagem > .row > .col-md-3 > img{
        width:70%;
    }
    .leiloca1-mobile{
        width:280px !important;
    }
    .leiloca3-mobile {
        float:unset !important;
        padding-right:20px !important;
    }

    .flexbox-item-pedido {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 0 !important;
        margin-left: 0 !important;
        flex-wrap: initial !important;
    }
    .mobile-width-pedidos{
        width:200px !important;
    }
    .mobilepadding-pga {
        padding-left: 0 !important;
    }
    .container-mobile-pedidos{
        
        padding-left:0 !important;
    }
    .btnfinalizar:hover {
        background-color: #7cab1a;
        color: white;
        border: 2px solid #7cab1a;
        width: 100%;
        padding: 15px;
        border-radius: 30px;
    }
    #loading-bar-spinner.spinner {
        left: 50%;
        margin-left: 80px;
        top: 69.5%;
        margin-top: 0px;
        position: absolute;
        z-index: 19 !important;
        animation: loading-bar-spinner 400ms linear infinite;
    }
    #loading-bar-spinner2.spinner {
        left: 50%;
        margin-left: 80px;
        top: 73.2%;
        margin-top: 0px;
        position: absolute;
        z-index: 19 !important;
        animation: loading-bar-spinner 400ms linear infinite;
    }

}

.loadingspinner {
    pointer-events: none;
    width: 20px;
    height: 20px;
    border: 0.2em solid transparent;
    border-color: white;
    border-top-color: #7EAB2A;
    border-radius: 50%;
    margin-left: 20px;
    animation: loadingspin 1s linear infinite;
}

@keyframes loadingspin {
    100% {
        transform: rotate(360deg)
    }
}

@media (max-width: 350px) {
    .btn-comprar-mobile {
      
        padding: 10px 30px 10px 30px;
       
    }
}


.maequele-link {
    text-decoration: underline;
    color: gray;
}
.maequele-link:hover {
    text-decoration: underline;
    color: gray;
    cursor:pointer;
}

.flexbox-erro {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.flexbox-erro2 {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
}
.texto-erro2 {
    margin-top: 20px;
    margin-bottom: 50px;
}

.mb-erro{
    margin-bottom:60px;
}
.botao-erro{
    width:290px !important;
}
.font-text-erro {
    font-size: 23px;
}
.imagens-mobile {
    padding-right: 0 !important;
    max-width: 23% !important;
}
@media (min-width: 1400px) {
    .imagens-mobile {
        padding-right: 0 !important;
        max-width: 20% !important;
    }
}
    @media (max-width: 767.98px) {
        .imagens-mobile {
            padding-right: 5px !important;
            max-width: 35% !important;
        }

        .box-dentro-pedidos {
            background-color: rgb(255, 255, 255);
            padding: 0px 20px;
            height: auto;
            margin-bottom: 50px;
            border-radius: 0px 0px 20px 20px;
        }

        .flexbox-erro {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 40px;
            text-align: center;
        }

        .flexbox-erro2 {
            display: flex;
            flex-direction: column;
            margin-right: 0px;
            text-align: center;
        }

        .texto-erro2 {
            margin-top: 5px;
            margin-bottom: 30px;
        }

        .botao-erro {
            width: unset !important;
        }

        .font-text-erro {
            font-size: 20px;
        }
    }

    .whats-me-container .shake {
        animation: unset !important;
    }
    .data-empty{
        width:1px;
        height:15px;
 
    }