@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

:root {

    --cor1: #2073D5;
    --cor2: #F7B048;
    --cor3: #FFC023;
    --cor4: #AAB6BF;
    --cor5: #ffffff;
    --cor6: #7C8599;

}

* {
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--cor1);
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
}
.triangle {
    position:absolute;
    top:0px;
    right: 0px;
    border-style: solid;
    border-width: 0 700px 600px 0;
    border-color: transparent #2073D5 transparent transparent;
    transform: rotate(0deg);
    z-index: -1;
    margin:0;
    padding:0;
 }

.bg-amarelo {
    background-color: var(--cor3) !important;
}

.amarelo {
    color: var(--cor3) !important;
}

.bg-azul {
    background-color: var(--cor1) !important;
}
.bg-cinza {
    background-color: var(--cor6) !important;
}
.cinza {
    color: var(--cor6) !important;
}

a {
    text-decoration: none !important;
}

.logo {
    width: 200px;
}

.nav-item .nav-link {
    color: var(--cor1) !important;
    /* font-weight: 400; */

}

.nav-item .nav-link .texto-tel-topo {
    color: var(--cor1) !important;
    font-size: .7rem !important;
    /* font-weight: 600; */
    /* line-heig ht: 2.15rem; */
}

.nav-item .nav-link .texto-tel {
    color: var(--cor1) !important;
    font-weight: 900 !important;
    /* margin-top: -20px; */
}

.nav-item .nav-link .texto-tel small {
    color: var(--cor1);
    font-size: .3rem !important;
    /* font-weight: 600; */
}

.display-7 {
    font-size: calc(.9rem + 1.05vw);
    font-weight: 400;
    line-height: .9;
}
.ml12 {
    font-weight: 700;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    text-align: center;
  }

  .ml12 .letter {
    display: inline-block;
    line-height: .7em;
  }
/* === PRODUTOS === */
.foto-produto {
    overflow: hidden;
    /* width: 100%; */
    min-height: 400px;
}

.foto-produto img {
    /* overflow: hidden; */
    min-width: 100%;
}

/* === CARD COM FOTO === */

.profile-card-4 {
    /* max-wi dth: 300px; */
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    /* z-index: 0; */
}

.profile-card-4 img {
    transition: all 0.25s linear;
    /* z-index: 1; */
}

.profile-card-4 .profile-content {
    position: relative;
    padding: 15px;
    background-color: #FFF;
    z-index: 0;
}

.profile-name {
    font-weight: bold;
    font-size: 2.55rem;
    letter-spacing: 1.5px;
    margin-top: -.9rem;
    margin-bottom: 0;
    z-index: 99 !important;
}

.profile-name-p {
    font-weight: 600;
    font- size: 13px;
    letter-spacing: 1.5px;
    margin-top: -.5rem;
    margin-bottom: 0;
    z-index: 99 !important;
}

.profile-description {
    color: #777;
    fon t-size: 12px;
    padding: 10px;
    text-align: justify;
}

.profile-card-4 .profile-content::before {
    content: "";
    position: absolute;
    height: 30px;
    top: -20px;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    /* z-index: 1; */
    transform: skewY(-2deg);
}

.profile-card-4:hover img {
    transform: rotate(5deg) scale(1.4, 1.4);
    filter: brightness(130%);
    filter: sepia(20%);
}

/* === CARD COM FOTO === */

.texto-titulo {
    font-size: 2.5rem;
}

/* === PRODUTOS === */


/* === FOOTER === */
.box-cinza {
    background-color: var(--cor4);
    width: 100%;
    height: 200px;
    clip-path: polygon(0 55%, 100% 32%, 100% 100%, 0% 100%);
    margin-bottom: -130px;
    padding-left: 0px !important;

}

.linha-amarela {
    background-color: var(--cor3);
    width: 90%;
    height: 5px;
    float: right;
    transform: rotate(-7.2deg);
    /* margin-bottom: -120px; */
    margin-top: 10px;
    padding-right: 0px !important;
}

.svg-footer {
    margin-top: -100px !important;
    margin-bottom: -1px !important;
}

footer {
    background-color: var(--cor1);
}

footer h1 {
    color: var(--cor3);
}

.img-contato {
    margin-top: -200px;
    z-index: 2;
}

.texto-tel {
    color: var(--cor5);
    font-weight: 900;
    margin-top: -15px;
    text-align: right;
}

.texto-tel small {
    color: var(--cor5);
    font-size: 18px;
    font-weight: 400;
}

.texto-end {
    font-size: .8rem;
    color: var(--cor3);
    text-align: right;
    margin-top: -15px;
}

