@supports (display: grid) {
  .grid {
    display: grid;
    grid-gap: 0vw;
    min-height: 100vh;
    padding: 0vw;
  }
  .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows:
      100vh
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(15vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto)
      minmax(10vh, auto);
    grid-template-areas:
      "aaa aaa"
      "q1 q1"
      "q11 q11"
      "t1 t1"
      "r1 r1"
      "r11 r11"
      "r22 r22"
      "r2 r2"
      "t2 t2"
      "r3 r3"
      "r33 r33"
      "r44 r44"
      "r4 r4"
      "r5 r5"
      "r55 r55"
      "r66 r66"
      "r6 r6"
      "r7 r7"
      "r77 r77"
      "pp pp"
      "f1 f1"
      "f0 f0"
      "f2 f2"
      "p2 p2"
      "footerright footerright"
      "footerleft footerleft ";
  }

  @media screen and (min-width: 1px) {
    .grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows:
        100vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        1vh
        1vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        0vh 
        0vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        0vh 
        0vh
        0vh 
        2vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(15vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto);
      grid-template-areas:
        "aaa aaa"
        "q1 q1"
        "q11 q11"
        "t1 t1"
        "r1 r1"
        "r11 r11"
        "r22 r22"
        "r2 r2"
        "t2 t2"
        "r3 r3"
        "r33 r33"
        "r44 r44"
        "r4 r4"
        "r5 r5"
        "r55 r55"
        "r66 r66"
        "r6 r6"
        "r7 r7"
        "r77 r77"
        "pp pp"
        "f1 f1"
        "f0 f0"
        "f2 f2"
        "p2 p2"
        "footerright footerright"
        "footerleft footerleft ";
    }
  }
  @media screen and (min-width: 810px) {
    .grid {
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows:
        100vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        5vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        0vh
        minmax(10vh, auto)
        0vh
        3vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto);
      grid-template-areas:
        "aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa "
        "r0 q1 q1 q1 q1 q1 q11 q11 q11 q11 r00 "
        "r0 t1 t1 t1 t1 t1 t11 t11 t11 t11 r00 "
        "r0 r1 r1 r1 r1 r1 r11 r11 r11 r11 r00 "
        "r0 r2 r2 r2 r2 r22 r22 r22 r22 r22 r00 "
        "r0 t22 t22 t22 t22 t2 t2 t2 t2 t2 r00 "
        "r0 r33 r33 r33 r33 r3 r3 r3 r3 r3 r00 "
        "r0 r4 r4 r4 r4 r44 r44 r44 r44 r44 r00 "
        "r0 r5 r5 r5 r5 r5 r55 r55 r55 r55 r00 "
        "r0 r6 r6 r6 r6 r66 r66 r66 r66 r66 r00 "
        "r0 r7 r7 r7 r7 r7 r77 r77 r77 r77 r00 "
        "pp pp pp pp pp pp pp pp pp pp pp"
        "r000 f1 f1 f1 f1 f0 f2 f2 f2 f2 r0000 "
        "p2 p2 p2 p2 p2 p2 p2 p2 p2 p2 p2"
        "footerleft footerleft footerleft footerleft footerleft footerright footerright footerright footerright footerright footerright";
    }
  }

  @media screen and (min-width: 1400px) {
    .grid {
      grid-template-columns: repeat(9, 1fr);
      grid-template-rows:
        100vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        5vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        0vh
        minmax(10vh, auto)
        0vh
        4vh
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto);
      grid-template-areas:
        "aaa aaa aaa aaa aaa aaa aaa aaa aaa "
        "r0 q11 q11 q11 q1 q1 q1 q1 r00 "
        "r0 t1 t1 t1 t1 t11 t11 t11 r00 "
        "r0 r1 r1 r1 r1 r11 r11 r11 r00 "
        "r0 r2 r2 r2 r22 r22 r22 r22 r00 "
        "r0 t22 t22 t22 t2 t2 t2 t2 r00 "
        "r0 r33 r33 r33 r3 r3 r3 r3 r00 "
        "r0 r4 r4 r4 r44 r44 r44 r44 r00 "
        "r0 r5 r5 r5 r5 r55 r55 r55 r00 "
        "r0 r6 r6 r6 r66 r66 r66 r66 r00 "
        "r0 r7 r7 r7 r7 r77 r77 r77 r00 "
        "pp pp pp pp pp pp pp pp pp"
        "r000 f1 f1 f1 f0 f2 f2 f2 r0000 "
        "p2 p2 p2 p2 p2 p2 p2 p2 p2"
        "footerleft footerleft footerleft footerleft footerright footerright footerright footerright footerright";
    }
  }

  .grid .item:nth-child(1) {
    grid-area: aaa;
  }
  .grid .item:nth-child(2) {
    grid-area: r0;
  }
  .grid .item:nth-child(3) {
    grid-area: q1;
  }
  .grid .item:nth-child(4) {
    grid-area: q11;
  }
  .grid .item:nth-child(5) {
    grid-area: r00;
  }
  .grid .item:nth-child(6) {
    grid-area: t1;
  }
  .grid .item:nth-child(7) {
    grid-area: r1;
  }
  .grid .item:nth-child(8) {
    grid-area: r11;
  }
  .grid .item:nth-child(9) {
    grid-area: r2;
  }
  .grid .item:nth-child(10) {
    grid-area: r22;
  }
  .grid .item:nth-child(11) {
    grid-area: t2;
  }
  .grid .item:nth-child(12) {
    grid-area: r3;
  }
  .grid .item:nth-child(13) {
    grid-area: r33;
  }
  .grid .item:nth-child(14) {
    grid-area: r4;
  }
  .grid .item:nth-child(15) {
    grid-area: r44;
  }
  .grid .item:nth-child(16) {
    grid-area: r5;
  }
  .grid .item:nth-child(17) {
    grid-area: r55;
  }
  .grid .item:nth-child(18) {
    grid-area: r6;
  }
  .grid .item:nth-child(19) {
    grid-area: r66;
  }
  .grid .item:nth-child(20) {
    grid-area: r7;
  }
  .grid .item:nth-child(21) {
    grid-area: r77;
  }
  .grid .item:nth-child(22) {
    grid-area: pp;
  }
  .grid .item:nth-child(23) {
    grid-area: r000;
  }
  .grid .item:nth-child(24) {
    grid-area: f1;
  }
  .grid .item:nth-child(25) {
    grid-area: f0;
  }
  .grid .item:nth-child(26) {
    grid-area: f2;
  }
  .grid .item:nth-child(27) {
    grid-area: r0000;
  }
  .grid .item:nth-child(28) {
    grid-area: p2;
  }
  .grid .item:nth-child(29) {
    grid-area: footerright;
  }
  .grid .item:nth-child(30) {
    grid-area: footerleft;
  }
}

