/* CSS */
/* ------------------------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'ITC Kabel Std Medium';
    src: url('../Fontes/ITC-Kabel-Std-bold.otf') format('truetype');
  }

@font-face {
  font-family: 'Louis-George-Cafe';
  src: url('../Fontes/Louis-George-Cafe.otf') format('truetype');
}

@font-face {
  font-family: 'Louis-George-Cafe-Light';
  src: url('../Fontes/Louis-George-Cafe-Light.otf') format('truetype');
}

  @font-face {
  font-family: 'Louis-George-Cafe-Italic';
  src: url('../Fontes/Louis-George-Cafe-Italic.otf') format('truetype');
}

  @font-face {
  font-family: 'Louis-George-Cafe-Bold';
  src: url('../Fontes/Louis-George-Cafe-Bold.otf') format('truetype');
}

  @font-face {
  font-family: 'Louis-George-Cafe-Bold-Italic';
  src: url('../Fontes/Louis-George-Cafe-Bold-Italic.otf') format('truetype');
}

  @font-face {
  font-family: 'Louis-George-Cafe-Light-Italic';
  src: url('../Fontes/Louis-George-Cafe-Light-Italic.otf') format('truetype');
}

html, body{
    margin: 0;
    padding: 0;
	height: 100%;   
    overflow-x: hidden;
    color: #5a5a5a;
    scroll-behavior: smooth;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* BARRA DE NAVEGAÇÃO  */

#logo-sollab {
    width: 75px;
    height: 60px;
    box-sizing: border-box;
}

header{
    height: 110px;
    font-size: 16pt;
    font-family: 'ITC Kabel Std Medium';
    font-weight: bold;
    color: #ffffff;
    display: flex;
    background-color: #21346d;     
    background-size: 200% 100%;
    box-sizing: border-box;
    padding: 1rem;
    align-items: center;
    justify-content:flex-end;
}

#linha-menu{
    position: relative;
    height: 2px;
    background:repeating-linear-gradient(-45deg,#234199,#86a4ff,#ff70e7,#ff4d4d, #ffa012,#ff7247);
    background-size: 200% 100%;
    animation: keyframe-cores-linha-rodape 7s ease-in-out infinite;
}

header a{
    text-decoration: none;
    color: #ffffff;
    margin-left: 20px;
    justify-content:flex-end;
}

#slogan-Sollab{
    font-size: 11pt;
    font-family: 'Louis-George-Cafe-Bold';
    color: #ffffff;
    margin-bottom: 0;
    box-shadow: 2px 0 0 rgb(255, 255, 255);
    width: 22ch;
    overflow: hidden;
    white-space: nowrap;
    animation: caret .5s step-end infinite alternate,
        type 3.5s steps(30, end); 
}

@keyframes type {
    0% {
      width: 0;
    }
  
  }
  @keyframes caret { 
    50% { 
      box-shadow: .6em 0 0 transparent;
    }
  }

header a:hover{
    text-decoration: none;
    color: #ffffff;
}

#nav{
    align-items: flex-end;
}

#menu{
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    gap:1rem;
}

#menu a{
    display: block;
    text-align: center;
    color:white;
    font-family: 'Louis-George-Cafe-Bold';
}

#menu a:hover{
    color:rgb(16, 35, 62);
}

#btn-menu-mobile{
    display: none;
    margin: 0;
    color:white;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 11pt;    
}

.li-navbar{
    padding: 10px;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 10pt;    
    font-weight: bold;
    text-decoration: none;
    color:#5a5a5a;
} 

.li-navbar:hover{
    background-color:rgb(255, 255, 255);
    border-radius: 3px;
    border-color: rgb(45, 89, 149);
} 


