body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
        border-radius: 10px;
        background-color: transparent;
    }

    body::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: transparent;
    }

    body::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
        background: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 0, 0), white);
    }

    @font-face {
        font-family: 'Fira Code';
        src: url(../FireFonts/FiraCode-VariableFont_wght_0.ttf);
    }

    * {
        font-family: 'Helvetica', sans-serif;
        margin: 0 auto;
        padding: 0;
    }

    body {
        background: #fff url(../FireImagens/fireteam.jpg) no-repeat center 50px;
        width: 100%;
        max-width: 1380px;
    }

    #FireTeaM {
        width: 100%;
        max-width: 1280px;
        min-width: 1030px;
        height: auto;
    }

    .f-teamNav {
        width: 100%;
        min-width: 1030px;
        max-width: 1280px;
        height: 80px;
        background: #fff;
        text-align: center;
        border-bottom: 3px solid #9d9b9b;
        border-radius: 5px;
        margin: auto;
    }

    .f-teamNav ul {
        list-style: none;
    }

    .f-teamNav ul li {
        display: inline-flex;
        padding-left: 40px;
        text-align: center;
    }

    .f-teamNav ul li a {
        color: #1d1d1d;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        line-height: 80px;
        font-size: 1em
    }

    .f-teamNav ul li a:hover {
        color: #3d3d3d;
    }

    .f-teamNav img {
        float: left;
        margin-right: -300px;
        margin-left: 100px;
        margin-top: 5px;
    }

    span {
        color: #000;
        margin-left: 0px;
    }

    #FireTeaM-section {
        height: 500px;
        background: #fff;
        margin-top: 500px
    }

    #box h1 {
        color: #7a7979;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.9em;
        margin-top: 180px;
        margin-left: 540px;
        position: absolute;
        text-align: center;
    }

    #clientes {
        width: 200px;
        float: left;
        margin-left: 100px;
    }

    #h1 {
        color: #fff;
        background: #3d3d3d;
        height: 30px;
        padding: 10px 10px 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        border-bottom: 5px solid #ff5555;
    }

    #h1 img {
        float: left;
        margin-top: 0px;
        margin-left: 15px;
        margin-right: -15px;
    }

    #clientes ul {
        list-style: none;
    }

    #clientes ul li {
        width: 200px;
        background: #3d3d3d;
        height: 35px;
        margin-bottom: 5px;
    }

    #clientes ul li a {
        color: rgb(255, 255, 255);
        line-height: 40px;
        font-size: 1em;
        font-family: 'Fira Code';
        text-decoration: none;
        padding-bottom: 5px;
        margin-left: 10px;
    }

    #clientes span {
        color: #3d3d3d;
        padding: 3px;
        border-radius: 10px;
        background: #fff;
        font-family: 'Fira Code';
        font-weight: bold;
        float: right;
        margin-top: 4px;
        margin-right: 5px;
    }

    #clientes ul li:hover {
        background: rgb(87, 84, 84);
        cursor: pointer;
    }

    #h1-cont {
        color: #fff;
        background: #3d3d3d;
        height: 30px;
        padding: 10px 10px 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        border-bottom: 5px solid #ff5555;
    }

    #h1-cont img {
        float: left;
        margin-top: 0px;
        margin-left: 290px;
        margin-right: -500px;
    }

    #FireTeaM-Container {
        width: 814px;
        margin-left: 340px;

    }

    #serv {
        width: 200px;
        height: 350px;
        display: inline-flex;
    }

    #serv .s97d {
        margin-top: 20px;
        position: absolute;
        margin-left: 0px;
        height: 300px;
    }

    #serv .s10m {
        margin-top: 40px;
        position: absolute;
        margin-left: -200px;
        height: 300px;
    }

    .servidor {
        width: 300px;
        background: #3d3d3d;
        height: 35px;
        margin-bottom: 5px;
        color: rgb(255, 255, 255);
        line-height: 40px;
        font-size: 1em;
        font-family: 'Fira Code';
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .servidor:hover {
        background: #ff5555;
    }

    #servidores {
        width: 820px;
        height: 430px;
    }

    .confira {
        margin-top: 350px;
        width: 200px;
        position: absolute;
        border-radius: 20px;
    }

    #sobrenos {
        height: 150px;
        display: inline-flex;
        margin-left: 40px;

        width: 813px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    #sobrenos p {
        font-family: 'Fira Code';
        font-size: 0.9em;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

    .sbn {
        margin-left: 40px;
    }

    #sobrenos img {
        width: 120px;
        align-items: center;
        justify-items: center;
        margin-left: 7px;
    }

    #h1-cont-info {
        color: #fff;
        background: #3d3d3d;
        height: 15px;
        width: 793px;
        padding: 10px 10px 10px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 0.8em;
        border-bottom: 5px solid #ff5555;
    }

    #h1-cont-info-p {
        color: #fff;
        background: #ff5555;
        height: 15px;
        width: 220px;
        padding: 10px 10px 10px;
        font-family: 'Fira Code';
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        border-bottom: 5px solid #3d3d3d;
        display: flex;
        float: left;
    }

    #cont-info-p {
        color: #3d3d3d;
        height: 15px;
        width: 600px;
        padding: 10px 10px 10px;
        font-family: 'Fira Code';
        text-align: center;
        text-transform: uppercase;
        font-size: 0.9em;
        display: flex;
        font-weight: bold;
    }

    #contato img {
        float: left;
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }

    #montaro {
        margin-top: 80px;
    }

    .nome,
    .descricao,
    .link {
        color: #fff;
        background: #3d3d3d;
        padding: 5px 15px;
        text-align: center;
        font-family: 'Fira Code';
    }

    .n-p,
    .d-p,
    .l-d {
        color: #fff;
        background: #ff5555;
        padding: 5px 15px;
        text-align: center;
        font-family: 'Fira Code';
        border-radius: 1px;
        border: 3px solid #3d3d3d;
    }

    .l-d {
        background: #ce4343;
        border-radius: 1px;
        border: 3px solid #3d3d3d;
    }

    .d-p {
        font-size: 0.8em;
    }

    .l-d a {
        color: #fff;
        font-family: 'Fira Code';
        text-decoration: none;
    }

    .l-d:hover {
        background: #993535;
        cursor: pointer;
    }

    #ult {
        width: 100vw;
        height: 100vh;
        position: absolute;
        background: rgb(0, 0, 0, 0.8);
        justify-items: center;
        align-items: center;
        z-index: 2000;
        top: 0;
        left: 0;
        position: fixed;
        border-radius: 10px;
        overflow: scroll;
        display: none;
    }

    #utilitario {
        width: 800px;
        margin-top: 250px;
    }

    .fechar {
        color: white;
        text-decoration: none;
        padding: 5px 15px;
        background: #ff5555;
        float: right;
        margin-top: -50px;
        margin-right: 0px;
        border: 2px solid #3d3d3d;
        border-radius: 5px;
        cursor: pointer;
    }

    .fechar:hover {
        background: #c44141;
        border: 2px solid #3d3d3d;
        cursor: pointer;
    }

    .titulo {
        width: 300px;
    }

    .titulo:after {
        content: '|';
        margin-left: 3px;
        opacity: 1;
        animation: fireTeam .7s infinite;
    }

    @keyframes fireTeam {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }
    }

    footer {
        width: 1200px;
        height: 80px;
        background: #fff;
        margin-top: 150px;
        text-align: center;
        color: #000;
        font-family: 'Fira Code';
        border-bottom: 2px solid #3d3d3d;
        border-top: 2px solid #3d3d3d;
        border-radius: 2px;
        margin-bottom: 10px;
    }

    footer img {
        float: left;
        margin-top: 5px;
        margin-left: 120px;
    }

    footer p {
        margin-top: 20px;
        margin-right: 220px;
    }

    @media only screen and (max-width: 1024px) {
        .f-teamNav {
            width: 100%;
            max-width: 1024px;
            height: 80px;
            background: #fff;
            text-align: center;
            border-bottom: 3px solid #9d9b9b;
            border-radius: 5px;
            margin: auto;
        }

        #clientes {
            width: 200px;
            float: left;
            margin-left: 0px;
        }

        #FireTeaM-Container {
            width: 814px;
            margin-left: 210px;

        }

        footer {
            width: 1024px;
            height: 80px;
            background: #fff;
            margin-top: 150px;
            text-align: center;
            color: #000;
            font-family: 'Fira Code';
            border-bottom: 2px solid #3d3d3d;
            border-top: 2px solid #3d3d3d;
            border-radius: 2px;
            margin-bottom: 10px;
        }

        .f-teamNav img {
            float: left;
            margin-right: 00px;
            margin-left: 0px;
            margin-top: 5px;
        }

        #FireTeaM {
            width: 1024px;
            height: auto;
        }
          #box h1 {
        color: #7a7979;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.9em;
        margin-top: 180px;
        margin-left: 390px;
        position: absolute;
        text-align: center;
    }
}
.contadepo {
    margin-top: 100px;
}