/* flexbox fallback is the browser does not support display:grid */
@supports not (display: grid) {
  .grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-height: 100vh;
    padding: 0.75vw;
  }

  .grid .item {
    min-height: 20vh;
    margin: 0.75vw;
  }

  .grid .item:nth-child(1) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
    height: 50vh;
  }
  .grid .item:nth-child(2) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
    height: 30vh;
  }
  .grid .item:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
  }
  .grid .item:nth-child(4) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
  }
  .grid .item:nth-child(5) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(6) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(7) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(8) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(9) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(10) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }

  @media screen and (min-width: 750px) {
    .grid .item:nth-child(1) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(60% - 1.5vw);
    }
    .grid .item:nth-child(2) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(40% - 1.5vw);
      height: 50vh;
    }
  }

  @media screen and (min-width: 1400px) {
    .grid .item:nth-child(1) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(60% - 1.5vw);
    }
    .grid .item:nth-child(2) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(40% - 1.5vw);
    }
    .grid .item:nth-child(3) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(50% - 1.5vw);
    }
    .grid .item:nth-child(4) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(50% - 1.5vw);
    }
    .grid .item:nth-child(5) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(6) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(7) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(8) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(9) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(10) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
  }
}

/* Styles, just for fun */

*,
*:before,
*:after {
  box-sizing: border-box;
  text-decoration: none !important;
}

@supports not (display: grid) {
  body:before {
    content: "Sorry, seems like your browser doesn't support display: grid. Below is the flexbox fallback.";
    display: block;
    padding: 2rem 2rem 0;
    color: #ffffff;
    text-align: center;
  }
}