@media (max-width:1200px) {
    #btn-menu-mobile {
        display: flex;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        border: none;
        background: none;
        cursor: pointer;
        gap: 1.5rem;
        vertical-align: text-top;
    }

    #menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 110px;
        right: 0px;
        background-color: #ffffff;
        opacity: 95%;
        background-size: 300% 100%;
        animation: keyframe-cores 20s ease infinite;
        transition: 0.6s;
        z-index: 1100;
        height: 0px;
        visibility: hidden;
        overflow-y: hidden;
    }

    #menu a {
        padding: 1rem 0;
        font-family: 'Louis-George-Cafe-Bold';
        font-size: 10t;
        color:rgb(16, 35, 62);
    }

    #nav {
        display: flex;
        justify-content: flex-end;
    }

    #nav.active #menu {
        position: absolute;
        height: calc(100vh - 70px);
        visibility: visible;
        overflow-y: auto;
    }

    #body-control.active {
        overflow: hidden;
    }

    #hamburger {
        border-top: 2px solid;
        width: 20px;
        margin-top: 2.5px;
    }

    #hamburger::after,
    #hamburger::before {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background: currentColor;
        margin-top: 5px;
        transition: 0.3s;
        position: relative;
    }

    #nav.active #hamburger {
        border-top-color: transparent;
    }

    #nav.active #hamburger::before {
        transform: rotate(135deg);
    }

    #nav.active #hamburger::after {
        transform: rotate(-135deg);
        top: -7px;
    }
}

@media (max-width:1557px) {
    
    header {
        justify-content:space-around;
        position: -webkit-sticky; 
        position: sticky;
        top: 0;
        z-index: 1101;
    }

    header a {
        display: none;
        margin: 0;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* CABEÇALHO  */

#a-botao-flutuante-wpp{
    position: absolute;
    bottom: 7%;
    right: 5%;
    z-index: 1001;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

#a-botao-flutuante-wpp:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#img-botao-flutuante-wpp{
    width: 65px;
    height: 65px;
    box-shadow: 2px 2px 5px #4c4c4c;
    border-radius: 50px;
	-webkit-animation: bounce-in-top 1.7s ease-in both;
	animation: bounce-in-top 1.7s ease-in both;
    z-index: 1001;
}

#div-circulo{
    position: absolute;
    width: 65px;
    height: 65px;
    bottom: 7%;
    right: 5%;
    border-radius: 50px;
    background-color: rgb(0, 0, 0);
    z-index: 1000;
    -webkit-animation: ping 2s ease-in-out 1.5s infinite both;
    animation: ping 2s ease-in-out 1.5s infinite both;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}


@media (max-width: 1460px) {
    #img-botao-flutuante-wpp, #div-circulo{
        width: 50px;
        height: 50px;
    }
}


@media (max-width: 768px) {
    #img-botao-flutuante-wpp, #div-circulo{
        width: 40px;
        height: 40px;
    }
}

/*  ------------------------------------------------------------------------------------ */

@-webkit-keyframes bounce-in-top {
    0% {
      -webkit-transform: translateY(-500px);
              transform: translateY(-500px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateY(-65px);
              transform: translateY(-65px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateY(-28px);
              transform: translateY(-28px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes bounce-in-top {
    0% {
      -webkit-transform: translateY(-500px);
              transform: translateY(-500px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateY(-65px);
              transform: translateY(-65px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateY(-28px);
              transform: translateY(-28px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  

#div-background-cabecalho{
    background:  linear-gradient( 0deg, #ffffff 52%, #21346d 52%);
    padding-bottom: 30px;
    position: static;
    z-index: -1;
}

@media (max-width: 375px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 52%, #21346d 0%);
    }
}

@media (min-width: 375px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 48%, #21346d 0%);
    }
}

@media (min-width: 576px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 47%, #21346d 0%);
    }
}

@media (min-width: 768px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 45%, #21346d 0%);
    }
}

@media (min-width: 992px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 49%, #21346d 0%);
    }
}

@media (min-width: 1200px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 55%, #21346d 0%);
    }
}

@media (min-width: 1400px) {
    #div-background-cabecalho{
        background:  linear-gradient(0deg, #ffffff 55%, #21346d 55%);
    }
}

@media (max-width: 1400px) {
    #apresentacao-cabecalho{
        margin-bottom: 50px;
    }
}

#apresentacao-cabecalho{
    justify-content: space-around;
    padding-top: 40px;
    margin-bottom: 30px;
}

#texto-apresentacao-cabecalho{
    color: white;
}

#texto-apresentacao-cabecalho h2{
    margin-top: 4rem;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 30pt;
}

#texto-apresentacao-cabecalho p{
    text-align: justify;
    font-family: 'Louis-George-Cafe';
    font-size: 12pt;
    margin-top: 20px;
}

#texto-apresentacao-cabecalho span{
    background-color: #ff8113;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}

