/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*
@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Thin.woff),
         url(_fonts/Roboto-Thin.ttf);
    font-weight: 100;
}

@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Light.woff),
         url(_fonts/Roboto-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Regular.woff),
         url(_fonts/Roboto-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Medium.woff),
         url(_fonts/Roboto-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Bold.woff),
         url(_fonts/Roboto-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: Roboto;
    src: url(_fonts/Roboto-Black.woff),
         url(_fonts/Roboto-Black.ttf);
    font-weight: 900;
}
*/
/* FONTS */

/* GERAL */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-family: 'Roboto', sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html{
    scroll-behavior: smooth;
}

body {
    background-color: #07032c;
}

.row {
    width: 100%;
}
/* GERAL */

/* INICIO */
@keyframes fadeIn {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; } 
}

.fadeIn {
    -webkit-animation: fadeIn 3s ease-in-out !important;
    -moz-animation: fadeIn 3s ease-in-out !important;
    -o-animation: fadeIn 3s ease-in-out !important;
    animation: fadeIn 3s ease-in-out !important;
}

.container_start {
    width: 100%;
    height: 100vh;
    /*background-image: url('../_img/bg_header.png');*/
    background-image: linear-gradient(#07032c, #1d127a, #5b9cff);
    background-size: 100% 100%;
}

header {
    width: 80%;
    height: 24vh;
    padding: 0 10%;
}

header .logo_header {
    width: 47%;
    height: 24vh;
    display: flex;
    align-items: center;
    float: left;
}

header .logo_header img {
    width: 30%;
}

header nav {
    width: 53%;
    height: 24vh;
    display: flex;
    align-items: center;
    float: left;
}

header nav ul {
    list-style: none;
}

header nav ul li {
    float: left;
    margin-left: 2.40vw;
}

header nav ul li a {
    font-size: 1.3vw;
    color: #FFF;
    text-decoration: none;
    padding-bottom: 1.5vh;
}

header nav ul li a:hover {
    color: #5b9cff;
    border-bottom: solid 3px #5b9cff;
    padding-bottom: 1.5vh;
}

.msg_header {
    width: 90%;
    height: 76vh;
    padding: 0 5%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.msg_header  h1{
    font-size: 4vw;
    color: #FFF;
    font-weight: 100;
    text-align: center;
    margin-top: -5%;
}

.msg_header  h1 .sublinha_msg {
    font-size: 3vw;
}

.msg_header  h1 .sublinha_msg .sublinha_msg_bold {
    font-weight: 600;
    color: #34d68a;
}
/* INICIO */

/* SOBRE */
.container_sobre {
    width: 80%;
    height: 55vh;
    padding: 10vh 10%;
    background-color: #FFF;
}

.logo_sobre {
    width: 48%;
    height: 55vh;
    float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.logo_sobre img {
    width: 80%;
}

.conteudo_sobre {
    width: 48%;
    height: 55vh;
    float: left;
    margin-left: 4%;
}

.conteudo_sobre h2 {
    font-size: 3.5vw;
    font-weight: 300;
    color: #673ab7;
}

.conteudo_sobre h2 span {
    font-size: 4vw;
    font-weight: 800;
}

.conteudo_sobre p {
    font-size: 1.8vw;
    font-weight: 300;
    color: #555;
    margin-top: 5vh;
}

.conteudo_sobre p span {
    font-weight: 500;
    color: #555;
}
/* SOBRE */

/* SOLUÇÕES */
.container_solucoes {
    width: 80%;
    height: 150vh;
    padding: 10vh 10%;
    background-color: #F5F5F5;

}

.container_solucoes h2 {
    font-size: 3.5vw;
    font-weight: 300;
    color: #2ca361;
    text-align: center;
    margin-bottom: 8vh;
}

.container_solucoes h2 span {
    font-size: 4vw;
    font-weight: 800;
}

.card {
    width: 26%;
    height: 56vh;
    padding: 3vh 2%;
    background-color: rgba(237, 237, 237, 0.7);
    float: left;
    box-shadow: 1px 1px 5px #999;
    border-radius: 4px;
    cursor: pointer;
}

.card h3 {
    font-size: 1.8vw;
    font-weight: 400;
    text-align: center;
    color: #555;
}

.card img {
    width: 50%;
    margin: 4vh 0;
    margin-left: 25%;
}

.card p {
    text-align: center;
    font-size: 1.3vw;
    font-weight: 400;
    color: #555;
}

.card:hover {
    background-color: rgba(245, 245, 245, 0.7);
    box-shadow: 2px 2px 10px #777;
}
/* SOLUÇÕES */

/* PARCEIROS */
.container_parceiros {
    width: 80%;
    height: 42vh;
    padding: 10vh 10%;
    background-color: #FFF;
}

.container_parceiros h2 {
    font-size: 3.5vw;
    font-weight: 300;
    color: #de4040;
    text-align: center;
    margin-bottom: 8vh;
}

.container_parceiros h2 span {
    font-size: 4vw;
    font-weight: 800;
}

.content_parceiros {
    width: 14.1666%;
    height: 23vh;
    box-shadow: 1px 1px 5px #999;
    border-radius: 50%;
    float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.content_parceiros img {
    width: 80%;
}

.content_parceiros:hover {
    box-shadow: 3px 3px 10px #333;
}
/* PARCEIROS */

/* CLIENTES */
.container_clientes {
    width: 80%;
    height: 50vh;
    padding: 10vh 10%;
    background-color: #F5F5F5;
}

.container_clientes h2 {
    font-size: 3.5vw;
    font-weight: 300;
    color: #1f8ae6;
    text-align: center;
    margin-bottom: 8vh;
}

.container_clientes h2 span {
    font-size: 4vw;
    font-weight: 800;
}

.content_carrocel {
    width: 100%;
    height: auto;
    background-color: rgba(255,255,255,.2);
    box-shadow: 0 2px 4px #DDD !important;
    position: relative;
}

.carousel {
    height: 200px !important;
}

.carousel img {
    width: 70% !important;
    min-width: 70% !important;
    max-width: 70% !important;
    margin: 15% 0 !important;
}

.carousel_bt_left {
    position: absolute;
    width: 6%;
    height: 200px;
    background-color: rgba(0,0,0,.02);
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.carousel_bt_left:hover {
    background-color: rgba(0,0,0,.04);
}

.carousel_bt_left img{
    width: 30% !important;
    min-width: 30% !important;
    max-width: 30% !important;
}

.carousel_bt_right {
    position: absolute;
    width: 6%;
    height: 200px;
    background-color: rgba(0,0,0,.02);
    right: 0px;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.carousel_bt_right:hover {
    background-color: rgba(0,0,0,.04);
}

.carousel_bt_right img{
    width: 30% !important;
    min-width: 30% !important;
    max-width: 30% !important;
}
/* CLIENTES */

/* CONTATO */
.container_contato {
    width: 80%;
    height: 58vh;
    padding: 10vh 10%;
    background-color: #FFF;
}

.endereco_contato {
    width: 47%;
    height: 55vh;
    float: left;
    text-align: right;
}

.endereco_contato h2 {
    font-size: 3.5vw;
    font-weight: 300;
    color: #444;
    margin-bottom: 5vh;
}

.endereco_contato h2 span {
    font-size: 4vw;
    font-weight: 800;
}

.endereco_contato p {
    font-size: 1.8vw;
    font-weight: 300;
    color: #555;
    margin-top: 3.5vh;
}

.endereco_contato p span {
    font-weight: 500;
    color: #555;
}

.form_contato {
    width: 47%;
    height: 55vh;
    float: left;
    margin-left: 6%;
}

.form_contato label {
    display: block;
    font-size: 1.4vw;
    font-weight: 300;
    color: #555;
    margin-top: 1vh;
}

.form_contato input[type="email"] {
    width: 84%;
    padding: 2vh 3%;
    font-size: 1.2vw;
    box-shadow: 0 0 1px #777;
}

.form_contato input[type="email"]:focus {
    box-shadow: 0 0 3px #555; 
}

.form_contato input[type="text"] {
    width: 84%;
    padding: 2vh 3%;
    font-size: 1.2vw;
    box-shadow: 0 0 1px #777;
}

.form_contato input[type="text"]:focus {
    box-shadow: 0 0 3px #555; 
}

.form_contato textarea {
    width: 84%;
    padding: 2vh 3%;
    font-size: 1.2vw;
    box-shadow: 0 0 1px #777;
}

.form_contato textarea:focus {
    box-shadow: 0 0 3px #555; 
}

.form_contato input[type="submit"] {
    width: 90%;
    padding: 2vh 0;
    font-size: 1.2vw;
    box-shadow: 0 0 1px #777;
    margin-top: 2vh;
    cursor: pointer;
    font-size: 1.4vw;
    font-weight: 400;
    color: #555;
    background-color: #EFEFEF;
}

.form_contato input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555;
}

.form_contato input[type="submit"]:focus {
    box-shadow: 0 0 3px #555;
}
/* CONTATO */

/* FOOTER */
.container_footer {
    width: 80%;
    height: 42vh;
    padding: 10vh 10%;
    background-color: #0a0538;
}

.footer_p1 {
    width: 32%;
    height: 42vh;
    float: left;
    box-shadow: 1px 0 0 rgba(0,0,0,.2);
}

.logo_footer {
    width: 100%;
    height: 42vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.logo_footer img{
    width: 45%;
}

.footer_p2 {
    width: 36%;
    height: 42vh;
    float: left;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2);
}

.footer_p2 h4 {
    font-size: 1.5vw;
    font-weight: 400;
    color: #DDD;
    margin: 4vh 0 4vh 20%;
}

.footer_p2 ul {
    list-style: none;
}

.footer_p2 ul a {
    text-decoration: none;
    color: #DDD;
}

.footer_p2 ul a li {
    margin: 1.5vh 0 1.5vh 30%;
    font-size: 1.2vw;
    font-weight: 300;
}

.footer_p2 ul a li:hover {
    color: #5b9cff;
}

.footer_p2 ul a li span {
    font-weight: 600;
    margin-right: 5%;
} 

.footer_p3 {
    width: 32%;
    height: 42vh;
    float: left;
}

.footer_p3 h4 {
    font-size: 1.8vw;
    font-weight: 200;
    color: #DDD;
    margin: 14vh 0 4vh 0;
    text-align: center;
    display: block;
}

.area_restrita {
    height: 7vh;
    margin-top: 2vh;    
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.area_restrita img {
    height: 1.1vw;
    padding-right: 1vw;
}

.area_restrita a {
    padding: 1.5vh 8%;
    border: solid 1px #DDD;
    color: #DDD;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.1vw;
}

.container_footer_copy {
    width: 80%;
    height: 7vh;
    padding: 1vh 10%;
    background-color: #07032c;
    line-height: 7vh;
}

.container_footer_copy p {
    color: #DDD;
    text-align: center;
    font-weight: 300;
    font-size: 1.1vw;
}

.container_footer_copy p span {
    font-size: 1.13vw;
}
/* FOOTER */

/* SPAN WHATSAPP */
.span_whatsapp_send {
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 3vh;
    margin-left: 2%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.span_whatsapp_send img {
    width: 90%;
}
/* SPAN WHATSAPP */

/* SPAN VOLTAR */
.span_voltar {
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom: 3vh;
    margin-right: 2%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.span_voltar img {
    width: 40%;
}
/* SPAN VOLTAR */


/* MEDIDADAS */
.mg_left_3 {
    margin-left: 3%;
}

.mg_left_5 {
    margin-left: 5%;
}

.mg_top_1 {
    margin-top: 1vh;
}

.mg_top_5 {
    margin-top: 5vh;
}
/* MEDIDADAS */