@font-face {
    font-family: "Open Sans Regular";
    src: url(../fontes/OpenSans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: "Open Sans Bold";
    src: url(../fontes/OpenSans/OpenSans-Bold.ttf);
}

@font-face {
    font-family: "Open Sans Light";
    src: url(../fontes/OpenSans/OpenSans-Light.ttf);
}

@font-face {
    font-family: "Open Sans Italic";
    src: url(../fontes/OpenSans/OpenSans-Italic.ttf);
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Open Sans Regular';
    scroll-behavior: smooth;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.input-disabled {
    cursor: default !important;
}

button {
    background: rgb(20, 59, 75);
    border: 1px solid #00aefa;
}

span {
    font-size: 100%;
}

svg {
    fill: #00aefa;
}

.flex {
    display: flex;
}

.column {
    flex-direction: column;
}

.wrap {
    flex-wrap: wrap;
}

.hide {
    display: none;
}

.hide-menu {
    top: -100%;
}

/* Font style */

.font-bold {
    font-family: "Open Sans Bold";
}

.font-thin {
    font-family: "Open Sans Light";
}

.font-italic {
    font-family: "Open Sans Italic" !important;
}

/* Font color */

.font-white {
    color: #fff;
}

.font-blue {
    color: #00aefa;
}

.font-gold {
    color: #c9932a;
}

.font-light-gray {
    color: #a1b4bf;
}

.font-gray {
    color: #7f7f7f;
}

/* Font size */
.fs-9 {
    font-size: .563rem;
}

.fs-10 {
    font-size: .625rem;
}

.fs-11 {
    font-size: .688rem;
}

.fs-12 {
    font-size: .75rem;
}

.fs-13 {
    font-size: .813rem;
}

.fs-14 {
    font-size: .875rem;
}

.fs-15 {
    font-size: .938rem;
}

.fs-16 {
    font-size: 1rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-25 {
    font-size: 1.563rem;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-35 {
    font-size: 2.188rem;
}

.fs-40 {
    font-size: 2.5rem;
}

.fs-50 {
    font-size: 3.125rem;
}

/* Button styles */

button {
    cursor: pointer;
}

.button-link {
    color: white;
    background: #00aefa;
    padding: 17px 35px;
    transition: .3s linear;
    font-size: 14px;
    align-items: center;
    display: flex;
}

.button-link:hover {
    background: #09a8d4;
}

.button-border-blue {
    border: 1px solid #00aefa;
    color: #00aefa;
    background: transparent;
    transition: .3s linear;
}

.button-border-blue:hover {
    color: white;
    background: #00aefa;
}

.button-border-semi-blue {
    border: 1px solid #00aefa;
    color: #00aefa;
    background: transparent;
    transition: .3s linear;
    align-items: center;
}

.button-border-semi-blue:hover {
    color: white;
    background: #00affa55;
}

.button-border-white {
    border: 1px solid white;
    color: white;
    background: transparent;
    padding: 17px 35px;
    transition: .3s linear;
    font-size: 14px;
    align-items: center;
    display: flex;
}

.button-border-white:hover {
    border: 1px solid #00aefa;
    background: rgba(255, 255, 255, 0.05);
    color: #00aefa;
}

.inputRequired {
    border: 1px rgb(231, 58, 58) solid !important;
    background: rgba(255, 144, 144, 0.103);
}

#secao12-popup-div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #05293949;
    justify-content: center;
    align-items: center;
    z-index: 7;
    display: none;
}

.show-popup {
    display: flex !important;
}

#secao12-popup {
    border-radius: 2px;
    padding: 30px;
    width: 500px;
    background: #0d1b21;
    position: relative;
    align-items: center;
}


#secao12-close-popup {
    border: none;
    font-size: 20px;
    color: white;
    right: 20px;
    top: 20px;
    transform: translate(-50%, -50%);
    background: unset;
    position: absolute;
}

#secao12-close-popup:hover {
    cursor: pointer;
    transform: scale(1.05) translate(-50%, -50%);
}

#secao12-popup h5 {
    text-align: center;
    margin-bottom: 30px;
}

#secao12-popup button:last-of-type {
    margin-left: 10px;
}

#secao12-email-button:hover #popup-email-svg {
    fill: white;
}

@media screen and (max-width: 810px) {
    #secao12-popup button:last-of-type {
        margin-left: 0;
        margin-top: 10px;
    }
    #secao12 svg{
        position: relative;
        margin-left: 5px;
        margin-bottom: 5px;
    }
}