@media (max-width: 992px) {
    #texto-apresentacao-cabecalho h2{
        margin-top: 0;
    }
}

@media (min-width: 400px){
    #texto-apresentacao-cabecalho span{
        background-color: #ff8113;
        color: white;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 2px;
    }
}

@media (max-width: 400px){
    #texto-apresentacao-cabecalho h2{
        font-size: 21pt;
        margin-top: 5px;
    }
}

#btn-wpp-cabecalho{
    margin-top: 10px;
    border-radius: 0px 20px 20px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

#btn-wpp-cabecalho a{
    text-decoration: none;
    color: white;
    font-family: 'Calibri';
    font-size: 12pt;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

#btn-wpp-cabecalho:hover{
    background-color: white;
}

#btn-wpp-cabecalho a:hover{
    color: #0d6efd;
}

#imagem-apresentacao-cabecalho{
    z-index: 1000;
	-webkit-animation: slide-in-fwd-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-fwd-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
  
@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  
  @keyframes slide-in-fwd-center {
    0% {
      -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }

#div-titulo-ser-prod h2{
    position: relative;
    z-index: 5;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 20pt;
    width: 380px;
}

#p-servicos-e-produtos{
    position: relative;
    z-index: 4;
    font-family: 'Louis-George-Cafe';
    font-size: 12pt;
    width: 400px;
    margin-top: 10px;
    margin-left: 40px;
}

#div-titulo-ser-prod{
    padding: 20px;
    width: 100%;
    height: 200px;
}

#backgorund-titulo{
    position: relative;
    z-index: 3;
    width: 460px;
    height: 210px;
    transform: translate(-20px,-290px);
    border-radius: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* APRESENTAÇÃO CABEÇALHO (CONVERSAR POR WHATSAPP) E CAMPO DE CONTATO */

.div-apresentacao-dev-software{
    margin-top: 30px;
}

#seccao-apresentacao-conversar-wpp h1{
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 30pt;
}

#p-nossas-solucoes{
    margin-bottom: 30px;
    margin-top: 20px;
    padding-right: 80px;
    text-align: justify;
    font-family: 'Louis-George-Cafe';
    font-size: 12pt;
    color: black;
}

@media (max-width: 768px) {
    #p-nossas-solucoes {
        padding-right: 0px;
    }
}

#div-form-contato-apresentacao{
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    padding-top: 20px;
    padding-bottom: 35px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 5px;
    height: min-content;
}

@media (max-width: 992px) {
    #div-form-contato-apresentacao{
        margin-top: 40px;
    }
}


#div-form-contato-apresentacao h2{
    font-size: 14pt;
    font-family: 'Louis-George-Cafe-Bold';
    padding-bottom: 10px;
}
  
#nome, #email, #telefone, #assunto, #mensagem{
    font-size: 10pt;
    margin-left: 5px;
    font-family: 'Century Gothic';
    color: rgb(16, 35, 62);
}

  .form-floating{
    transition: all 0.5s ease-in-out;
  }
  
  .form-floating input:focus:required:invalid{
    border-right: 5px solid red;
  }

/* ------------------------------------------------------------------------------------------------------------------------- */
/* SERVIÇOS E PRODUTOS */

#icon-grid{
    padding-left: 0;
    padding-right: 10px;
}

.icone-servicos{
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

.div-texto-icone-servicos{
    margin-left: 20px;
}

#titulos-icon-grid{
    font-size: 10pt;
    margin-top: 15px;
}

.textos-icon-grid{
    font-size: 10pt;
}

#titulo-saiba-mais{
    margin-bottom: 40px;
    font-size: 18pt;
}

#nossas-solucoes{
    padding-top: 50px;
}

#seccao-servicos-e-produtos h5{
    font-size: 12pt;
}

#seccao-servicos-e-produtos p{
    text-align: justify;
    font-size: 10pt;
}

#btn-servicos{
    background-color: #ff8113;
    border-color: transparent;
    color: white;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 9pt;
    text-decoration: none;
}

#btn-servicos:hover{
    border: 1px solid ;
    background-color: white;
    color: rgb(0, 74, 177);
    border-color:rgb(0, 74, 177);
}


.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.card{
    padding: 20px;
}

