@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Righteous&family=Sarala:wght@400;700&family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Righteous&family=Sarala:wght@400;700&family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Varela+Round&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 100px;
  }

body {
    font-size: 13px;
    line-height: 1.7;
    font-family: "Ubuntu", sans-serif;
    width:100%;
    margin: 0 auto;
    min-width:380px;
    max-width:2600px;
    /*background-color: rgba(15, 41, 60, 1);*/
}

#page_wrapper {
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    z-index: 0;
  }

  /*[data-icon]:before {
    font-family: icons; /* BYO icon font, mapped smartly 
    content: attr(data-icon);
    speak: none; /* Not to be trusted, but hey. 
  }*/

 h3 {
    font-size: 25px;
    /*line-height: 30px;
    font-weight: 400;
    font-style: normal;*/
}

h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
}

/* link que ainda não foi visitado */
a:link {
    color: rgb(0, 0, 0);
 }
 
 /* link que foi visitado */
 a:visited {
     color: rgb(0, 0, 0);
 }
 
 /* mouse over */
 a:hover {
     color: #363434;
 }
 
 /* link selecionado */
 a:active {
     color: rgb(0, 0, 0);
 }

 button {
     cursor: pointer;
 }



.conteudo {
    /*margin-bottom: 48px;*/
    border-top: 0.4px solid #337ab7;
    display: block;    
    width: auto;
    /*max-width: 1920px;
    background-image: url(https://s3.amazonaws.com/suporteavulso.com.br/images/kallyas-landingpage.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;*/
}

