﻿/* blue - #007BB9 */
.color-blue {
    color: #007BB9;
}
.color-blue-important {
    color: #007BB9 !important;
}
.bg-blue {
    background-color: #007BB9;
}
.bg-blue-important {
    background-color: #007BB9 !important;
}
.border-blue {
    border-color: #007BB9 !important;
}

/* lightblue - #a6c7d8 */
.color-lightblue {
    color: #a6c7d8;
}
.color-lightblue-important {
    color: #a6c7d8 !important;
}
.bg-lightblue {
    background-color: #a6c7d8;
}
.bg-lightblue-important {
    background-color: #a6c7d8 !important;
}
.border-lightblue {
    border-color: #a6c7d8 !important;
}

/* lighterblue - #c3e2f1 */
.color-lighterblue {
    color: #c3e2f1;
}
.color-lighterblue-important {
    color: #c3e2f1 !important;
}
.bg-lighterblue {
    background-color: #c3e2f1;
}
.bg-lighterblue-important {
    background-color: #c3e2f1 !important;
}
.border-lighterblue {
    border-color: #c3e2f1 !important;
}

/* darkblue - #00374C */
.color-darkblue {
    color: #00374C;
}
.color-darkblue-important {
    color: #00374C !important;
}
.bg-darkblue {
    background-color: #00374C;
}
.bg-darkblue-important {
    background-color: #00374C !important;
}
.border-darkblue {
    border-color: #00374C !important;
}

/* green - #84C446 */
.color-green {
    color: #84C446;
}
.color-green-important {
    color: #84C446 !important;
}
.bg-green {
    background-color: #84C446;
}
.bg-green-important {
    background-color: #84C446 !important;
}
.border-green {
    border-color: #84C446 !important;
}

/* yellow - #ffe200 */
.color-yellow {
    color: #ffe200;
}
.color-yellow-important {
    color: #ffe200 !important;
}
.bg-yellow {
    background-color: #ffe200;
}
.bg-yellow-important {
    background-color: #ffe200 !important;
}
.border-yellow {
    border-color: #ffe200 !important;
}

/* white - #FFFFFF */
.color-white {
    color: #FFFFFF;
}
.color-white-important {
    color: #FFFFFF !important;
}
.bg-white {
    background-color: #FFFFFF;
}
.bg-white-important {
    background-color: #FFFFFF !important;
}
.border-white {
    border-color: #FFFFFF !important;
}

/* whiteblue - #f1f6fc */
.color-whiteblue {
    color: #f1f6fc;
}
.color-whiteblue-important {
    color: #f1f6fc !important;
}
.bg-whiteblue {
    background-color: #f1f6fc;
}
.bg-whiteblue-important {
    background-color: #f1f6fc !important;
}
.border-whiteblue {
    border-color: #f1f6fc !important;
}

/* black - #000000 */
.color-black, .color-primary {
    color: #000000;
}
.color-black-important, .color-primary-important {
    color: #000000 !important;
}
.bg-black {
    background-color: #000000;
}
.bg-black-important {
    background-color: #000000 !important;
}
.border-black {
    border-color: #000000 !important;
}

/* dark - #28130A */
.color-dark {
    color: #28130A;
}
.color-dark-important {
    color: #28130A !important;
}
.bg-dark {
    background-color: #28130A;
}
.bg-dark-important {
    background-color: #28130A !important;
}
.border-dark {
    border-color: #28130A !important;
}

/* gray - #818181 */
.color-gray, .color-secondary {
    color: #818181;
}
.color-gray-important, .color-secondary-important {
    color: #818181 !important;
}
.bg-gray {
    background-color: #818181;
}
.bg-gray-important {
    background-color: #818181 !important;
}
.border-gray {
    border-color: #818181 !important;
}

/* gray2 - #666666 */
.color-gray2 {
    color: #666666;
}
.color-gray2-important {
    color: #666666 !important;
}
.bg-gray2 {
    background-color: #666666;
}
.bg-gray2-important {
    background-color: #666666 !important;
}
.border-gray2 {
    border-color: #666666 !important;
}

/* gray3 - #b3b3b3 */
.color-gray3 {
    color: #b3b3b3;
}
.color-gray3-important {
    color: #b3b3b3 !important;
}
.bg-gray3 {
    background-color: #b3b3b3;
}
.bg-gray3-important {
    background-color: #b3b3b3 !important;
}
.border-gray3 {
    border-color: #b3b3b3 !important;
}