.img-responsive{
    padding: 20px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* APRESENTAÇÃO */

#quem-somos{
    background: linear-gradient(45deg, #83bdd8 20%,#6b8fc9 40%, #335792 30%); 
    background-size: 120% 100%;
    margin-top: 4rem;
    padding-bottom: 50px;
    padding-top: 30px;
    color: white;
    position: relative;
    z-index: -1;
}

@media (max-width: 576px) {
    #quem-somos{
        padding-bottom: 30px;
    }
}

#div-texto-apresentacao h1{
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 18pt ;
    margin-top: 10px;
}

#div-texto-apresentacao p{
    margin-top: 20px;
    font-family: 'Louis-George-Cafe';
    font-size: 12pt ;
    text-align: justify;
}

@media (max-width: 768px) {
    #texto-apresentacao-1{
        margin-left: 0;
        margin-right: 0px;
    }
}

#p-texto-socio{
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 16pt ;
    margin-top: 90px;
    text-align: justify;
}

@media (max-width: 576px) {
    #p-texto-socio{
        font-size: 12pt;
        hyphens: auto;
        margin-bottom: 10px;
    }
    #p-nome-socio{
        font-size: 10pt;
        margin-top: 0px;
    }
    #p-texto-socio, #p-nome-socio{
        padding-left: 15px;
        padding-right: 15px;
    }
}

#p-nome-socio{
    font-family: 'Louis-George-Cafe';
    font-size: 12pt;
    text-align: end;
}

#p-texto-socio, #p-nome-socio{
    margin-left: 100px;
}

@media (max-width: 992px) {
    #p-texto-socio{
        margin-left: 0;
        margin-top: 40px;
    }
}

#p-texto-socio .text-white{
    background-color: #ff8113;
    padding: 2px 0.3rem;
    border-radius: 2px;
}

#p-texto-socio .text-green{
    color: rgb(101, 252, 181);
}

#p-texto-socio .text-blue{
    color:#68a5ff;
}

#p-texto-socio .text-red{
    color: #f57a72;
}

#p-texto-socio .text-purple{
    color: rgb(242 141 255);
}

@media (max-width: 768px) {
    #p-texto-socio .text-green{
        color: rgb(21 255 145);
    }
    #p-texto-socio .text-blue{
        color: #0049b5;
    }
    #p-texto-socio .text-red{
        color: #fb3f33;
    }
    #p-texto-socio .text-purple{
        color: rgb(176 32 195);
    }
}


/* ------------------------------------------------------------------------------------------------------------------------- */
/* NOSSOS CLIENTES */

#nossos-clientes{
    text-align: center;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 80px;
    min-height: 210px;
    background-color: white;
    align-items: center;    
    justify-content: center;
}

#nossos-clientes h2{
    padding: 15px;
    padding-bottom: 20px;
    margin: 0;
    color: #5a5a5a;
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 20pt;
}

#div-logo-clientes-tamanho-diferente{
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
}

.div-logo-clientes{
    margin-left: 5px;
    margin-right: 5px;
}

#logo-clientes-tamanho-diferente {
    width: 100px;
    height: 130px;
    background-color: transparent;
    border:0;
}

#logo-clientes{
    width: 120px;
    height: 110px;
    background-color: transparent;
    border:0;
    margin-bottom: 40px;
    margin-top: 40px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* LOCALIZAÇÃO E CONTATO */

#localizacao-e-contato iframe{
    width: 97%;
    height: 477px;
}

#localizacao-e-contato, #seccao-contato h2{
    font-family: 'Louis-George-Cafe-Bold';
}

@media (max-width: 992px) {
    #seccao-contato h2{
        margin-top: 40px;
    }
}

#div-localizacao-rodape{
    margin-top: 15px;
}

#div-contato-rodape{
    box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    border-radius: 5px;
    width: 97%;
    height: min-content;
    padding: 15px;
    margin-top: 15px;
}

#div-contato-rodape h5{
    font-family: 'Louis-George-Cafe-Bold';
    font-size: 12pt;
    margin-bottom: 20px;
}

#divisor-localizacao-e-contato{
    display: none;
}

@media (min-width: 320px) {
    #divisor-localizacao-e-contato{
        display: inline-block;
    }
}