@media screen and (min-width: 1px) {
  body {
    overflow-x: hidden;
  }
  .grid .item {
    position: relative;
    background-position: left bottom;
    background-size: 150% 100%;
    -webkit-transition: background 500ms, outline 500ms;
    transition: background 500ms, outline 500ms;
    background-position: top left;
    outline: transparent;
    background-color: #ffffff;
  }

  .grid .item:hover,
  .grid .item:focus {
    background-position: top right;
  }

  .grid .item:focus {
    outline: 1px solid #ff8000;
  }
  .boxlogotelecoms {
    height: 100vh;
    width: 100vw;
    margin: 0 auto;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: #1c1c1c;
  }
  .box1c1c1c {
    background-color: #1c1c1c;
    height: 100vh;
    width: 100vw;
  }
  .boxwhite {
    background-color: #ffffff;
  }
  .boxtitulo {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 2vh;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxtitulocor {
    height: 100%;
    width: auto;
    padding-top: 1vh;
    padding-bottom: 1.2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: auto;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxaboutustext {
    height: 100%;
    width: 100%;
    padding-top: 12vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxaboutusimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgaboutus {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxprojetotext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxprojetoimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgprojeto {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsurveytext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsurveyimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsurvey {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxredefixatext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredefixaimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredefixa {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredemoveltext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredemovelimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredemovel {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredeclientetext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredeclienteimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredecliente {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredestext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredesimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredes {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsistsegtext {
    height: 100%;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 3vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsistsegimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 12vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsistseg {
    height: auto;
    width: 65%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxform {
    height: auto;
    width: 100%;
    color: #000000;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
  }
  .siz1 {
    height: auto;
    width: 100%;
    padding-bottom: 10px;
  }
  .siz2 {
    height: auto;
    width: 100%;
    padding-bottom: 10px;
  }
  .siz3 {
    height: auto;
    width: 100%;
    padding-bottom: 10px;
  }
  .siz4 {
    height: auto;
    width: 100%;
    padding-bottom: 10px;
  }

  .formcenter {
    text-align: center;
  }

  .redondo {
    max-width: 200px;
    min-width: 150px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .parallax1111 {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 150px;
    width: 100vw;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .parallax1111b {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 100%;
    width: auto;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .boxrecrutamentoflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxrecrutamento {
    height: 100%;
    width: 100%;
  }
  .boxrecrutamentotext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxgroupflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxgroup {
    height: 100%;
    width: 50%;
  }
  .boxgrouptext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxfooterright {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 8vh;
    padding-bottom: 1vh;
    padding-left: 2vw;
    padding-right: 2vw;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }

  .boxfooterleft {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 4vh;
    padding-bottom: 2vh;
    padding-left: 8vw;
    padding-right: 8vw;
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }
}

@media screen and (min-width: 810px) {
  .grid .item {
    position: relative;
    background-position: left bottom;
    background-size: 150% 100%;
    -webkit-transition: background 500ms, outline 500ms;
    transition: background 500ms, outline 500ms;
    background-position: top left;
    outline: transparent;
    background-color: #ffffff;
  }

  .grid .item:hover,
  .grid .item:focus {
    background-position: top right;
  }

  .grid .item:focus {
    outline: 1px solid #ff8000;
  }
  .boxlogotelecoms {
    height: 100vh;
    width: 100vw;
    margin: 0 auto;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: #1c1c1c;
  }
  .box1c1c1c {
    background-color: #1c1c1c;
    height: 100vh;
    width: 100vw;
  }
  .boxwhite {
    background-color: #ffffff;
  }
  .boxtitulo {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxtitulocor {
    height: 100%;
    width: auto;
    padding-top: 1vh;
    padding-bottom: 1.2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: auto;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxaboutustext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxaboutusimage {
    height: auto;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgaboutus {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxprojetotext {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxprojetoimage {
    height: auto;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgprojeto {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsurveytext {
    height: 100%;
    width: 100%;
    padding-top: 5.5vh;
    padding-bottom: 7vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsurveyimage {
    height: auto;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsurvey {
    height: auto;
    width: 55%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxredefixatext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredefixaimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredefixa {
    height: auto;
    width: 64%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredemoveltext {
    height: 100%;
    width: 100%;
    padding-top: 5.5vh;
    padding-bottom: 7vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredemovelimage {
    height: auto;
    width: 100%;
    padding-top: 4vh;
    padding-bottom: 2vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredemovel {
    height: auto;
    width: 68%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredeclientetext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredeclienteimage {
    height: auto;
    width: 100%;
    padding-top: 3vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredecliente {
    height: auto;
    width: 55%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredestext {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredesimage {
    height: auto;
    width: 100%;
    padding-top: 15vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredes {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsistsegtext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsistsegimage {
    height: auto;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 4vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsistseg {
    height: auto;
    width: 65%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxform {
    height: auto;
    width: 100%;
    color: #000000;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
  }
  .siz1 {
    height: auto;
    width: 73.1%;
  }
  .siz2 {
    height: auto;
    width: 26%;
  }
  .siz3 {
    height: auto;
    width: 59.1%;
  }
  .siz4 {
    height: auto;
    width: 40%;
  }

  .formcenter {
    text-align: center;
  }

  .redondo {
    max-width: 200px;
    min-width: 150px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .parallax1111 {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 150px;
    width: 100vw;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .parallax1111b {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 100%;
    width: auto;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .boxrecrutamentoflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxrecrutamento {
    height: 100%;
    width: 100%;
  }
  .boxrecrutamentotext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxgroupflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxgroup {
    height: 100%;
    width: 50%;
  }
  .boxgrouptext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxfooterright {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 8vh;
    padding-bottom: 2vh;
    padding-left: 0vw;
    padding-right: 5vw;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }

  .boxfooterleft {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 5vw;
    padding-right: 0vw;
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  .grid .item {
    position: relative;
    background-position: left bottom;
    background-size: 150% 100%;
    -webkit-transition: background 500ms, outline 500ms;
    transition: background 500ms, outline 500ms;
    background-position: top left;
    outline: transparent;
    background-color: #ffffff;
  }

  .grid .item:hover,
  .grid .item:focus {
    background-position: top right;
  }

  .grid .item:focus {
    outline: 1px solid #ff8000;
  }
  .boxlogotelecoms {
    height: 100vh;
    width: 100vw;
    margin: 0 auto;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: #1c1c1c;
  }
  .box1c1c1c {
    background-color: #1c1c1c;
    height: 100vh;
    width: 100vw;
  }
  .boxwhite {
    background-color: #ffffff;
  }
  .boxtitulo {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxtitulocor {
    height: 100%;
    width: auto;
    padding-top: 1vh;
    padding-bottom: 1.2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: auto;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxaboutustext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 6vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxaboutusimage {
    height: auto;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgaboutus {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxprojetotext {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxprojetoimage {
    height: auto;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgprojeto {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsurveytext {
    height: 100%;
    width: 100%;
    padding-top: 5.5vh;
    padding-bottom: 7vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsurveyimage {
    height: auto;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsurvey {
    height: auto;
    width: 60%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxredefixatext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredefixaimage {
    height: auto;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredefixa {
    height: auto;
    width: 68%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredemoveltext {
    height: 100%;
    width: 100%;
    padding-top: 5.5vh;
    padding-bottom: 7vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredemovelimage {
    height: auto;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredemovel {
    height: auto;
    width: 68%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredeclientetext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredeclienteimage {
    height: auto;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredecliente {
    height: auto;
    width: 60%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxredestext {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxredesimage {
    height: auto;
    width: 100%;
    padding-top: 9.5vh;
    padding-bottom: 6vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgredes {
    height: auto;
    width: 70%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }
  .boxsistsegtext {
    height: 100%;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 4vw;
    padding-right: 2vw;
    text-align: justify;
    font-size: 18px;
    color: rgb(0, 0, 0);
  }
  .boxsistsegimage {
    height: auto;
    width: 100%;
    padding-top: 5vh;
    padding-bottom: 4vh;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: auto;
    text-align: center;
    position: relative;
  }
  .imgsistseg {
    height: auto;
    width: 65%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    position: relative;
    border: 1px solid rgb(199, 199, 199);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 6px 5px 0px rgba(138, 138, 138, 1);
  }

  .boxform {
    height: auto;
    width: 100%;
    color: #000000;
    padding-top: 0vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: justify;
  }
  .siz1 {
    height: auto;
    width: 73.1%;
  }
  .siz2 {
    height: auto;
    width: 26%;
  }
  .siz3 {
    height: auto;
    width: 59.1%;
  }
  .siz4 {
    height: auto;
    width: 40%;
  }

  .formcenter {
    text-align: center;
  }

  .redondo {
    max-width: 200px;
    min-width: 150px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .parallax1111 {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 200px;
    width: 100vw;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .parallax1111b {
    /* The image used */
    background-image: url("../images/orangetarget_redemovel_02.jpg");
    /* Set a specific height */
    min-height: 100%;
    width: auto;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .boxrecrutamentoflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxrecrutamento {
    height: 100%;
    width: 100%;
  }
  .boxrecrutamentotext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxgroupflex {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
  }
  .boxgroup {
    height: 100%;
    width: 50%;
  }
  .boxgrouptext {
    height: 100%;
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    position: relative;
    top: 30%;
  }

  .boxfooterright {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 8vh;
    padding-bottom: 2vh;
    padding-left: 0vw;
    padding-right: 10vw;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }

  .boxfooterleft {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, #1c1c1c 0%, #1c1c1c 100%);
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 10vw;
    padding-right: 0vw;
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 18px;
  }
}