/* gray4 - #DDDDDD */
.color-gray4 {
    color: #DDDDDD;
}
.color-gray4-important {
    color: #DDDDDD !important;
}
.bg-gray4 {
    background-color: #DDDDDD;
}
.bg-gray4-important {
    background-color: #DDDDDD !important;
}
.border-gray4 {
    border-color: #DDDDDD !important;
}

/* gray5 - #CCCCCC */
.color-gray5 {
    color: #CCCCCC;
}
.color-gray5-important {
    color: #CCCCCC !important;
}
.bg-gray5 {
    background-color: #CCCCCC;
}
.bg-gray5-important {
    background-color: #CCCCCC !important;
}
.border-gray5 {
    border-color: #CCCCCC !important;
}

/* gray6 - #9B9B9B */
.color-gray6 {
    color: #9B9B9B;
}
.color-gray6-important {
    color: #9B9B9B !important;
}
.bg-gray6 {
    background-color: #9B9B9B;
}
.bg-gray6-important {
    background-color: #9B9B9B !important;
}
.border-gray6 {
    border-color: #9B9B9B !important;
}

/* lightgray - #F2F2F2 */
.color-lightgray {
    color: #F2F2F2;
}
.color-lightgray-important {
    color: #F2F2F2 !important;
}
.bg-lightgray {
    background-color: #F2F2F2;
}
.bg-lightgray-important {
    background-color: #F2F2F2 !important;
}
.border-lightgray {
    border-color: #F2F2F2 !important;
}

/* red - #A5002D */
.color-red {
    color: #A5002D;
}
.color-red-important {
    color: #A5002D !important;
}
.bg-red {
    background-color: #A5002D;
}
.bg-red-important {
    background-color: #A5002D !important;
}
.border-red {
    border-color: #A5002D !important;
}

/* darkred - #600023 */
.color-darkred {
    color: #600023;
}
.color-darkred-important {
    color: #600023 !important;
}
.bg-darkred {
    background-color: #600023;
}
.bg-darkred-important {
    background-color: #600023 !important;
}
.border-darkred {
    border-color: #600023 !important;
}

/* brown - #948985 */
.color-brown {
    color: #948985;
}
.color-brown-important {
    color: #948985 !important;
}
.bg-brown {
    background-color: #948985;
}
.bg-brown-important {
    background-color: #948985 !important;
}
.border-brown {
    border-color: #948985 !important;
}

/* transparent */
.color-transparent {
    color: transparent;
}
.color-transparent-important {
    color: transparent !important;
}
.bg-transparent {
    background-color: transparent;
}
.bg-transparent-transparent {
    background-color: transparent !important;
}
.border-transparent {
    border-color: transparent !important;
}

/* facebook color - #4267B2 */
.color-facebook {
    color: #4267B2;
}
.color-facebook-important {
    color: #4267B2 !important;
}
.bg-facebook {
    background-color: #4267B2;
}
.bg-facebook-important {
    background-color: #4267B2 !important;
}
.border-facebook {
    border-color: #4267B2 !important;
}

/* whatsapp color - #25D366 */
.color-whatsapp {
    color: #25D366;
}
.color-whatsapp-important {
    color: #25D366 !important;
}
.bg-whatsapp {
    background-color: #25D366;
}
.bg-whatsapp-important {
    background-color: #25D366 !important;
}
.border-whatsapp {
    border-color: #25D366 !important;
}

/* FONT SIZES */
.font-size-60 {
    font-size: 60px;
}
.font-size-50 {
    font-size: 50px;
}
.font-size-45, .font-size-header1, h1 {
    font-size: 45px;
}
.font-size-40 {
    font-size: 40px;
}
.font-size-35, .font-size-header2, h2 {
    font-size: 35px;
}
.font-size-34 {
    font-size: 34px;
}
.font-size-32 {
    font-size: 32px;
}
.font-size-30, .font-size-header3, h3 {
    font-size: 30px;
}
.font-size-28, .font-size-xl {
    font-size: 28px;
}
.font-size-26 {
    font-size: 26px;
}
.font-size-25, .font-size-header4, h4 {
    font-size: 25px;
}
.font-size-24 {
    font-size: 24px;
}
.font-size-23 {
    font-size: 23px;
}
.font-size-22 {
    font-size: 22px;
}
.font-size-20, .font-size-lg {
    font-size: 20px;
}
.font-size-19 {
    font-size: 19px;
}
.font-size-18, .font-size-header5, h5 {
    font-size: 18px;
}
.font-size-17, .font-size-md {
    font-size: 17px;
}
.font-size-16, .font-size-sm, .font-size-text, h6 {
    font-size: 16px;
}
.font-size-15 {
    font-size: 15px;
}
.font-size-14, .font-size-xs {
    font-size: 14px;
}
.font-size-13, .font-size-xxs {
    font-size: 13px;
}
.font-size-12, .font-size-xxxs {
    font-size: 12px;
}
.font-size-11 {
    font-size: 11px;
}
.font-size-10 {
    font-size: 10px;
}