@media (min-width: 990px) {
    #divisor-localizacao-e-contato{
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* RODAPÉ */

footer{
    min-height: 210px;
    margin-top: 40px;
    background:  linear-gradient( -30deg, #18285a 60%, #21346d 40%); 
    background-size: 200% 100%;
}

#logo-sollab-rodape{
    width: 95px;
    height: 80px;
    transform: translate(-15%, -10%);
    position: relative;
}

footer p{
    color: rgb(255, 255, 255);	
    font-family: 'Louis-George-Cafe-Light';
    font-size: 11pt;
    transform: translate(0, -10%); 
    margin-bottom: 0;  
    margin-top: 15px; 
}

footer h1{
    color: white;	
    font-family: 'Louis-George-Cafe';
    font-size: 16pt;
}

footer h5{
    color: white;	
    font-family: 'Louis-George-Cafe';
    font-size: 12pt;
}

#div-colunas-rodape{
    min-height: 180px;
}

#linha-rodape{
    position: relative;
    height: 1.8px;
    margin-top: 35px;
    background:repeating-linear-gradient(-45deg,#234199,#86a4ff,#ff70e7,#ff4d4d, #ffa012,#ff7247);
    background-size: 200% 100%;
    animation: keyframe-cores-linha-rodape 7s ease-in-out infinite;
}

@keyframes keyframe-cores-linha-rodape{
    0%{
        background-position: 0% 50%;
    }

    50%{
        background-position: 100% 50%;
    }

    100%{
        background-position: 0% 50%;
    }
}

#linha-vertical-rodape-1, #linha-vertical-rodape-2{
    position: relative;
    display: none;
    height: 180px;
    width: 0;
    padding: 0;
    border: 1px;
    margin-top: 20px; 
    border-color: white;
    border-right-style: solid;
}

@media only screen and (min-width: 768px) {
    #linha-vertical-rodape-1 {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    #linha-vertical-rodape-2 {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    footer{
        text-align: center;
    }
    #logo-sollab-rodape{
        transform: translate(0, -10%);
    }
    #div-colunas-rodape{
        justify-content: center;
    }
}

#div-informacoes-rodape{
    position: relative;   
    margin-top: 20px;
    border-right: 3px;
}

#div-links-1, #div-links-2{
    margin-top: 20px; 
    line-height: 30px;
}

#div-links-1 a{
    text-decoration: none;
    font-family:'Louis-George-Cafe-Light';
    color: white;
    font-size: 10pt;
}

#div-links-1 ul{
    margin-top: 25px;
}

#div-links-1 a:hover{
    color: rgb(0, 192, 250);
    padding: 7px;
    margin-left: 10px;

}

@media only screen and (min-width: 768px) {
    #div-links-1, #div-links-2{
        margin-left: 15px;
    }
}

#p-copyright-rodape{
    color: white;	
    font-family: 'Louis-George-Cafe', sans-serif;
    font-size: 10pt;
    padding-bottom: 12px;
    padding-top: 5px;
    text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Botões redes sociais */

#contole-btn-redes-sociais{
    margin-top: 16px;
}

.btn-rede-social{
    margin: 10px;
    width: 45px;
    height: 45px;
    -webkit-filter:grayscale(100%);
}

.btn-rede-social:hover{
    -webkit-filter:grayscale(0%);
    transform: rotate(360deg);
    transition: 2ms;
    -webkit-animation: rotate-scale-up 500ms linear both;
	animation: rotate-scale-up 500ms linear both;
}

@-webkit-keyframes rotate-scale-up {
    0% {
      -webkit-transform: scale(1) rotateZ(0);
              transform: scale(1) rotateZ(0);
    }
    50% {
      -webkit-transform: scale(1.5) rotateZ(180deg);
              transform: scale(1.5) rotateZ(180deg);
    }
    100% {
      -webkit-transform: scale(1) rotateZ(360deg);
              transform: scale(1) rotateZ(360deg);
    }
  }
  @keyframes rotate-scale-up {
    0% {
      -webkit-transform: scale(1) rotateZ(0);
              transform: scale(1) rotateZ(0);
    }
    50% {
      -webkit-transform: scale(1.5) rotateZ(180deg);
              transform: scale(1.5) rotateZ(180deg);
    }
    100% {
      -webkit-transform: scale(1) rotateZ(360deg);
              transform: scale(1) rotateZ(360deg);
    }
  }

  #h5-2{
    margin-top: 15px;
  }

/* ------------------------------------------------------------------------------------------------------------------------- */