@font-face {
    font-family: Quantify;
    src: url(../fonts/Quantify-Bold.woff2) format("woff2");
}
@font-face {
    font-family: Trattatello;
    src: url(../fonts/Trattatello-Font/@font-face/05289e866fe7e1e99d27a7a31f8d3b66.ttf)
        format("truetype");
}
.font-quantify {
    font-family: Quantify, Arial, sans-serif;
}
.font-trattatello {
    font-family: Trattatello, fantasy, Arial, serif;
}
.font-italic {
    font-style: italic !important;
}
html,
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.my-body {
    padding-top: 84px;
}
.text-gray {
    color: #b4b4b4 !important;
}
.text-blue,
a {
    color: #014485 !important;
}
.text-orange {
    color: #da7401 !important;
}
.bg-gray {
    background-color: #b4b4b4 !important;
}
.bg-blue {
    background-color: #014485 !important;
}
.bg-orange {
    background-color: #da7401 !important;
}
.border-gray {
    border-color: #b4b4b4 !important;
}
.border-blue,
.menu-child:hover > .menu-button,
.menu-child:hover .text-menu {
    border-color: #014485 !important;
}
.border-orange {
    border-color: #da7401 !important;
}
.menu-row {
    height: 35.19px;
    cursor: pointer;
}
.header-right {
    top: 10%;
}
.header-right:active,
.header-right:hover {
    -moz-box-shadow: -8px 7px 16px -5px #fff;
    -webkit-box-shadow: -8px 7px 16px -5px #fff;
    box-shadow: -8px 7px 16px -5px #fff;
    border-radius: 1rem;
}
.header-right:active > .menu-child,
.header-right:hover > .menu-child {
    display: block;
}
.menu-icon {
    width: 90%;
}
.menu-child {
    display: none;
}
#box-chat {
    width: 300px;
    height: 450px;
    background-color: rgba(236, 229, 221, 1);
    background-image: url("img/whatsapp-background.png");
}
#box-chat .title {
    height: 20%;
}
#box-chat > .deep {
    background-color: rgba(236, 229, 221, 0.9);
}
#box-chat.hide {
    width: 0px;
    height: 0px;
}
#box-chat.hide .hide-on-close {
    display: none !important;
}
.chat {
    border-top-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}
