@font-face {
font-family: 'Avenir LT Std 55 Roman';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Roman'), url('AvenirLTStd-Roman.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 55 Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Oblique'), url('AvenirLTStd-Oblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light'), url('AvenirLTStd-Light.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light Oblique'), url('AvenirLTStd-LightOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book'), url('AvenirLTStd-Book.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book Oblique'), url('AvenirLTStd-BookOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium'), url('AvenirLTStd-Medium.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium Oblique'), url('AvenirLTStd-MediumOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy'), url('AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy Oblique'), url('AvenirLTStd-HeavyOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black'), url('AvenirLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 95 Black Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black Oblique'), url('AvenirLTStd-BlackOblique.woff') format('woff');
}
@media (orientation:landscape) and (min-width:900px) {
  body{
    position:absolute;
    margin-top:0px;
    left:0px;
    margin-left:0px;
    top:0px;
    bottom:0px;
    margin-bottom:0px;
    background:#212121;
    width:100%;
    height:3550px;
    /* font-family: 'Roboto', sans-serif; */
    /* font-family: 'Libre Caslon Text', serif; */
    font-family: 'Avenir LT Std 35 Light', serif;


  }
  .menu_side_right{
    position:fixed;
    top:140px;
    right:40px;
    height:calc(100vh - 200px);
    width:70px;
  }
  .linha{
    position: absolute;
    left:30px;
    height:100%;
    width:1px;
    background:#225fd0;
  }
  .bola{
    position: absolute;
    left:15px;
    top:0px;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #d7d7d7;
    transition-duration:1.5s;
  }

  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  .section_one_home_page{
    width:1000px;
    height:600px;
    margin:130px auto;

  }
  .section_two_home_page{
    width:1000px;
    height:600px;
    margin:-100px auto;

  }
  .section_three_home_page{
    width:1000px;
    height:600px;
    margin:190px auto;



  }
  .section_four_home_page{
    width:1000px;
    height:600px;
    margin:-130px auto;


  }
  .section_five_home_page{
    width:1000px;
    height:600px;
    margin:180px auto;

  }
  .animation_section_one, .animation_section_two, .animation_section_three, .animation_section_four, .animation_section_five{
    position:relative;
    top:150px;
    opacity: 0;
    left:0px;
    height:60%;
    width:100%;
    transition-duration:1.1s;
    transition-timing-function: ease;

  }
  .animation_section_one{
    opacity: 1;
    top:0px;
  }
  .father_text_section_one, .father_text_section_two, .father_text_section_three, .father_text_section_four, .father_text_section_four{
    position:relative;
    top:0px;
    left:0px;
    height:40%;
    width:100%;
  }
  /* Textos das sections */
  /* Textos das sections */
  /* Textos das sections */
  .text_tittle_section_one{
    position:relative;
    top:0px;
    left:0px;
    height:35%;
    width:100%;
    text-align:center;
    font-size:57px;
    font-family: 'Avenir LT Std 95 Black Oblique';
    font-weight:700;
    color:#e1e1e1;
  }
  .text_section_one{
    position:relative;
    top:0px;
    left:5%;
    height:calc(65% - 50px);
    width:90%;
    text-align:center;
    font-size:18px;
    padding-top:50px;
    font-weight:400;
    color:#e1e1e1;
  }
  .span_section_one_one, .span_section_one_two, .span_section_one_three, .span_section_one_four{
    position:relative;
    top:100px;
    opacity:0;
    transition-duration:0.5s;
    transition-timing-function: ease;

  }
  .scrollDown{
    position:fixed;
    bottom:25px;
    left:5px;
    width:180px;
    height:200px;
  }
  /* Animação da seta a esquerda */
  /* Animação da seta a esquerda */
  .linha_left{
    position:absolute;
    left:84px;
    width:1px;
    height:45px;
    background:#f1f1f1;
    animation-name: linha_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;

  }
  .seta_left{
    position:absolute;
    top:28px;
    left:77px;
    height:14px;
    width:14px;
    border-left:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    transform:rotateZ(-45deg);
    animation-name: seta_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  .bola_left{
    position:absolute;
    top:45px;
    left:65px;
    height:38px;
    width:38px;
    border-radius:50%;
    border:1px solid #225fd0;
    animation-name: bola_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  @keyframes linha_left {
    0%{
      top:0px;
    }
    50%{
      top:20px;
    }
    100%{
      top:0px;
    }
  }
  @keyframes seta_left {
    0%{
      top:28px;
    }
    50%{
      top:48px;
    }
    100%{
      top:28px;
    }
  }
  @keyframes bola_left {
    0%{
      top:27px;
    }
    50%{
      top:0px;
    }
    100%{
      top:27px;
    }
  }
  .text_scroll_down{
    position:absolute;
    bottom:70px;
    left:6%;
    width:80%;
    height:30px;
    z-index: 3;
    text-align:center;
    font-size:15px;
    color:#d1d1d1;

  }
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */

    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
  .div_father_animation_one{
    position: relative;
    margin:0 auto;
    width:550px;
    height:340px;
    }
  .father_network{
    position: relative;
    margin-left:calc(50% - 275px);
    top:120px;
    width:550px;
    height:340px;
    animation-name: father_network;
    opacity: 0;
    animation-duration: 1.5s;
    animation-fill-mode:forwards;
    animation-timing-function: ease;
    animation-delay: 1s;
    }
    @keyframes father_network {
      100%{
        opacity: 1;
        margin-left:calc(50% - 275px);
        top:0px;
      }
    }
  .circle_one{
    position: absolute;
    width:50px;
    height:50px;
    margin-top:125px;
    margin-left:128px;
    opacity: 1;
    border-radius:50%;
    border:3px solid #225fd0;
    animation-name: circle_one;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:105px;
    margin-left:110px;
    transform: rotateZ(70deg);
    background: #225fd0;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    animation-name: line_one;
    animation-delay:1s;
  }
  .circle_two{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:40px;
    margin-left:93px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_two{
    position:absolute;
    width:45px;
    height:3px;
    margin-top:96px;
    margin-left:65px;
    transform: rotateZ(125deg);
    background: #225fd0;
  }
  .circle_three{
    position: absolute;
    width:32px;
    height:32px;
    margin-top:112px;
    margin-left:45px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_three{
    position:absolute;
    width:53px;
    height:3px;
    margin-top:115px;
    margin-left:167px;
    transform: rotateZ(131deg);
    background: #225fd0;
  }
  .circle_four{
    position: absolute;
    width:44px;
    height:44px;
    margin-top:52px;
    margin-left:198px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_four{
    position:absolute;
    width:60px;
    height:3px;
    margin-top:187px;
    margin-left:170px;
    transform: rotateZ(40deg);
    background: #225fd0;
  }
  .circle_five{
    position: absolute;
    width:30px;
    height:30px;
    margin-top:200px;
    margin-left:217px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_five{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:186px;
    margin-left:93px;
    transform: rotateZ(135deg);
    background: #225fd0;
  }
  .circle_six{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:197px;
    margin-left:62px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_six{
    position:absolute;
    width:35px;
    height:3px;
    margin-top:224px;
    margin-left:106px;
    transform: rotateZ(3deg);
    background: #225fd0;
  }
  .circle_seven{
    position: absolute;
    width:25px;
    height:25px;
    margin-top:212px;
    margin-left:141px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  /* FIM DA ESTILIZAÇÃO DA REDE */
  /* ESTILIZAÇÃO DO COMPUTADOR */
  .computer_linha_um{
    position: absolute;
    top:120px;
    left:395px;
    width:0px;
    height:200px;
    border-radius:5px;
    border-top:2px solid #225fd0;
    animation-name: computer_linha_um;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;

  }
  @keyframes computer_linha_um {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:200px;
    }

  }
  .computer_linha_dois{
    position: absolute;
    top:185px;
    left:280px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-left:2px solid #225fd0;
    animation-name: computer_linha_dois;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_dois {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_tres{
    position: absolute;
    top:185px;
    left:279px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-right:2px solid #225fd0;
    animation-name: computer_linha_tres;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_tres {
    100%{
      top:120px;
      left:279px;
      width:230px;
      height:130px;
    }
  }
  .computer_linha_quatro{
    position: absolute;
    top:119px;
    left:395px;
    width:0px;
    height:130px;
    border-radius:5px;
    border-bottom:2px solid #225fd0;
    animation-name: computer_linha_quatro;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_quatro {
    100%{
      top:119px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_cinco{
    position: absolute;
    top:143px;
    left:395px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_cinco;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_cinco {
    100%{
      top:143px;
      left:280px;
      width:230px;
      height:1px;
    }

  }
  .computer_linha_seis{
    position: absolute;
    top:230px;
    left:395px;
    width:0px;
    height:2px;
    background:#225fd0;
    z-index:-1;
    animation-name: computer_linha_seis;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1.5s;

  }
  @keyframes computer_linha_seis {
    100%{
      top:230px;
      left:280px;
      width:230px;
      height:2px;
    }

  }
  .computer_linha_sete{
    position: absolute;
    top:170px;
    left:360px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_sete;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_sete {
    100%{
      top:170px;
      left:330px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_oito{
    position: absolute;
    top:180px;
    left:390px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_oito;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_oito {
    100%{
      top:180px;
      left:340px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_nove{
    position: absolute;
    top:190px;
    left:320px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_nove;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_nove {
    100%{
      top:190px;
      left:350px;
      width:120px;
      height:1px;
    }
  }
  .computer_linha_dez{
    position: absolute;
    top:200px;
    left:300px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_dez;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_dez {
    100%{
      top:200px;
      left:330px;
      width:120px;
      height:1px;
    }
  }
  .computer_bola_um{
    position: absolute;
    top:127px;
    left:460px;
    width:10px;
    height:10px;
    border:1px solid #f7f7f7;
    border-radius: 50%;
    opacity:0;
    animation-name: computer_bola_um;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;
  }
  @keyframes computer_bola_um {
    100%{
      top:127px;
      left:460px;
      width:10px;
      height:10px;
      opacity: 1;
    }

  }
  /* FIM DA ESTILIZAÇÃO DO COMPUTADOR */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS ONE E TWO */
  .line_bottom_one{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOld;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:0s;
  }
  .line_bottom_two{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAsc;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 0.3s;
    z-index: 2;

  }
  @keyframes lineBottomAsc {
    0%{

    }
    100%{
      left:15%;
      width:70%;
    }
  }
  @keyframes lineBottomAscOld {
    0%{

    }
    100%{
      left:10%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM ONE E TWO */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS THREE E FOUR */
  .line_bottom_three{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOldTwo;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:1s;
  }
  .line_bottom_four{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAscTwo;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 1.3s;
    z-index: 2;

  }
  @keyframes lineBottomAscTwo {
    0%{

    }
    100%{
      left:25%;
      width:40%;
    }
  }
  @keyframes lineBottomAscOldTwo {
    0%{

    }
    100%{
      left:5%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM THREE E FOUR */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */

  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */



  .div_father_animation_graphic{
    position: relative;
    width:600px;
    height:350px;
    margin:0 auto;

  }
  .graphic_colun_one{
    position: absolute;
    bottom:30px;
    left:80px;
    width:50px;
    height:100px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_two{
    position: absolute;
    bottom:30px;
    left:160px;
    width:50px;
    height:150px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_three{
    position: absolute;
    bottom:30px;
    left:240px;
    width:50px;
    height:200px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_four{
    position: absolute;
    bottom:30px;
    left:320px;
    width:50px;
    height:250px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_legend_one{
    position: absolute;
    left:420px;
    bottom:265px;
    width:110px;
    height:20px;
    border:1px solid #225fd0;

  }
  .graphic_legend_two{
    position: absolute;
    left:420px;
    bottom:230px;
    width:80px;
    height:20px;
    border:1px solid #fff;

  }
  .graphic_legend_three{
    position: absolute;
    left:420px;
    bottom:205px;
    width:100px;
    height:10px;
    border:1px solid #fff;

  }


  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  .father_grid_parceiros{
    margin:0 auto;
    width:700px;
    height:300px;
  }
  .parceiro1, .parceiro2, .parceiro3{
    position: relative;
    top:40px;
    background:transparent;
    border:2px solid #225fd0;
    margin:5px;
    width:218px;
    height:226px;
    opacity: 0.9;
    float:left;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    overflow: hidden;
    border-radius: 30px;
    cursor:pointer;

  }
  .div_top_image_parceiro{
    position: absolute;
    left:calc(50% - 60px);
    top:calc(50% - 60px);
    border-radius:30px;
    width:120px;
    height:120px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .empresa{
    height:100px;
    width:100px;
  }
  /* #div_top_image_parceiro1{
    background-image:url(../imagens/logoUm.jpeg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro2{
    background-image:url(../imagens/logoDois.jpg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro3{
    background-image:url(../imagens/logoTres.png);
    background-size:contain;
    background-repeat: no-repeat;
  } */
  .div_bottom_parceiro{
    position: absolute;
    left:10%;
    top:calc(50% + 80px);
    width:80%;
    height:max-content;
    font-weight:400;
    color:#e1e1e1;
    font-size:18px;
    text-align: center;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    opacity: 0;
    white-space: nowrap;
  }
  .div_bottom_parceiro span{
     color:#225fd0;
  }
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  .grand_father_perfis_section_four{
    margin: 0 auto;
    position: relative;
    height:320px;
    width:350px;
    overflow: hidden;
  }
  .father_perfis_section_four{
    position: absolute;
    top:0px;
    left:0px;
    width:400%;
    height:100%;
    animation-name:retangulo_clientes;
    animation-delay: 0s;
    animation-duration: 7s;
    animation-fill-mode:forwards;
    animation-iteration-count: infinite;
    animation-timing-function: ease;

  }
  @keyframes retangulo_clientes {
    0%{
      transform:translateX(-0px);

    }
    25%{
      transform:translateX(-281px);

    }
    50%{
      transform:translateX(-562px);

    }
    75%{
      transform:translateX(-843px);

    }
    100%{
      transform:translateX(0px);

    }
  }
  .retangulo_maior_section_four{
    position: relative;
    margin-left:calc(175px - 100px);
    border:2px solid #225fd0;
    width:200px;
    height:300px;
    border-radius:10px;
    float:left;
  }
  .div_foto_section_four{
    position: relative;
    margin:30px auto;
    border:1px solid #fff;
    border-radius:50%;
    width:120px;
    height:120px;
  }
  .div_linha1_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:10px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha2_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha3_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha4_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha5_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */

  .animation_main_six_solutions{
    position: absolute;
    margin-top: 30px;
    width:100%;
    height:72%;
    background-image:url(../imagens/logo_modificado_maior2.png);
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;
  }
  .button_solicita_orcamento{
    width:270px;
    height:50px;
    background:#225fd0;
    border-radius:8px;
    font-size:20px;
    color:#fff;
    margin:60px auto;
    text-align: center;
    line-height:50px;
    cursor: pointer;
  }
  .div_father_rodape{
    position: absolute;
    height:100px;
    width:100%;
    bottom:0px;
    left:0px;
    background:#131313;
    z-index: -1;
    display:none;

  }
  .solicita_orcamento_div_father_solicitacao{
    position:fixed;
    opacity: 0;
    pointer-events: none;
    top:7vh;
    left:7vw;
    width:86vw;
    height:86vh;
    background:#212121;
    border-radius:5px;
    box-shadow:2px 2px 3px 3px #000;
    z-index: 15;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .div_transparent{
    position: fixed;
    pointer-events: none;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    background:#000;
    opacity: 0;
    z-index:14;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .fechar_div{
    position: absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index: 2;
  }
  .linha_um_ocultar_div{
    position: absolute;
    top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(45deg);

  }
  .linha_dois_ocultar_div{
    position: absolute;
    margin-top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(-45deg);

  }
  .grand_father_left_div_oculta{
    position: relative;
    width:50%;
    height:100%;
    overflow: auto;
    float:left;
    background:#1f1f1f;
    border-right:1px solid #151515;

  }
  .grand_father_right_div_oculta{
    position: relative;
    width:calc(50% - 2px);
    height:100%;
    overflow: auto;
    float:left;
  }
  .text_solicite_seu_orcamento{
    position: relative;
    margin-top:20px;
    margin-left:15px;
    width:calc(100% - 30px);
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:35px;
    color:#e7e7e7;

  }
  .text_contato{
    position: relative;
    margin:10px auto;
    width:300px;
    height:90px;
    text-align:center;
    font-size:16px;
    color:#e1e1e1;
  }
  .div_son_text_contato{
    position: absolute;
    top:48px;
    width:40%;
    height:2px;
    background:#225fd0;
  }
  .form_contato{
    position: relative;
    margin:-30px auto;
    width:max-content;
    height:max-content;
  }
  .div_nome, .div_email, .div_numero{
    color:#e1e1e1;
    font-size:16px;
    margin-bottom:7px;
    margin-top:20px;

  }
  .input_nome, .input_email, .input_numero{
    width:270px;
    height:40px;
    border-radius:4px;
    background:#e7e7e7;
    border:none;
    padding-left:20px;
    font-size:16px;
    display: block;
  }
  .button_enviar_contato{
    width:135px;
    height:40px;
    background:#225fd0;
    color:#f7f7f7;
    font-size: 16px;
    border-radius:4px;
    margin-top: 20px;
    border:none;
    cursor: pointer;

  }
  /* .div_email{
    color:#f7f7f7;
    font-size:16px;
    margin-bottom:7px;
    margin-top:20px;

  } */
  .membro1{
    width:400px;
    height:100px;
    margin-top:40px;
    color:#f7f7f7;
    font-size:16px;
    border-bottom:1px solid #151515;
  }
  .membro1:hover{
    width:400px;
    height:100px;
    margin-top:40px;
    color:#f7f7f7;
    font-size:16px;
    border-bottom:1px solid #151515;
    animation-name:
  }
  .foto_mempro{
    width:80px;
    height:100%;
    background-image: url(../imagens/profile.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
    float:left;
  }
  .text_membro{
    position: relative;
    color:#e1e1e1;
    font-size:15px;
    float:left;
    top:21px;
    left:15px;

  }
  .div_ghost{
    position: absolute;
    left:calc(50% - 250px);
    top:10px;
    width:500px;
    height:300px;
    z-index: 2;
    pointer-events:none;

  }
  .div_son_ghost{
    position: relative;
    width:500px;
    height:300px;
    font-size:20px;
    line-height:300px;
    background: #d7d7d7;
    text-align: center;
    transition-duration:0.2s;
    border-radius:2px;
    box-shadow: 1px 1px 1px 1px #b7b7b7;
    transition-timing-function: ease;

  }
}








/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
/* AQUI COMEÇA A MEDIA PARA PORTRAIT */
@media (orientation:portrait) {
  body{
    position:absolute;
    margin-top:0px;
    left:0px;
    margin-left:0px;
    top:0px;
    bottom:0px;
    margin-bottom:0px;
    background:#212121;
    width:100%;
    height:3350px;
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Avenir LT Std 35 Light', serif;


  }
  .menu_side_right{
    position:fixed;
    top:100px;
    right:5px;
    height:calc(100vh - 200px);
    width:55px;
    opacity: 0.8;
    z-index: 20;
    display: none;

  }
  .linha{
    position: absolute;
    left:30px;
    height:100%;
    width:1px;
    background:#225fd0;
  }
  .bola{
    position: absolute;
    left:15px;
    top:0px;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #d7d7d7;
    transition-duration:1.5s;
  }

  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  .section_one_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:50px auto;

  }
  .section_two_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;


  }
  .section_three_home_page{
    width:98%;
    margin-left:1%;
    height:450px;
    margin:80px auto;


  }
  .section_four_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;

  }
  .section_five_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;


  }
  .animation_section_one, .animation_section_two, .animation_section_three, .animation_section_four, .animation_section_five{
    position:relative;
    top:150px;
    opacity: 0;
    left:0px;
    height:60%;
    width:100%;
    transition-duration:1.1s;
    transition-timing-function: ease;

  }
  .animation_section_one{
    opacity: 1;
    top:0px;
  }
  .father_text_section_one, .father_text_section_two, .father_text_section_three, .father_text_section_four, .father_text_section_four{
    position:relative;
    top:0px;
    left:0px;
    height:40%;
    width:100%;
  }
  /* Textos das sections */
  /* Textos das sections */
  /* Textos das sections */
  .text_tittle_section_one{
    position:relative;
    top:0px;
    left:0px;
    height:35%;
    width:100%;
    text-align:center;
    font-size:25px;
    font-family: 'Avenir LT Std 95 Black Oblique';
    font-weight:700;
    line-height: 90px;
    color:#e1e1e1;
  }
  #text_tittle_section_three{
    line-height: 50px;

  }
  .text_section_one{
    position:relative;
    top:0px;
    left:1%;
    height:calc(65% - 50px);
    width:98%;
    text-align:center;
    font-size:13px;
    padding-top:0px;
    font-weight:400;
    color:#c1c1c1;
  }
  .span_section_one_one, .span_section_one_two, .span_section_one_three, .span_section_one_four{
    position:relative;
    top:100px;
    opacity:0;
    transition-duration:0.5s;
    transition-timing-function: ease;

  }
  .scrollDown{
    position:fixed;
    bottom:25px;
    left:5px;
    width:180px;
    height:200px;
    display: none;
  }
  /* Animação da seta a esquerda */
  /* Animação da seta a esquerda */
  .linha_left{
    position:absolute;
    left:84px;
    width:1px;
    height:45px;
    background:#f1f1f1;
    animation-name: linha_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;

  }
  .seta_left{
    position:absolute;
    top:28px;
    left:77px;
    height:14px;
    width:14px;
    border-left:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    transform:rotateZ(-45deg);
    animation-name: seta_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  .bola_left{
    position:absolute;
    top:45px;
    left:65px;
    height:38px;
    width:38px;
    border-radius:50%;
    border:1px solid #225fd0;
    animation-name: bola_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  @keyframes linha_left {
    0%{
      top:0px;
    }
    50%{
      top:20px;
    }
    100%{
      top:0px;
    }
  }
  @keyframes seta_left {
    0%{
      top:28px;
    }
    50%{
      top:48px;
    }
    100%{
      top:28px;
    }
  }
  @keyframes bola_left {
    0%{
      top:27px;
    }
    50%{
      top:0px;
    }
    100%{
      top:27px;
    }
  }
  .text_scroll_down{
    position:absolute;
    bottom:70px;
    left:6%;
    width:80%;
    height:30px;
    z-index: 3;
    text-align:center;
    font-size:15px;
    color:#d1d1d1;

  }
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */

    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
  .div_father_animation_one{
    position: relative;
    margin:0 auto;
    width:100%;
    height:340px;
    }
  .father_network{
    position: relative;
    top:140px;
    left:calc(50% - 150px);
    width:300px;
    height:300px;
    animation-name: father_network;
    opacity: 0;
    animation-duration: 1.5s;
    animation-fill-mode:forwards;
    animation-timing-function: ease;
    animation-delay: 1s;
    }
    @keyframes father_network {
      100%{
        opacity: 1;
        top:20px;
        left:calc(50% - 150px);

      }
    }
  .circle_one{
    position: absolute;
    width:50px;
    height:50px;
    margin-top:125px;
    margin-left:128px;
    opacity: 1;
    border-radius:50%;
    border:3px solid #225fd0;
    animation-name: circle_one;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:105px;
    margin-left:110px;
    transform: rotateZ(70deg);
    background: #225fd0;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    animation-name: line_one;
    animation-delay:1s;
  }
  .circle_two{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:40px;
    margin-left:93px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_two{
    position:absolute;
    width:45px;
    height:3px;
    margin-top:96px;
    margin-left:65px;
    transform: rotateZ(125deg);
    background: #225fd0;
  }
  .circle_three{
    position: absolute;
    width:32px;
    height:32px;
    margin-top:112px;
    margin-left:45px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_three{
    position:absolute;
    width:53px;
    height:3px;
    margin-top:115px;
    margin-left:167px;
    transform: rotateZ(131deg);
    background: #225fd0;
  }
  .circle_four{
    position: absolute;
    width:44px;
    height:44px;
    margin-top:52px;
    margin-left:198px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_four{
    position:absolute;
    width:60px;
    height:3px;
    margin-top:187px;
    margin-left:170px;
    transform: rotateZ(40deg);
    background: #225fd0;
  }
  .circle_five{
    position: absolute;
    width:30px;
    height:30px;
    margin-top:200px;
    margin-left:217px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_five{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:186px;
    margin-left:93px;
    transform: rotateZ(135deg);
    background: #225fd0;
  }
  .circle_six{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:197px;
    margin-left:62px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_six{
    position:absolute;
    width:35px;
    height:3px;
    margin-top:224px;
    margin-left:106px;
    transform: rotateZ(3deg);
    background: #225fd0;
  }
  .circle_seven{
    position: absolute;
    width:25px;
    height:25px;
    margin-top:212px;
    margin-left:141px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  /* FIM DA ESTILIZAÇÃO DA REDE */
  /* ESTILIZAÇÃO DO COMPUTADOR */
  /* .computer_linha_um{
    position: absolute;
    top:120px;
    left:395px;
    width:0px;
    height:200px;
    border-radius:5px;
    border-top:2px solid #225fd0;
    animation-name: computer_linha_um;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;

  }
  @keyframes computer_linha_um {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:200px;
    }

  }
  .computer_linha_dois{
    position: absolute;
    top:185px;
    left:280px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-left:2px solid #225fd0;
    animation-name: computer_linha_dois;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_dois {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_tres{
    position: absolute;
    top:185px;
    left:279px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-right:2px solid #225fd0;
    animation-name: computer_linha_tres;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_tres {
    100%{
      top:120px;
      left:279px;
      width:230px;
      height:130px;
    }
  }
  .computer_linha_quatro{
    position: absolute;
    top:119px;
    left:395px;
    width:0px;
    height:130px;
    border-radius:5px;
    border-bottom:2px solid #225fd0;
    animation-name: computer_linha_quatro;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_quatro {
    100%{
      top:119px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_cinco{
    position: absolute;
    top:143px;
    left:395px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_cinco;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_cinco {
    100%{
      top:143px;
      left:280px;
      width:230px;
      height:1px;
    }

  }
  .computer_linha_seis{
    position: absolute;
    top:230px;
    left:395px;
    width:0px;
    height:2px;
    background:#225fd0;
    z-index:-1;
    animation-name: computer_linha_seis;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1.5s;

  }
  @keyframes computer_linha_seis {
    100%{
      top:230px;
      left:280px;
      width:230px;
      height:2px;
    }

  }
  .computer_linha_sete{
    position: absolute;
    top:170px;
    left:360px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_sete;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_sete {
    100%{
      top:170px;
      left:330px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_oito{
    position: absolute;
    top:180px;
    left:390px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_oito;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_oito {
    100%{
      top:180px;
      left:340px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_nove{
    position: absolute;
    top:190px;
    left:320px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_nove;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_nove {
    100%{
      top:190px;
      left:350px;
      width:120px;
      height:1px;
    }
  }
  .computer_linha_dez{
    position: absolute;
    top:200px;
    left:300px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_dez;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_dez {
    100%{
      top:200px;
      left:330px;
      width:120px;
      height:1px;
    }
  }
  .computer_bola_um{
    position: absolute;
    top:127px;
    left:460px;
    width:10px;
    height:10px;
    border:1px solid #f7f7f7;
    border-radius: 50%;
    opacity:0;
    animation-name: computer_bola_um;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;
  }
  @keyframes computer_bola_um {
    100%{
      top:127px;
      left:460px;
      width:10px;
      height:10px;
      opacity: 1;
    }

  } */
  /* FIM DA ESTILIZAÇÃO DO COMPUTADOR */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS ONE E TWO */
  .line_bottom_one{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOld;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:0s;
  }
  .line_bottom_two{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAsc;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 0.3s;
    z-index: 2;

  }
  @keyframes lineBottomAsc {
    0%{

    }
    100%{
      left:15%;
      width:70%;
    }
  }
  @keyframes lineBottomAscOld {
    0%{

    }
    100%{
      left:10%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM ONE E TWO */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS THREE E FOUR */
  .line_bottom_three{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOldTwo;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:1s;
  }
  .line_bottom_four{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAscTwo;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 1.3s;
    z-index: 2;

  }
  @keyframes lineBottomAscTwo {
    0%{

    }
    100%{
      left:25%;
      width:40%;
    }
  }
  @keyframes lineBottomAscOldTwo {
    0%{

    }
    100%{
      left:5%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM THREE E FOUR */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */

  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */



  .div_father_animation_graphic{
    position: relative;
    width:370px;
    height:350px;
    margin:0 auto;

  }
  .graphic_colun_one{
    position: absolute;
    bottom:30px;
    left:20px;
    width:50px;
    height:100px;
    background:transparent;
    border:2px solid #225fd0;
    display: none;
  }
  .graphic_colun_two{
    position: absolute;
    bottom:30px;
    left:2px;
    width:50px;
    height:150px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_three{
    position: absolute;
    bottom:30px;
    left:77px;
    width:50px;
    height:200px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_four{
    position: absolute;
    bottom:30px;
    left:157px;
    width:50px;
    height:250px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_legend_one{
    position: absolute;
    left:237px;
    bottom:265px;
    width:110px;
    height:20px;
    border:1px solid #225fd0;

  }
  .graphic_legend_two{
    position: absolute;
    left:237px;
    bottom:230px;
    width:80px;
    height:20px;
    border:1px solid #fff;

  }
  .graphic_legend_three{
    position: absolute;
    left:237px;
    bottom:205px;
    width:100px;
    height:10px;
    border:1px solid #fff;

  }


  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  .father_grid_parceiros{
    margin:0 auto;
    width:max-content;
    height:300px;
  }
  .parceiro1, .parceiro2, .parceiro3{
    position: relative;
    top:0px;
    background:transparent;
    border:2px solid #225fd0;
    margin:5px;
    width:218px;
    height:226px;
    opacity: 0.9;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    overflow: hidden;
    border-radius: 30px;
    cursor:pointer;

  }
  .parceiro2, .parceiro3{
    display: none;
  }
  .div_top_image_parceiro{
    position: absolute;
    left:calc(50% - 60px);
    top:calc(50% - 60px);
    border-radius:30px;
    width:120px;
    height:120px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    border:1px solid #fff;

  }
  /* #div_top_image_parceiro1{
    background-image:url(../imagens/logoUm.jpeg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro2{
    background-image:url(../imagens/logoDois.jpg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro3{
    background-image:url(../imagens/logoTres.png);
    background-size:contain;
    background-repeat: no-repeat;
  } */
  .div_bottom_parceiro{
    position: absolute;
    left:10%;
    top:calc(50% + 80px);
    width:80%;
    height:max-content;
    font-weight:400;
    color:#e1e1e1;
    font-size:18px;
    text-align: center;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    opacity: 0;

  }
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  .grand_father_perfis_section_four{
    margin: 0 auto;
    position: relative;
    height:320px;
    width:350px;
    overflow: hidden;
  }
  .father_perfis_section_four{
    position: absolute;
    top:0px;
    left:0px;
    width:400%;
    height:100%;
    animation-name:retangulo_clientes;
    animation-delay: 0s;
    animation-duration: 7s;
    animation-fill-mode:forwards;
    animation-iteration-count: infinite;
    animation-timing-function: ease;

  }
  @keyframes retangulo_clientes {
    0%{
      transform:translateX(-0px);

    }
    25%{
      transform:translateX(-281px);

    }
    50%{
      transform:translateX(-562px);

    }
    75%{
      transform:translateX(-843px);

    }
    100%{
      transform:translateX(0px);

    }
  }
  .retangulo_maior_section_four{
    position: relative;
    margin-left:calc(175px - 100px);
    border:2px solid #225fd0;
    width:200px;
    height:300px;
    border-radius:10px;
    float:left;
  }
  .div_foto_section_four{
    position: relative;
    margin:30px auto;
    border:1px solid #fff;
    border-radius:50%;
    width:120px;
    height:120px;
  }
  .div_linha1_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:10px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha2_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha3_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha4_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha5_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */

  .animation_main_six_solutions{
    position: absolute;
    margin-top: 30px;
    width:100%;
    height:72%;
    background-image:url(../imagens/logo_modificado_maior2.png);
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;
  }
  .button_solicita_orcamento{
    width:270px;
    height:50px;
    background:#225fd0;
    border-radius:8px;
    font-size:20px;
    color:#fff;
    margin:60px auto;
    text-align: center;
    line-height:50px;
    cursor: pointer;
  }
  .div_father_rodape{
    position: absolute;
    height:100px;
    width:100%;
    bottom:0px;
    left:0px;
    background:#131313;
    z-index: -1;
    display: none;

  }
  .solicita_orcamento_div_father_solicitacao{
    position:fixed;
    opacity: 0;
    pointer-events: none;
    top:7vh;
    left:7vw;
    width:86vw;
    height:86vh;
    background:#1f1f1f;
    border-radius:5px;
    box-shadow:2px 2px 3px 3px #000;
    z-index: 15;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .div_transparent{
    position: fixed;
    pointer-events: none;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    background:#000;
    opacity: 0;
    z-index:14;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .fechar_div{
    position: absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index: 2;
  }
  .linha_um_ocultar_div{
    position: absolute;
    top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(45deg);

  }
  .linha_dois_ocultar_div{
    position: absolute;
    margin-top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(-45deg);

  }
  .grand_father_left_div_oculta{
    position: relative;
    width:100%;
    height:100%;
    overflow: auto;
    float:left;
    }
  .grand_father_right_div_oculta{
    position: relative;
    width:calc(50% - 2px);
    height:100%;
    overflow: auto;
    float:left;
    border-left:2px solid #151515;
    display: none;
  }
  .text_solicite_seu_orcamento{
    position: relative;
    margin-top:40px;
    margin-left:15px;
    width:calc(100% - 30px);
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:26px;
    color:#f1f1f1;

  }
  .text_contato{
    position: relative;
    margin:10px auto;
    width:300px;
    height:60px;
    text-align:center;
    font-size:16px;
    color:#f1f1f1;
  }
  .form_contato{
    position: relative;
    margin:10px auto;
    width:max-content;
    height:max-content;
  }
  .div_nome, .div_email, .div_numero{
    color:#f7f7f7;
    font-size:15px;
    margin-bottom:3px;
    margin-top:14px;


  }
  .input_nome, .input_email, .input_numero{
    width:210px;
    height:40px;
    border-radius:4px;
    background:#f7f7f7;
    border:none;
    padding-left:20px;
    font-size:16px;
    display: block;

  }
  .button_enviar_contato{
    width:135px;
    height:40px;
    background:#225fd0;
    color:#f7f7f7;
    font-size: 16px;
    border-radius:4px;
    margin-top: 14px;
    border:none;
    cursor: pointer;

  }
  /* .div_email{
    color:#f7f7f7;
    font-size:16px;
    margin-bottom:7px;
    margin-top:20px;

  } */
  .membro1{
    width:300px;
    height:100px;
    margin-top:40px;
    color:#f7f7f7;
    font-size:16px;
  }
  .div_ghost{
    position: absolute;
    left:calc(50% - 250px);
    top:10px;
    width:500px;
    height:300px;
    z-index: 2;
    pointer-events:none;

  }
  .div_son_ghost{
    position: relative;
    width:500px;
    height:300px;
    font-size:20px;
    line-height:300px;
    background: #d7d7d7;
    text-align: center;
    transition-duration:0.2s;
    border-radius:2px;
    box-shadow: 1px 1px 1px 1px #b7b7b7;
    transition-timing-function: ease;

  }
}

/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
/* ESTILO DOS LANDSCAPE MAS COM WIDTH PEQUENO */
@media (orientation:landscape) and (max-width:900px) {
  body{
    position:absolute;
    margin-top:0px;
    left:0px;
    margin-left:0px;
    top:0px;
    bottom:0px;
    margin-bottom:0px;
    background:#212121;
    width:100%;
    height:3350px;
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Avenir LT Std 35 Light', serif;


  }
  .menu_side_right{
    position:fixed;
    top:100px;
    right:5px;
    height:calc(100vh - 200px);
    width:55px;
    opacity: 0.8;
    z-index: 20;
    display: none;

  }
  .linha{
    position: absolute;
    left:30px;
    height:100%;
    width:1px;
    background:#225fd0;
  }
  .bola{
    position: absolute;
    left:15px;
    top:0px;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #d7d7d7;
    transition-duration:1.5s;
  }

  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  /* AQUI COMEÇA OS ESTILOS DAS SECTIONS */
  .section_one_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:50px auto;

  }
  .section_two_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;


  }
  .section_three_home_page{
    width:98%;
    margin-left:1%;
    height:450px;
    margin:80px auto;


  }
  .section_four_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;

  }
  .section_five_home_page{
    width:98%;
    margin-left:1%;
    height:550px;
    margin:80px auto;


  }
  .animation_section_one, .animation_section_two, .animation_section_three, .animation_section_four, .animation_section_five{
    position:relative;
    top:150px;
    opacity: 0;
    left:0px;
    height:60%;
    width:100%;
    transition-duration:1.1s;
    transition-timing-function: ease;

  }
  .animation_section_one{
    opacity: 1;
    top:0px;
  }
  .father_text_section_one, .father_text_section_two, .father_text_section_three, .father_text_section_four, .father_text_section_four{
    position:relative;
    top:0px;
    left:0px;
    height:40%;
    width:100%;
  }
  /* Textos das sections */
  /* Textos das sections */
  /* Textos das sections */
  .text_tittle_section_one{
    position:relative;
    top:0px;
    left:0px;
    height:35%;
    width:100%;
    text-align:center;
    font-size:25px;
    font-family: 'Avenir LT Std 95 Black Oblique';
    font-weight:700;
    line-height: 90px;
    color:#e1e1e1;
  }
  #text_tittle_section_three{
    line-height: 50px;

  }
  .text_section_one{
    position:relative;
    top:0px;
    left:1%;
    height:calc(65% - 50px);
    width:98%;
    text-align:center;
    font-size:13px;
    padding-top:0px;
    font-weight:400;
    color:#c1c1c1;
  }
  .span_section_one_one, .span_section_one_two, .span_section_one_three, .span_section_one_four{
    position:relative;
    top:100px;
    opacity:0;
    transition-duration:0.5s;
    transition-timing-function: ease;

  }
  .scrollDown{
    position:fixed;
    bottom:25px;
    left:5px;
    width:180px;
    height:200px;
    display: none;
  }
  /* Animação da seta a esquerda */
  /* Animação da seta a esquerda */
  .linha_left{
    position:absolute;
    left:84px;
    width:1px;
    height:45px;
    background:#f1f1f1;
    animation-name: linha_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;

  }
  .seta_left{
    position:absolute;
    top:28px;
    left:77px;
    height:14px;
    width:14px;
    border-left:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    transform:rotateZ(-45deg);
    animation-name: seta_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  .bola_left{
    position:absolute;
    top:45px;
    left:65px;
    height:38px;
    width:38px;
    border-radius:50%;
    border:1px solid #225fd0;
    animation-name: bola_left;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
  }
  @keyframes linha_left {
    0%{
      top:0px;
    }
    50%{
      top:20px;
    }
    100%{
      top:0px;
    }
  }
  @keyframes seta_left {
    0%{
      top:28px;
    }
    50%{
      top:48px;
    }
    100%{
      top:28px;
    }
  }
  @keyframes bola_left {
    0%{
      top:27px;
    }
    50%{
      top:0px;
    }
    100%{
      top:27px;
    }
  }
  .text_scroll_down{
    position:absolute;
    bottom:70px;
    left:6%;
    width:80%;
    height:30px;
    z-index: 3;
    text-align:center;
    font-size:15px;
    color:#d1d1d1;

  }
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */
  /* ESTILIZAÇÃO DA SECTION 1 */

    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
    /* ESTILIZAÇÃO DA REDE */
  .div_father_animation_one{
    position: relative;
    margin:0 auto;
    width:100%;
    height:340px;
    }
  .father_network{
    position: relative;
    top:140px;
    left:calc(50% - 150px);
    width:300px;
    height:300px;
    animation-name: father_network;
    opacity: 0;
    animation-duration: 1.5s;
    animation-fill-mode:forwards;
    animation-timing-function: ease;
    animation-delay: 1s;
    }
    @keyframes father_network {
      100%{
        opacity: 1;
        top:20px;
        left:calc(50% - 150px);

      }
    }
  .circle_one{
    position: absolute;
    width:50px;
    height:50px;
    margin-top:125px;
    margin-left:128px;
    opacity: 1;
    border-radius:50%;
    border:3px solid #225fd0;
    animation-name: circle_one;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:105px;
    margin-left:110px;
    transform: rotateZ(70deg);
    background: #225fd0;
    animation-fill-mode: forwards;
    animation-duration:1s;
  }
  .line_one{
    animation-name: line_one;
    animation-delay:1s;
  }
  .circle_two{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:40px;
    margin-left:93px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_two{
    position:absolute;
    width:45px;
    height:3px;
    margin-top:96px;
    margin-left:65px;
    transform: rotateZ(125deg);
    background: #225fd0;
  }
  .circle_three{
    position: absolute;
    width:32px;
    height:32px;
    margin-top:112px;
    margin-left:45px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_three{
    position:absolute;
    width:53px;
    height:3px;
    margin-top:115px;
    margin-left:167px;
    transform: rotateZ(131deg);
    background: #225fd0;
  }
  .circle_four{
    position: absolute;
    width:44px;
    height:44px;
    margin-top:52px;
    margin-left:198px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_four{
    position:absolute;
    width:60px;
    height:3px;
    margin-top:187px;
    margin-left:170px;
    transform: rotateZ(40deg);
    background: #225fd0;
  }
  .circle_five{
    position: absolute;
    width:30px;
    height:30px;
    margin-top:200px;
    margin-left:217px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_five{
    position:absolute;
    width:50px;
    height:3px;
    margin-top:186px;
    margin-left:93px;
    transform: rotateZ(135deg);
    background: #225fd0;
  }
  .circle_six{
    position: absolute;
    width:40px;
    height:40px;
    margin-top:197px;
    margin-left:62px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  .line_six{
    position:absolute;
    width:35px;
    height:3px;
    margin-top:224px;
    margin-left:106px;
    transform: rotateZ(3deg);
    background: #225fd0;
  }
  .circle_seven{
    position: absolute;
    width:25px;
    height:25px;
    margin-top:212px;
    margin-left:141px;
    border-radius:50%;
    border:3px solid #225fd0;
    transition-duration:0.5s;
  }
  /* FIM DA ESTILIZAÇÃO DA REDE */
  /* ESTILIZAÇÃO DO COMPUTADOR */
  /* .computer_linha_um{
    position: absolute;
    top:120px;
    left:395px;
    width:0px;
    height:200px;
    border-radius:5px;
    border-top:2px solid #225fd0;
    animation-name: computer_linha_um;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;

  }
  @keyframes computer_linha_um {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:200px;
    }

  }
  .computer_linha_dois{
    position: absolute;
    top:185px;
    left:280px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-left:2px solid #225fd0;
    animation-name: computer_linha_dois;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_dois {
    100%{
      top:120px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_tres{
    position: absolute;
    top:185px;
    left:279px;
    width:230px;
    height:0px;
    border-radius:5px;
    border-right:2px solid #225fd0;
    animation-name: computer_linha_tres;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_tres {
    100%{
      top:120px;
      left:279px;
      width:230px;
      height:130px;
    }
  }
  .computer_linha_quatro{
    position: absolute;
    top:119px;
    left:395px;
    width:0px;
    height:130px;
    border-radius:5px;
    border-bottom:2px solid #225fd0;
    animation-name: computer_linha_quatro;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
  }
  @keyframes computer_linha_quatro {
    100%{
      top:119px;
      left:280px;
      width:230px;
      height:130px;
    }

  }
  .computer_linha_cinco{
    position: absolute;
    top:143px;
    left:395px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_cinco;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_cinco {
    100%{
      top:143px;
      left:280px;
      width:230px;
      height:1px;
    }

  }
  .computer_linha_seis{
    position: absolute;
    top:230px;
    left:395px;
    width:0px;
    height:2px;
    background:#225fd0;
    z-index:-1;
    animation-name: computer_linha_seis;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1.5s;

  }
  @keyframes computer_linha_seis {
    100%{
      top:230px;
      left:280px;
      width:230px;
      height:2px;
    }

  }
  .computer_linha_sete{
    position: absolute;
    top:170px;
    left:360px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_sete;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 1s;

  }
  @keyframes computer_linha_sete {
    100%{
      top:170px;
      left:330px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_oito{
    position: absolute;
    top:180px;
    left:390px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_oito;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_oito {
    100%{
      top:180px;
      left:340px;
      width:120px;
      height:1px;
    }

  }
  .computer_linha_nove{
    position: absolute;
    top:190px;
    left:320px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_nove;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_nove {
    100%{
      top:190px;
      left:350px;
      width:120px;
      height:1px;
    }
  }
  .computer_linha_dez{
    position: absolute;
    top:200px;
    left:300px;
    width:0px;
    height:1px;
    background:#f7f7f7;
    z-index:-1;
    animation-name: computer_linha_dez;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;

  }
  @keyframes computer_linha_dez {
    100%{
      top:200px;
      left:330px;
      width:120px;
      height:1px;
    }
  }
  .computer_bola_um{
    position: absolute;
    top:127px;
    left:460px;
    width:10px;
    height:10px;
    border:1px solid #f7f7f7;
    border-radius: 50%;
    opacity:0;
    animation-name: computer_bola_um;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;
  }
  @keyframes computer_bola_um {
    100%{
      top:127px;
      left:460px;
      width:10px;
      height:10px;
      opacity: 1;
    }

  } */
  /* FIM DA ESTILIZAÇÃO DO COMPUTADOR */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS ONE E TWO */
  .line_bottom_one{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOld;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:0s;
  }
  .line_bottom_two{
    position:absolute;
    bottom:30px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAsc;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 0.3s;
    z-index: 2;

  }
  @keyframes lineBottomAsc {
    0%{

    }
    100%{
      left:15%;
      width:70%;
    }
  }
  @keyframes lineBottomAscOld {
    0%{

    }
    100%{
      left:10%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM ONE E TWO */
  /* ESTILIZAÇÃO DAS LINHAS BOTTOMS THREE E FOUR */
  .line_bottom_three{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#225fd0;
    animation-name: lineBottomAscOldTwo;
    animation-duration:2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay:1s;
  }
  .line_bottom_four{
    position:absolute;
    bottom:10px;
    left:50%;
    width:0%;
    height:2px;
    background:#fff;
    animation-name: lineBottomAscTwo;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    animation-delay: 1.3s;
    z-index: 2;

  }
  @keyframes lineBottomAscTwo {
    0%{

    }
    100%{
      left:25%;
      width:40%;
    }
  }
  @keyframes lineBottomAscOldTwo {
    0%{

    }
    100%{
      left:5%;
      width:80%;
    }
  }
  /* FIM DAS ESTILIZAÇÕES DAS LINHAS BOTTOM THREE E FOUR */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 1 */

  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO DA SECTION 2 */



  .div_father_animation_graphic{
    position: relative;
    width:370px;
    height:350px;
    margin:0 auto;

  }
  .graphic_colun_one{
    position: absolute;
    bottom:30px;
    left:20px;
    width:50px;
    height:100px;
    background:transparent;
    border:2px solid #225fd0;
    display: none;
  }
  .graphic_colun_two{
    position: absolute;
    bottom:30px;
    left:2px;
    width:50px;
    height:150px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_three{
    position: absolute;
    bottom:30px;
    left:77px;
    width:50px;
    height:200px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_colun_four{
    position: absolute;
    bottom:30px;
    left:157px;
    width:50px;
    height:250px;
    background:transparent;
    border:2px solid #225fd0;
  }
  .graphic_legend_one{
    position: absolute;
    left:237px;
    bottom:265px;
    width:110px;
    height:20px;
    border:1px solid #225fd0;

  }
  .graphic_legend_two{
    position: absolute;
    left:237px;
    bottom:230px;
    width:80px;
    height:20px;
    border:1px solid #fff;

  }
  .graphic_legend_three{
    position: absolute;
    left:237px;
    bottom:205px;
    width:100px;
    height:10px;
    border:1px solid #fff;

  }


  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* FIM DA ESTILIZAÇÃO DA SECTION 2 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  /* ESTILIZAÇÃO SECTION 3 */
  .father_grid_parceiros{
    margin:0 auto;
    width:max-content;
    height:300px;
  }
  .parceiro1, .parceiro2, .parceiro3{
    position: relative;
    top:0px;
    background:transparent;
    border:2px solid #225fd0;
    margin:5px;
    width:218px;
    height:226px;
    opacity: 0.9;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    overflow: hidden;
    border-radius: 30px;
    cursor:pointer;

  }
  .parceiro2, .parceiro3{
    display: none;
  }
  .div_top_image_parceiro{
    position: absolute;
    left:calc(50% - 60px);
    top:calc(50% - 60px);
    border-radius:30px;
    width:120px;
    height:120px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    border:1px solid #fff;

  }
  /* #div_top_image_parceiro1{
    background-image:url(../imagens/logoUm.jpeg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro2{
    background-image:url(../imagens/logoDois.jpg);
    background-size:contain;
    background-repeat: no-repeat;
  }
  #div_top_image_parceiro3{
    background-image:url(../imagens/logoTres.png);
    background-size:contain;
    background-repeat: no-repeat;
  } */
  .div_bottom_parceiro{
    position: absolute;
    left:10%;
    top:calc(50% + 80px);
    width:80%;
    height:max-content;
    font-weight:400;
    color:#e1e1e1;
    font-size:18px;
    text-align: center;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    opacity: 0;

  }
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  /* ANIMAÇÃO SECTION FOUR */
  .grand_father_perfis_section_four{
    margin: 0 auto;
    position: relative;
    height:320px;
    width:350px;
    overflow: hidden;
  }
  .father_perfis_section_four{
    position: absolute;
    top:0px;
    left:0px;
    width:400%;
    height:100%;
    animation-name:retangulo_clientes;
    animation-delay: 0s;
    animation-duration: 7s;
    animation-fill-mode:forwards;
    animation-iteration-count: infinite;
    animation-timing-function: ease;

  }
  @keyframes retangulo_clientes {
    0%{
      transform:translateX(-0px);

    }
    25%{
      transform:translateX(-281px);

    }
    50%{
      transform:translateX(-562px);

    }
    75%{
      transform:translateX(-843px);

    }
    100%{
      transform:translateX(0px);

    }
  }
  .retangulo_maior_section_four{
    position: relative;
    margin-left:calc(175px - 100px);
    border:2px solid #225fd0;
    width:200px;
    height:300px;
    border-radius:10px;
    float:left;
  }
  .div_foto_section_four{
    position: relative;
    margin:30px auto;
    border:1px solid #fff;
    border-radius:50%;
    width:120px;
    height:120px;
  }
  .div_linha1_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:10px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha2_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha3_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha4_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  .div_linha5_section_four{
    position: relative;
    margin-left:calc(50% - 70px);
    margin-top:20px;
    width:140px;
    height:1px;
    background:#fff;
  }
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */
  /* STYLE SECTION FINALE */

  .animation_main_six_solutions{
    position: absolute;
    margin-top: 30px;
    width:100%;
    height:72%;
    background-image:url(../imagens/logo_modificado_maior2.png);
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;
  }
  .button_solicita_orcamento{
    width:270px;
    height:50px;
    background:#225fd0;
    border-radius:8px;
    font-size:20px;
    color:#fff;
    margin:60px auto;
    text-align: center;
    line-height:50px;
    cursor: pointer;
  }
  .div_father_rodape{
    position: absolute;
    height:100px;
    width:100%;
    bottom:0px;
    left:0px;
    background:#131313;
    z-index: -1;
    display: none;

  }
  .solicita_orcamento_div_father_solicitacao{
    position:fixed;
    opacity: 0;
    pointer-events: none;
    top:7vh;
    left:7vw;
    width:86vw;
    height:86vh;
    background:#1f1f1f;
    border-radius:5px;
    box-shadow:2px 2px 3px 3px #000;
    z-index: 15;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .div_transparent{
    position: fixed;
    pointer-events: none;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    background:#000;
    opacity: 0;
    z-index:14;
    transition-duration:0.3s;
    transition-timing-function: ease;

  }
  .fechar_div{
    position: absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index: 2;
  }
  .linha_um_ocultar_div{
    position: absolute;
    top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(45deg);

  }
  .linha_dois_ocultar_div{
    position: absolute;
    margin-top:15px;
    width:35px;
    height:3px;
    background:#f7f7f7;
    transform:rotateZ(-45deg);

  }
  .grand_father_left_div_oculta{
    position: relative;
    width:100%;
    height:100%;
    overflow: auto;
    float:left;
    }
  .grand_father_right_div_oculta{
    position: relative;
    width:calc(50% - 2px);
    height:100%;
    overflow: auto;
    float:left;
    border-left:2px solid #151515;
    display: none;
  }
  .text_solicite_seu_orcamento{
    position: relative;
    margin-top:40px;
    margin-left:15px;
    width:calc(100% - 30px);
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:26px;
    color:#f1f1f1;

  }
  .text_contato{
    position: relative;
    margin:10px auto;
    width:300px;
    height:60px;
    text-align:center;
    font-size:16px;
    color:#f1f1f1;
  }
  .form_contato{
    position: relative;
    margin:10px auto;
    width:max-content;
    height:max-content;
  }
  .div_nome, .div_email, .div_numero{
    color:#f7f7f7;
    font-size:15px;
    margin-bottom:3px;
    margin-top:14px;


  }
  .input_nome, .input_email, .input_numero{
    width:210px;
    height:40px;
    border-radius:4px;
    background:#f7f7f7;
    border:none;
    padding-left:20px;
    font-size:16px;
    display: block;

  }
  .button_enviar_contato{
    width:135px;
    height:40px;
    background:#225fd0;
    color:#f7f7f7;
    font-size: 16px;
    border-radius:4px;
    margin-top: 14px;
    border:none;
    cursor: pointer;

  }
  /* .div_email{
    color:#f7f7f7;
    font-size:16px;
    margin-bottom:7px;
    margin-top:20px;

  } */
  .membro1{
    width:300px;
    height:100px;
    margin-top:40px;
    color:#f7f7f7;
    font-size:16px;
  }
  .div_ghost{
    position: absolute;
    left:calc(50% - 250px);
    top:10px;
    width:500px;
    height:300px;
    z-index: 2;
    pointer-events:none;

  }
  .div_son_ghost{
    position: relative;
    width:500px;
    height:300px;
    font-size:20px;
    line-height:300px;
    background: #d7d7d7;
    text-align: center;
    transition-duration:0.2s;
    border-radius:2px;
    box-shadow: 1px 1px 1px 1px #b7b7b7;
    transition-timing-function: ease;

  }
}