.mapa {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.texto-footer {
    color: var(--cor5);
    font-size: .8rem;
}

.texto-footer strong {
    color: var(--cor3);
}

.texto-footer strong:hover {
    color: var(--cor5);
}

.texto-dados {
    color: var(--cor5);
    font-size: .6rem;
    line-height: .8rem;
    padding-top: 5px;
    margin-top: 0px;
}

.logo-branco {
    width: 50%;
}

.form-control,
.form-control::placeholder {
    color: var(--cor1) !important;
    opacity: 1;
    /* Firefox */
}



/* === MEDIA QUERIES === */


@media (max-width: 1100px) {
    .texto-titulo {
        font-size: 2rem;
    }

    .box-cinza {
        margin-bottom: -220px;
        clip-path: polygon(0 50%, 100% 32%, 100% 100%, 0% 100%);
        height: 160px;
    }

    .linha-amarela {
        margin-top: 20px;
    }

    .svg-footer {
        margin-top: 0px !important;
        margin-bottom: -1px !important;
    }

    .img-contato {
        margin-top: 1rem;
        width: 60%;

    }

    .texto-tel,
    .texto-end {
        text-align: center;
    }

    .texto-footer {
        text-align: center;
        font-size: .6rem;
    }
}

@media (max-width: 992px) {

    .profile-name {
        font-size: 2rem;
        margin-top: -.5rem;
    }

}

@media (max-width: 768px) {

    .texto-titulo {
        font-size: 1.5rem;
    }

    .img-contato {
        margin-top: 1rem;
        width: 30%;

    }

    .box-cinza {
        clip-path: polygon(0 40%, 100% 32%, 100% 100%, 0% 100%);
    }

}

@media (max-width: 576px) {

    .profile-name {
        font-size: 2rem;
        /* letter-spacing: 1.5px; */
        margin-top: -.5rem;
    }

    .profile-name-p {
        font-size: 1rem;
        margin-top: -.1rem;
    }


    .texto-titulo {
        font-size: 1rem;
    }

    .box-cinza {
        margin-bottom: -120px;
        clip-path: polygon(0 40%, 100% 32%, 100% 100%, 0% 100%);
        height: 160px;
    }
}

/* === MEDIA QUERIES ===   */




/* === HEARTBEAT === */
/* ----------------------------------------------
 * See http://animista.net/license for more info.
 */
.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.71);
        transform: scale(0.71);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.77);
        transform: scale(0.77);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

/* === HEARTBEAT === */

/* === MODAL === */
.ftco-degree-bg {
    position: relative;
}

.ftco-degree-bg:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -30px;
    overflow: visible;
    width: 50%;
    height: 60px;
    z-index: 1;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    transform: skewY(-10deg);
    background-color: #fff;
}

.ftco-degree-bg:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    overflow: visible;
    width: 50%;
    height: 60px;
    z-index: 1;
    -webkit-transform: skewY(10deg);
    -moz-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    -o-transform: skewY(10deg);
    transform: skewY(10deg);
    background-color: #fff;
}


.modal-dialog {
    max-width: 600px;
}

.modal-content {
    overflow: hidden;
    border: none;
    position: relative;
    padding: 0 !important;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}

.modal-content .modal-header {
    position: relative;
    padding: 0;
    border: none;
    height: 230px;
    background: #FFE000;
    background: -moz-linear-gradient(45deg, #FFD04D 0%, #FFE000 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #FFD04D), color-stop(100%, #FFE000));
    background: -webkit-linear-gradient(45deg, #FFD04D 0%, #FFE000 100%);
    background: -o-linear-gradient(45deg, #FFD04D 0%, #FFE000 100%);
    background: -ms-linear-gradient(45deg, #FFD04D 0%, #FFE000 100%);
    background: linear-gradient(45deg, #FFD04D 0%, #FFE000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD04D', endColorstr='#FFE000', GradientType=1);
}

.modal-content button.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    color: #FFE000;
}

.modal-content .modal-body {
    border: none;
    overflow: hidden;
    margin-top: -180px;
    z-index: 2;
}

.modal-content .modal-body .icon {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    font-size: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.modal-content .modal-body h2 {
    font-weight: 400;
    /* color: #fff;  */
}

.modal-content .modal-body h4 {
    font-size: 18px;
}

.modal-content .modal-body h3 {
    font-weight: 800;
    font-size: 22px;
}

.modal-content .modal-body h3 span {
    font-weight: 300;
}

/* === MODAL === */

/* =*=*=*=*=*=*= PRIVACIDADE =*=*=*=*=*=*=*= */
#privacidade h6,
#privacidade span{
    font-weight: 700;
}
#privacidade p{
    text-align: justify;
}

/* =*=*=*=*=*=*= PRIVACIDADE =*=*=*=*=*=*=*= */