/* FONTS FAMILIES */
.font-normal, .font-regular, .font, .font-medium {
    font-family: "Futura Medium", sans-serif;
}
.font-normal-important, .font-regular-important, .font-important, .font-medium-important {
    font-family: "Futura Medium", sans-serif !important;
}
.font-book {
    font-family: "Futura Book", sans-serif;
}
.font-book-important {
    font-family: "Futura Book", sans-serif !important;
}
.font-manrope {
    font-family: "Manrope", sans-serif;
}
.font-manrope-bold {
    font-family: "Manrope Bold", sans-serif;
}
.font-manrope-light {
    font-family: "Manrope Light", sans-serif;
}
.font-bold {
    font-family: "Futura Medium", sans-serif;
    font-weight: bold;
}

/* texts */
.text-line-through {
    text-decoration: line-through;
}
.text-transform-none {
    text-transform: none !important;
}
.text-underline {
    text-decoration: underline !important;
}
.line-height-normal {
    line-height: normal;
}
.line-height-unset {
    line-height: unset;
}
.line-height-0 {
    line-height: 0px;
}
.line-height-17 {
    line-height: 17px;
}
.line-height-22 {
    line-height: 22px;
}

/* positions */
.position-unset {
    position: unset;
}
.z-index-0 {
    z-index: 0;
}
.z-index-0-important {
    z-index: 0 !important;
}
.z-index-1 {
    z-index: 1;
}
.z-index-1-important {
    z-index: 1 !important;
}
.z-index-2 {
    z-index: 2;
}
.z-index-2-important {
    z-index: 2 !important;
}
.z-index-3 {
    z-index: 3;
}
.z-index-3-important {
    z-index: 3 !important;
}
.z-index-5 {
    z-index: 5;
}
.z-index-5-important {
    z-index: 5 !important;
}
.z-index-10 {
    z-index: 10;
}
.z-index-10-important {
    z-index: 10 !important;
}
.z-index-15 {
    z-index: 15;
}
.z-index-15-important {
    z-index: 15 !important;
}
.z-index-20 {
    z-index: 20;
}
.z-index-20-important {
    z-index: 20 !important;
}
.z-index-75 {
    z-index: 75;
}
.z-index-75-important {
    z-index: 75 !important;
}
.z-index-100 {
    z-index: 75;
}
.z-index-100-important {
    z-index: 100 !important;
}
.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}

/* aligns */
.vertical-align-top {
    vertical-align: top;
}
.vertical-align-top-important {
    vertical-align: top !important;
}
.vertical-align-middle {
    vertical-align: middle;
}
.vertical-align-middle-important {
    vertical-align: middle !important;
}
.vertical-align-bottom {
    vertical-align: bottom;
}
.vertical-align-bottom-important {
    vertical-align: bottom !important;
}

/* borders */
.border-1 {
    border: 1px solid;
}
.border-top-1 {
    border-top: 1px solid;
}
.border-bottom-1 {
    border-bottom: 1px solid;
}
.border-left-1 {
    border-left: 1px solid;
}
.border-right-1 {
    border-right: 1px solid;
}
.border-2 {
    border: 2px solid;
}
.border-top-2 {
    border-top: 2px solid;
}
.border-bottom-2 {
    border-bottom: 2px solid;
}
.border-left-2 {
    border-left: 2px solid;
}
.border-right-2 {
    border-right: 2px solid;
}
.border-3 {
    border: 3px solid;
}
.border-top-3 {
    border-top: 3px solid;
}
.border-bottom-3 {
    border-bottom: 3px solid;
}
.border-left-3 {
    border-left: 3px solid;
}
.border-right-3 {
    border-right: 3px solid;
}

/* overlays */
.full-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 1;
}
.full-overlay-white {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    opacity: 0.5;
    z-index: 1;
}
.full-overlay-blue {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #007BB9;
    opacity: 0.5;
    z-index: 1;
}
.full-overlay-transparent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    opacity: 0;
    z-index: 1;
}

/* background-images */
.bg-size-cover {
    background-size: cover;
}
.bg-size-contain {
    background-size: contain;
}
.bg-position-top {
    background-position: top center;
}
.bg-position-center {
    background-position: center;
}
.bg-position-bottom {
    background-position: bottom center;
}
.bg-repeat-no {
    background-repeat: no-repeat;
}
.bg-repeat-x {
    background-repeat: repeat-x;
}
.bg-repeat-y {
    background-repeat: repeat-y;
}