.conteudo-principal {
    display: flex;
    flex-direction: column;
    /*align-items: baseline;*/
    /*align-content: center;*/
    justify-content: space-around;
    padding: 24px;
    background-image: url(https://s3.amazonaws.com/suporteavulso.com.br/images/kallyas-landingpage.jpg);
    height: 1090px;
    /*max-width: 1920px;*/
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /*verificar necessidade*/
    background-attachment: scroll;
    padding-left: 10%;
    /*max-width: 1024px;*/
}

.conteudo-principal-escrito {
    display: flex;
    flex-direction: column;
    gap: 25px;
    /*max-width: 1920px;*/
}

.conteudo-principal-escrito-titulo {
    /*font-family: 'Righteous', cursive;*/
    font-family: "Montserrat", Sans-serif;
    /*color: #337ab7;*/
    font-weight: 500;
    font-size: 36px;
}

.conteudo-principal-escrito-subtitulo {
    /*font-family: 'Sarala', sans-serif;*/
    font-family: "Montserrat", Sans-serif;
    /*color: #337ab7;*/
    font-weight: 300;
    font-size: 20px;
}

.conteudo-principal-escrito-botao {
    background-color: #fff;
    width: 250px;
    height: 70px;
    border: none;
    box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    /*font-family: 'Righteous', cursive;*/
    font-family: "Montserrat", Sans-serif;
    color: rgb(94, 93, 93);
    font-weight: 600;
    font-size: 15px;
}

.conteudo-principal-image {
    height: 430px;
    width: 430px;
}

.socorro {
    /*background-color: #2c2f50;*/
    background-color: rgba(15, 41, 60, 1);
    padding: 20px;
    color: #fff;
}

.socorro-div {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: left;
    width: auto;
    gap: 20px;
}

@media (max-width :1024px) {
    .socorro-div {
        display: box;
        flex-direction: column;
        /*justify-content: center;*/
    } 
}

.socorro-div-passos {
    /*display: -webkit-box;*/
    display: block;
    align-items: flex-start;
    box-shadow: 4px 5px 4px rgba(255, 255, 255, 0.25);
    border-radius: 20px 20px 60px 20px;
    padding: 20px;
}

.conteudo-secundario {
    /*background-color: rgb(255, 255, 255);*/
    /*display: box;*/
    /*background-color: #337ab7;*/
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /*vertical-align: middle;*/ /*apagado aqui*/
    /*position: fixed;*/
    /*gap: 24px;*/
    margin: 50px auto 50px auto;
    /*margin-top: 50px;
    margin-bottom: 50px;*/
    max-width: 1260px;
    /*min-width: 720px;*/
    /*height: auto;*/
    /*align-self: center;*/

    

    /*margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)*/

}

.conteudo-secundario-titulo {
    font-size: 22px;
    line-height: 31px;
    /*font-family: "Ubuntu", sans-serif;*/
    font-family: "Montserrat", Sans-serif;
    font-weight: 300;
}

.conteudo-secundario-paragrafo {
    font-size: 14px;
    /*line-height: 31px;*/
    /*font-family: "Ubuntu", sans-serif;*/
    font-family: "Montserrat", Sans-serif;
    font-weight: 200;
}

.conteudo-secundario-div1 {
    /*background-color: #8c7332;*/
    text-align: center;
    align-items: center;
    padding: 30px;
}

.conteudo-secundario-div2 {
    /*background-color: aqua;*/
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /*width: 100%;*/
    /*padding: 15px;*/
    margin: 15px;
    /*flex-wrap: wrap;*/
    /*top: 15px;*/
}

@media (max-width :1024px) {
    .conteudo-secundario-div2 {
        display: block;
        /*display: -webkit-box;*/
        flex-direction: column;
        /*margin: 15px;*/
        /*justify-content: center;*/
    } 

    /*.div-02-quadro {
       margin-left: 0;
        
    }*/

}

.div-02-quadro {
    background-color: white;
    display: block;
    align-items: flex-start;
    box-shadow: 4px 5px 4px rgba(124, 124, 124, 0.25);
    border-radius: 20px 20px 20px 20px;
    /*padding: 20px;*/
    overflow: hidden;
    /*width: 33%;*/
    max-width: 350px;
    margin-left: 25px;
}

.div-02-quadro:first-child {
    margin-left: 0;
}

@media (max-width :1024px) {
    .div-02-quadro {
        margin: 20px;
    }

    .div-02-quadro:first-child {
        margin-left: 20px;
    }

}

.div-02-img01 {
    background-image: url(images/technology-concept-with-cyber-security-internet-networking-1.jpeg);
    min-height: 300px;
    
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
}

.div-02-img02 {
    background-image: url(images/thumbnail-3.jpeg);
    min-height: 300px;
  
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
}

.div-02-img03 {
    background-image: url(images/thumbnail-1.jpeg);
    min-height: 300px;
  
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
}

.div2-1 {
    width: 30%;
    align-items: center;
    /*text-align: center;*/
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
    background-color: rgba(201, 198, 198, 0.25);
    box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 10px;
    gap: 15px;
   
}

@media (max-width :1024px) {
    .div2-1 {
        width: auto;
    }
}

.img-responsive {
    display: block;
    max-width: 90%;
    height: auto;
    box-align: center;
    align-items: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.conteudo-solicitar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 20px;
    /*padding-top: 130px;*/
    background-color: rgb(15, 41, 60);
    align-self: center;
    /*margin: auto auto 50px auto;*/
}

.solicitar-titulo {
    /*font-family: "Ubuntu", sans-serif;*/
    color: #C89D28;
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 150px;
    /*color: #fff;*/
    text-align: center;
    line-height: inherit;
    padding-bottom: 25px;
}

.conteudo-solicitar-baixar {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: space-around;*/
    padding: 10px;
    gap: 50px;
    text-align: center;
    line-height: 100px;
}

@media (max-width :1024px) {
    .conteudo-solicitar-baixar {
        display: box;
        flex-direction: column;
        /*justify-content: center;*/
    } 
}

.baixar-div {
    background-color: rgb(21, 47, 66);
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px 30px 30px 80px;
    padding: 20px 20px 20px 20px;
    box-shadow: 4px 5px 4px rgba(201, 198, 198, 0.25);
    width: 100vw;
    max-width: 400px;
    /*text-align: left;*/
    align-items: center;
}

.baixar-div button {
    cursor: pointer;
}

.solicitar-valor {
    font-size: 60px;
    font-family: 'lato', sans-serif;
    line-height: 30px;
    margin-bottom: 35px;
    padding-bottom: 20px;
    color: #c89d28;
}

/*@media (max-width : 320px) {
    .solicitar-valor {
        font-size: 40px;
    }
}*/

del {
    text-decoration: line-through;
}

sup {
    vertical-align: super;
    font-size: 40px;
    /*text-size-adjust: 5px;*/
    top: -0.2em;
}

.sup2 {
    /*vertical-align: bottom;*/
    color: #372dbe;
    font-size: 20px;
    background-color: #ffffff;
    /*text-size-adjust: 5px;*/
    /*top: 10px;*/
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: -50%;
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 20px;
    font-weight: 600;
    /*top: -0.2em;*/
}

.solicitar-sistema {
    font-size: 22px;
    line-height: 50px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    color: #fff;
}

.solicitar-descricao {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 100;
}



.solicitar-botao-win {
    background-color: 1#fff;
    width: 220px;
    height: 60px;
    border: none;
    /*box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.25);*/
    box-shadow: 4px 5px 4px rgba(201, 198, 198, 0.25);
    border-radius: 30px;
    /*font-family: "Ubuntu", sans-serif;*/
    font-family: "Montserrat", Sans-serif;
    /*font-family: 'Righteous', cursive;*/
    color: rgb(94, 93, 93);
    font-weight: 600;
    font-size: 12px;
}

.solicitar-botao-mac {
    background-color: #fff;
    width: 220px;
    height: 60px;
    border: none;
    /*box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.25);*/
    box-shadow: 4px 5px 4px rgba(201, 198, 198, 0.25);
    border-radius: 100px;
    /*font-family: 'Righteous', cursive;*/
    font-family: "Montserrat", Sans-serif;
    /*font-family: "Ubuntu", sans-serif;*/
    color: rgb(94, 93, 93);
    font-weight: 600;
    font-size: 12px;
}



img {
    vertical-align: middle;
}

.solicitar-obs {
    color: #fff;
    text-align: center;
}

.div-solicitar-obs {
    padding: 30px 0 0 0;
}

.conteudo-servicos {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    justify-content: space-around;
    /*padding-top: 130px;*/
    /*max-width: 1280px;*/
    margin: 50px auto 50px auto;
    padding: 20px;
    /*text-align: left;*/
    /*gap: 30px;*/
    /*margin-left: 10%;*/
    /*margin-right: 10%;*/
    /*align-items: center;*/
    gap: 20px;
    
    
}

@media (max-width :1280px) {
    .conteudo-servicos {
        display: box;
        flex-direction: column;
        /*justify-content: center;*/
    } 
}

.servicos-div1 {
    display: box;
    /*width: 30%;
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}

.servicos-div2 {
    display: box;
    /*width: 30%;
    /*flex-direction: column;*/
    /*width: 33.333333%;*/
    align-items: flex-start;
    gap: 5px;
    /*padding-bottom: 100px;*/
}

.servicos-div3 {
    display: box;
    /*width: 30%;
    /*flex-direction: column;
    align-items: flex-start;
    /*width: 33.333333%;*/
    gap: 5%;
}

.servico-div-internas {
    display: flex;
    align-items: flex-start;
    gap: 5%;
    width: auto;
}

.servico-div-categria {
    /*height: 33.33333%;*/
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    height: 150px;
}

@media (max-width : 1024px) {
    .servico-div-categria {
        height: auto;
    }
}

.separador {
    margin-top: 15px;
    margin-right: 90%;
    margin-bottom: 21px;
    border-top: 2px solid #8c7332;
}

.fa-color {
    color: #C89D28;
  }

section.mapa {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(15, 41, 60, 1);
}