#h1-cont-info-c {
    color: #fff;
    background: #ff5555;
    height: 15px;
    width: 320px;
    padding: 10px 10px 10px;
    font-family: 'Fira Code';
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: 5px solid #3d3d3d;
    display: block;
    margin-left: 250px;
}

#caixa img {
    float: left;
    margin-top: 10px;
    width: 200px;
    height:200px;
    margin-right: 5px;
    margin-left: 40px;
}




    #s97, #s10, #ss2, #ss {
        width: 100vw;
        height: 100vh;
        position: absolute;
        background: rgb(0, 0, 0, 0.8);
        justify-items: center;
        align-items: center;
        z-index: 2000;
        top: 0;
        left: 0;
        position: fixed;
        border-radius: 10px;
        overflow: scroll;
        display: none;
    }

    #utilitario {
        width: 800px;
        margin-top: 250px;
    }

    .fechar, .fechar-s97, .fechar-s10, .fechar-ss2, .fechar-ss {
        color: white;
        text-decoration: none;
        padding: 5px 15px;
        background: #ff5555;
        float: right;
        margin-top: -60px;
        margin-right: 0px;
        border: 2px solid #3d3d3d;
        border-radius: 5px;
        cursor: pointer;
    }
.fechar-s97, .fechar-s10, .fechar-ss2, .fechar-ss{
    margin-right: 250px;
}
    .fechar:hover, .fechar-s97:hover, .fechar-s10:hover, .fechar-ss2:hover, .fechar-ss:hover {
        background: #c44141;
        border: 2px solid #3d3d3d;
        cursor: pointer;
    }
    #infos {
        width: 1010px;
        height: auto;
        color: #fff;
        background: #3d3d3d;
        position: relative;
        padding: 0px 10px;
        top: 300px;
        left: 0px;
        white-space: pre;
        font-family: 'Fira Code'


    }

    #f-suport {
        width: 100vw;
        height:100vh;
        justify-content: center;
        align-items: center;
        display: flex;
        position: fixed;
        text-align: center;
        left: 0; top: 0;
        z-index: 1;
    }
    .suporte {
        width: 400px;
        height: 140px;
        background: #fff;
        border-radius: 6px;
        box-shadow: 1px 1px 13px 3px #3d3d3d;
        -webkit-animation: modalAnimation325ms linear;
        -o-animation: modalAnimation 325ms linear;
        animation: modalAnimation 325ms linear;
    }
    .suporte h1 {
        color: #3d3d3d;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 60px;
        height: 40px;
    }
    .suporte p {
        font-size: 17px;
        margin-top: 15px;
        padding: 5px;
        border: 1px solid transparent;
         box-shadow: 1px 1px 13px 3px #a3a2a2;
         width: 90%;
    }
    .suporte button {
        border:none;
        background: #26a659;
        padding: 3px 10px;
        color: #fff;
        border-radius: 3px;
        margin-top: 17px;
        cursor: pointer;
        transition: 400ms;
    }
    .suporte button:hover {
        background: #1b8244;
        transition: 400ms;
    }
    @keyframes modalAnimation {
        0% {
            transform: scale(0.8);
        }
         100% {
            transform: scale(1);
         }
    }