/* images */
.mix-blend-multiply {
    mix-blend-mode: multiply;
}

/* objects */
.object-fit-cover {
    object-fit: cover;
}
.object-fit-contain {
    object-fit: contain;
}
.object-postion-top {
    object-position: top;
}
.object-postion-center {
    object-position: center;
}
.object-postion-bottom {
    object-position: bottom;
}

/* btns */
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.btn {
    border: 1px solid;
    border-color: #28130A;
    border-radius: 0;
    color: #28130A;
    background-color: transparent;
    transition-property: background-color, color, border-color, box-shadow;
    transition-duration: .3s, .3s, .3s, .8s;
    transition-timing-function: ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    padding: 0.8rem 4rem;
    cursor: pointer;
}
.btn-sm {
    font-size: 16px;
    padding: 0.7rem 4rem;
}
.btn-xs {
    font-size: 14px;
    padding: 0.6rem 4rem;
}
.btn-xs.font-size-13 {
    font-size: 13px;
}
.btn-xxs {
    font-size: 12px;
    padding: 0.4rem 2rem;
}
.btn:hover {
    color: #FFFFFF;
    background-color: #28130A;
}
.btn-blue {
    border-color: #007BB9;
    color: #007BB9;
}
.btn-blue-no-hover {
    border-color: #007BB9 !important;
    color: #007BB9 !important;
    background-color: transparent !important;
}
.btn-blue:hover {
    background-color: #007BB9;
}
.btn-green {
    border-color: #84C446;
    color: #84C446;
}
.btn-green-no-hover {
    border-color: #84C446 !important;
    color: #84C446 !important;
    background-color: transparent !important;
}
.btn-green:hover {
    background-color: #84C446;
}
.btn-yellow {
    border-color: #ffe200;
    color: #ffe200;
}
.btn-yellow-no-hover {
    border-color: #ffe200 !important;
    color: #ffe200 !important;
    background-color: transparent !important;
}
.btn-yellow:hover {
    background-color: #ffe200;
}
.btn-white {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.btn-white-no-hover {
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: transparent !important;
}
.btn-white:hover {
    background-color: #FFFFFF;
    color: #000000;
}
.btn-black {
    border-color: #000000;
    color: #000000;
}
.btn-black-no-hover {
    border-color: #000000 !important;
    color: #000000 !important;
    background-color: transparent !important;
}
.btn-black:hover {
    background-color: #000000;
}
.btn-red {
    border-color: #A5002D;
    color: #A5002D;
}
.btn-red-no-hover {
    border-color: #A5002D !important;
    color: #A5002D !important;
    background-color: transparent !important;
}
.btn-red:hover {
    background-color: #A5002D;
}
.btn.invert, .btn.invert-no-hover {
    color: #FFFFFF;
    background-color: #28130A;
}
.btn.invert:hover {
    color: #28130A;
    background-color: transparent;
}
.btn-blue.invert, .btn-blue.invert-no-hover {
    color: #FFFFFF;
    background-color: #007BB9;
}
.btn-blue.invert:hover {
    color: #007BB9;
    background-color: transparent;
}
.btn-green.invert, .btn-green.invert-no-hover {
    color: #FFFFFF;
    background-color: #84C446;
}
.btn-green.invert:hover {
    color: #84C446;
    background-color: transparent;
}
.btn-yellow.invert, .btn-yellow.invert-no-hover {
    color: #FFFFFF;
    background-color: #ffe200;
}
.btn-yellow.invert:hover {
    color: #ffe200;
    background-color: transparent;
}
.btn-black.invert, .btn-black.invert-no-hover {
    color: #FFFFFF;
    background-color: #000000;
}
.btn-black.invert:hover {
    color: #000000;
    background-color: transparent;
}
.btn-white.invert, .btn-white.invert-no-hover {
    color: #000000;
    background-color: #FFFFFF;
}
.btn-white.invert:hover {
    color: #FFFFFF;
    background-color: transparent;
}
.btn-red.invert, .btn-red.invert-no-hover {
    color: #FFFFFF;
    background-color: #A5002D;
}
.btn-red.invert:hover {
    color: #A5002D;
    background-color: transparent;
}
button.no-button {
    background-color: transparent;
    border: 0;
}

/* inputs */
.input {
    border: 1px solid;
    border-color: #000000;
    color: #000000;
    background-color: #FFFFFF !important;
    border-radius: 0;
    font-weight: normal;
    font-size: 18px;
    padding: 1rem 2rem;
    width: 100%;
    height: auto;
}
.input::placeholder, .input::-webkit-input-placeholder, .input:-ms-input-placeholder {
    color: #666666 !important;
}
.input-sm {
    font-size: 16px;
    padding: 0.8rem 2rem;
}
.input-xs {
    font-size: 14px;
    padding: 0.8rem 1rem;
}
.input-white {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.input-white::placeholder, .input-white::-webkit-input-placeholder, .input-white:-ms-input-placeholder {
    color: #FFFFFF !important;
}
.form-control:not(.input)::placeholder {
    color: inherit !important;
}
.form-control:focus {
    border-color: inherit !important;
    color: inherit !important;
    box-shadow: none;
}
.form-control {
    border-radius: 0;
}
.input-group-text {
    border-radius: 0;
}
.checkbox {
    cursor: pointer;
}
.checkbox.d-inline {
    position: relative;
    top: 2px;
}

/* paddings - margins */
.p-section-xxxl {
    padding-top: 120px;
    padding-bottom: 120px;
}
.p-section-xxl {
    padding-top: 110px;
    padding-bottom: 110px;
}
.p-section-xl {
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-section-lg {
    padding-top: 90px;
    padding-bottom: 90px;
}
.p-section-md, .p-section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.p-section-sm {
    padding-top: 70px;
    padding-bottom: 70px;
}
.p-section-xs {
    padding-top: 60px;
    padding-bottom: 60px;
}
.p-section-xxs {
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-section-xxxs {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* tamanhos */
.w-auto {
    width: auto;
}
.h-auto {
    height: auto;
}
.mw-0 {
    max-width: 0px;
}
.mw-60 {
    max-width: 60px;
}
.mw-200 {
    max-width: 200px;
}
.mw-250 {
    max-width: 250px;
}
.mw-300 {
    max-width: 300px;
}
.mw-350 {
    max-width: 350px;
}
.mw-400 {
    max-width: 400px;
}
.mw-500 {
    max-width: 500px;
}
.mw-600 {
    max-width: 600px;
}
.mw-700 {
    max-width: 700px;
}
.minw-0 {
    min-width: 0px;
}
.minw-60 {
    min-width: 60px;
}
.minw-80 {
    min-width: 80px;
}
.minw-100 {
    min-width: 100px;
}
.mh-40 {
    max-height: 40px;
}
.mh-45 {
    max-height: 45px;
}
.mh-50 {
    max-height: 50px;
}
.mh-60 {
    max-height: 60px;
}
.mh-80 {
    max-height: 80px;
}
.mh-100 {
    max-height: 100px;
}
.minh-0 {
    min-height: 0px;
}
.minh-50 {
    min-height: 50px;
}
.minh-60 {
    min-height: 60px;
}
.minh-80 {
    min-height: 80px;
}
.minh-100 {
    min-height: 100px;
}
.height-200 {
    height: 200px;
}
.height-400 {
    height: 400px;
}
.height-600 {
    height: 600px;
}

/* opacity */
.opacity-0 {
    opacity: 0;
}
.opacity-1 {
    opacity: 1;
}
.opacity-2 {
    opacity: .2;
}
.opacity-3 {
    opacity: .3;
}
.opacity-4 {
    opacity: .4;
}
.opacity-5 {
    opacity: .5;
}
.opacity-6 {
    opacity: .6;
}
.opacity-7 {
    opacity: .7;
}
.opacity-8 {
    opacity: .8;
}
.opacity-9 {
    opacity: .9;
}

/* others */
.border-radius-0 {
    border-radius: 0;
}
.border-radius-0-important {
    border-radius: 0 !important;
}
.border-radius-3 {
    border-radius: 3px;
}
.border-radius-5 {
    border-radius: 5px;
}
.letter-spacing-0 {
    letter-spacing: 0px;
}
.letter-spacing-05 {
    letter-spacing: 0.5px;
}
.letter-spacing-1 {
    letter-spacing: 1px;
}
.letter-spacing-2 {
    letter-spacing: 2px;
}
.letter-spacing-3 {
    letter-spacing: 3px;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-unset {
    cursor: unset;
}
.box-shadow-none {
    box-shadow: none;
}
.box-shadow-none-important {
    box-shadow: none !important;
}
.absolute-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.absolute-overlay:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.h1-line::before, .h1-line-1::before, .h1-line-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 16px;
    background-image: url("../images/h1-line.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-bottom: 15px;
}
.h1-line-1::before {
    margin-bottom: 10px;
}
.h1-line-2::before {
    margin-bottom: 20px;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