.chat:before {
    right: 99.7%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%);
    content: "";
    position: absolute;
    top: 0;
    height: 18px;
    width: 9px;
    background-color: #dcf8c6;
}
.w-20 {
    width: 20% !important;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.min-h-100 {
    min-height: 100%;
}
.bg-cover,
.bg-contain {
    background-repeat: no-repeat;
    background-position: center;
}
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}
.bg-top {
    background-position: top center;
}
.bg-bottom {
    background-position: bottom center;
}
.bg-left {
    background-position: center left;
}
.bg-right {
    background-position: center right;
}
.bg-top-left {
    background-position: top left;
}
.bg-top-right {
    background-position: top right;
}
.bg-bottom-left {
    background-position: bottom left;
}
.bg-bottom-right {
    background-position: bottom right;
}
.pt-150 {
    padding-top: 150%;
}
.pt-125 {
    padding-top: 125%;
}
.pt-100 {
    padding-top: 100%;
}
.pt-50 {
    padding-top: 50%;
}
.pt-40 {
    padding-top: 40%;
}
.pt-30 {
    padding-top: 30%;
}
.header {
    height: 84px;
    z-index: 99;
}
.my-shadow {
    -webkit-box-shadow: 0px 2px 9px -1px #b0b0b0;
    box-shadow: 0px 2px 9px -1px #b0b0b0;
}
.circle,
.box {
    aspect-ratio: 1 / 1;
}
.circle {
    border-radius: 50%;
}
.fem-1 {
    font-size: 1em;
}
.fem-2 {
    font-size: 2em;
}
.fem-3 {
    font-size: 3em;
}
.fem-4 {
    font-size: 4em;
}
.fs-sm {
    font-size: 0.9em;
}
.fs-xs {
    font-size: 0.8em;
}
.text-whatsapp {
    color: #797978 !important;
}
.bg-lime {
    background-color: #25d366 !important;
}
.bg-soft-lime {
    background-color: #dcf8c6 !important;
}
.bg-dark-1 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-dark-2 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-dark-3 {
    background-color: rgba(0, 0, 0, 0.3);
}
.bg-dark-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-dark-5 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-dark-6 {
    background-color: rgba(0, 0, 0, 0.6);
}
.bg-dark-7 {
    background-color: rgba(0, 0, 0, 0.7);
}
.bg-dark-8 {
    background-color: rgba(0, 0, 0, 0.8);
}
.bg-dark-9 {
    background-color: rgba(0, 0, 0, 0.9);
}
.bg-dark-10 {
    background-color: rgba(0, 0, 0, 1);
}
.bg-light-1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.bg-light-2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-light-3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-light-4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.bg-light-5 {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-light-6 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-light-7 {
    background-color: rgba(255, 255, 255, 0.7);
}
.bg-light-8 {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-light-9 {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-light-10 {
    background-color: rgba(255, 255, 255, 1);
}
.animate {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.rounded-xl {
    border-radius: 1rem;
}
.rounded-left-xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-right-xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.rounded-top-xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.modal-dialog {
    max-width: 90%;
    width: 900px;
}
.rotate-90 {
    height: 90%;
    aspect-ratio: 1 / 1;
    behavior: url(-ms-transform.htc);
    transform: rotate(90deg) translate(5%, 0%);
    /* Firefox */
    -moz-transform: rotate(90deg) translate(5%, 0%);
    /* Safari and Chrome */
    -webkit-transform: rotate(90deg) translate(5%, 0%);
    /* Opera */
    -o-transform: rotate(90deg) translate(5%, 0%);
    /* IE9 */
    -ms-transform: rotate(90deg) translate(5%, 0%);
}
.rotate-90-reverse {
    height: 90%;
    aspect-ratio: 1 / 1;
    behavior: url(-ms-transform.htc);
    transform: rotate(-90deg) translate(5%, 0%);
    /* Firefox */
    -moz-transform: rotate(-90deg) translate(5%, 0%);
    /* Safari and Chrome */
    -webkit-transform: rotate(-90deg) translate(5%, 0%);
    /* Opera */
    -o-transform: rotate(-90deg) translate(5%, 0%);
    /* IE9 */
    -ms-transform: rotate(-90deg) translate(5%, 0%);
}
.mantul-mantul {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@media (max-width: 1740px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
    .w-lg-100 {
        width: 100% !important;
    }
    .w-lg-75 {
        width: 75% !important;
    }
    .pt-lg-100 {
        padding-top: 100%;
    }
    .pt-lg-90 {
        padding-top: 90%;
    }
    .pt-lg-80 {
        padding-top: 80%;
    }
    .pt-lg-70 {
        padding-top: 70%;
    }
    .pt-lg-60 {
        padding-top: 60%;
    }
    .pt-lg-50 {
        padding-top: 50%;
    }
    .pt-lg-40 {
        padding-top: 40%;
    }
    .pt-lg-30 {
        padding-top: 30%;
    }
}
@media (max-width: 767px) {
    .text-start-md {
        text-align: left !important;
    }
    .text-end-md {
        text-align: right !important;
    }
    .text-center-md {
        text-align: center !important;
    }
    .fem-1,
    .fem-2 {
        font-size: 1em;
    }
    .fem-3 {
        font-size: 2em;
    }
    .fem-4 {
        font-size: 3em;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .pt-md-100 {
        padding-top: 100%;
    }
    .pt-md-90 {
        padding-top: 90%;
    }
    .pt-md-80 {
        padding-top: 80%;
    }
    .pt-md-70 {
        padding-top: 70%;
    }
    .pt-md-60 {
        padding-top: 60%;
    }
    .pt-md-50 {
        padding-top: 50%;
    }
    .pt-md-40 {
        padding-top: 40%;
    }
    .pt-md-30 {
        padding-top: 30%;
    }
    .fs-md-5 {
        font-size: 1.25rem !important;
    }
}
@media (max-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .pt-sm-100 {
        padding-top: 100%;
    }
    .pt-sm-90 {
        padding-top: 90%;
    }
    .pt-sm-80 {
        padding-top: 80%;
    }
    .pt-sm-70 {
        padding-top: 70%;
    }
    .pt-sm-60 {
        padding-top: 60%;
    }
    .pt-sm-50 {
        padding-top: 50%;
    }
    .pt-sm-40 {
        padding-top: 40%;
    }
    .pt-sm-30 {
        padding-top: 30%;
    }
    .fs-sm-5 {
        font-size: 1.25rem !important;
    }
}
@media (min-width: 577px) {
    .col-sm-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}