/*
Theme Name: GT Quimica - Agencia 021
Description: Responsivo. Programado por ninepixels.com.br
Author: Agencia 021
Author URI: http://agencia021.com/
*/

body {
    margin:auto;
    line-height:14px;
    font-size:14px;
    font-family:'Open Sans', sans-serif;
    background:#fff;
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "icons";
  src: url("./icons/icons.eot");
  src: url("./icons/icons.eot?#iefix") format("embedded-opentype"),
       url("./icons/icons.woff") format("woff"),
       url("./icons/icons.ttf") format("truetype"),
       url("./icons/icons.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

:after{
  font-family:'icons';
}

a {
    text-decoration:none;
    color:#acacac;
}

a:hover {
    color:#161616;
}

img {
    max-width:100%;
    height:auto;
}

a, img, #top {
    transition:0.3s;
}

.p100 {
    width:100%;
}

.left {
    float:left;
}

.right {
    float:right;
}

.content {
    width:90%;
    margin:auto;
    max-width:1100px;
}

/* top */

#top {
    position:fixed;
    top:0px;
    background:#fff;
    z-index:99999999;
}

#top .logo {
    display:inline-block;
    width:200px;
    height:70px;
    background:url(/wp-content/uploads/2020/04/logo.png) no-repeat left center;
    background-size:contain;
    margin:10px 0px;
}

.menu {
    float:right;
}

.menu a {
    padding:38px 30px;
    display:inline-block;
    float:left;
    letter-spacing:1px;
    font-size:16px;
}

.menu a:hover {
    font-weight:700;
    background:#f1f1f1;
    letter-spacing:0.5px;
}

.scroll #top {
  box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}

@media(max-width:1080px) {
    #top {
        text-align:center;
    }
    #top .logo {
        float:none;
        display:block;
        margin:20px auto 0px;
    }

    .menu {
        float:none;
        display:inline-block;
        margin-top:20px;
        border-top:1px solid #f1f1f1;
    }

    .menu a {
        float:none;
    }
}

@media(max-width:830px) {
    #top .logo {
        float:left;
        margin:10px 20px;
        width:130px
    }

    .btn-menu {
      cursor:pointer;
      position:absolute;
      right:0px;
      top:0px;
      padding:29px;
      z-index:9;
    }

    .btn-menu:after {
        content:'\f110';
        font-size:24px;
        line-height:32px;
        color:#8f8f8f;
    }

    .btn-menu.open:after {
      content:'\f111';
      color:#fff;
    }

    .menu {
        position:absolute;
        display:none;
        right:0px;
        top:-25px;
        height:110vh;
        background:#f48221;
        padding-right:100px;
        padding-top:60px;
        padding-left:20px;
        text-align:left;
        z-index:1
    }

    #top.open .menu {
      display:block;
    }

    #top.open:after {
      content:'';
      background:rgba(0, 0, 0, 0.74);
      position:fixed;
      top:0px;
      left:0px;
      bottom:0px;
      right:0px;
    }

    .menu a {
        display:block;
        color:#ffff;
        padding:0px 0px 20px;
        margin:20px 10px 0px;
        border-bottom:1px solid #ffb678;
    }

    .menu a:hover {
      font-weight:normal;
      letter-spacing:1px;
      background:none;
    }

    #top .content {
      width:auto;
    }

    #top.open .logo {
      background-image:url(/wp-content/uploads/2020/04/rodape.png);
      background-size:32px;
      opacity:0.1;
    }
}

/* slide */

#slides {
  position:relative;
  z-index: 9
}

.slide {
    background:url(https://gtquimica.com.br/wp-content/uploads/2020/05/Slider1.jpg) center 90px;
    background-size:cover;
    height:100vh;
    padding-top:90px;
    box-sizing:border-box;
    color:#fff;
    text-shadow:0px 0px 1px #000;
}

.slide2 {
    background-image:url(/wp-content/uploads/2020/04/slide2.jpg);
    text-align:center;
}

.slide3 {
    background-image:url(/wp-content/uploads/2020/04/slide3.jpg);
}

.slide a {
  background:#000;
  padding:15px 25px;
  display:inline-block;
  border-radius:30px;
  color:#fff;
  font-size:16px;
}

.slide3 a {
  background:#f48221;
}

.arrow-right2:after {
  content:'\f101';
  font-size:12px;
  display:inline-block;
  margin-left:10px;
}

.slide h3 {
  font-size:28px;
  font-weight:400;
  margin:15vh 0px 0px;
}

.slide h1 {
  text-transform:uppercase;
  font-weight:900;
  font-size:56px;
  line-height:56px;
}

.slide2 h1 {
  margin-top:20px;
  position:relative;
  padding-bottom:20px;
  font-size:72px;
  line-height:72px;
}

.slide2 h1 span:after {
  height:10px;
  margin-bottom:-5px;
  width:190px;
  margin-left:-95px;
}

.slide2 h1 span:before {
  height:5px;
  margin-bottom:-2.5px;
  width: 270px;
  margin-left:-135px;
}

.slide2 h1:before {
  content:'';
  position:absolute;
  bottom:0px;
  height:1px;
  background:rgba(255, 255, 255, 0.22);
  margin-bottom:-1.5px;
  width: 350px;
  margin-left:-175px;
  left:50%;
}

.slide2 h3 {
  margin-top:25vh;
  font-size:42px;
}

#slides .bx-controls-direction {
  display:none;
}

#slides .bx-pager {
  position:absolute;
  left:0px;
  right:0px;
  bottom:20px;
  z-index:999;
  text-align:center;
}

#slides .bx-pager div {
  font-size:0px;
  display:inline-block;
}

#slides .bx-pager a {
  display:inline-block;
  width:20px;
  height:20px;
  background:#fff;
  border-radius:50%;
  margin:0px 10px;
  opacity:0.2;
}

#slides .bx-pager a:hover, #slides .bx-pager .active {
  opacity:1;
}

@media(max-width:1080px) {
  .slide {
    padding-top:181px;
    background-position-y:181px;
    background-position-x:center;
  }
}

@media(max-width:830px) {

  #slides {
    margin-top:70px;
    z-index:15;
  }
  
  .slide {
    padding-top:0px;
    background-position-y:0px;
    height:70vw;
  }

  .slide h1 {
    font-size:8vw;
    line-height:8vw;
    margin:4vw 0px;
  }

  .slide2 h1:before {
    width:70vw;
    margin-left:-35vw;
  }

  .slide2 h1 span:after {
    width:30vw;
    margin-left:-15vw;
  }

  .slide2 h1 span:before {
    width:50vw;
    margin-left:-25vw;
  }

  .slide h3 {
    margin-top:15vw;
    font-size:5vw;
  }

  .slide2 h3 {
    margin-top:25vw
  }

  .slide a {
    font-size:3vw;
    padding:3vw;
    line-height:3vw;
  }

  #slides .bx-pager a {
    width:2vw;
    height:2vw;
    margin:0px 2vw;
  }

  #slides .bx-pager {
    bottom:4vw;
  }
}

/* sobre */

#sobre {
  background:#fff;
  padding:140px 0px 50px;
  margin-top:-90px;
  position:relative;
  z-index:5;
}

.title {
  text-align:center;
  text-transform:uppercase;
  margin:0px 0px 5px;
  font-size:22px;
  line-height:22px;
  font-weight:800;
  position:relative;
}

.title span {
  display:inline-block;
  padding:20px 70px;
  border-bottom:1px solid #bfbfbf80;
}

.title span:after, 
.slide2 span:after {
  content:'';
  width: 110px;
  height:5px;
  background:#f48221;
  position:absolute;
  bottom:-1.5px;
  left:50%;
  margin-left:-55px;
  border-radius:20px;
}

.title span:before, .slide2 span:before {
  content:'';
  width: 170px;
  height:3px;
  background:#bfbfbf;
  position:absolute;
  bottom:-0.5px;
  left:50%;
  margin-left:-85px;
  border-radius:20px;
}

#sobre .content {
  max-width:800px;
  text-align:center;
}

#sobre .content .sobre {
  padding:50px 0px;
  line-height:28px;
  font-size:14px;
}

.divisor:after {
  content:'';
  display:block;
  width:300px;
  height:2px;
  background:#f48221;
  border-radius:3px;
  margin:30px auto;
}

.rs span {
  color:#acacac;
  display:block;
}

.rs a {
  font-size:38px;
  line-height:38px;
  display:inline-block;
  margin:20px 10px;
  color:#000;
}

.rs a:hover {
  color:#f48221;
}

.in:after {
  content:'\f102'
}

.fb:after {
  content:'\f103'
}

.ig:after {
  content:'\f104'
}

/* servicos */

#servicos {
  background:url(/wp-content/uploads/2020/04/servicos.jpg) no-repeat center;
  background-size:cover;
  margin-top:-90px;
  padding:140px 0px 100px;
  position:relative;
  z-index:4;
}

#servicos .title {
  color:#fff;
}

.servico {
  background:#fff;
  border-radius:30px;
  padding:20px 20px 50px;
  box-sizing:border-box;
  text-align:center;
}

.servico img {
  border-radius:50%;
  width:150px;
  border:3px solid #f48221;
  box-shadow:0px 0px 10px rgba(0,0,0,0.5);
  margin-top:-60px;
}

#servicos h3.title {
  margin:20px 0px;
  font-size: 20px;
  font-weight:900;
  line-height:22px;
  position:relative;
  color: #000;
}

#servicos h3.title:after {
  position:absolute;
  content:'';
  width:100px;
  height:1px;
  background:rgba(0, 0, 0, 0.1);
  bottom:0px;
  left:50%;
  margin-left:-50px;
}

.servico h3 span {
  padding:0px;
  padding-bottom:20px;
  display:inline-block;
  border:none;
  z-index:1;
  position:relative;
}

#servicos h3.title span:after {
  content:'';
  width: 50px;
  height:5px;
  position:absolute;
  bottom:-1.5px;
  left:50%;
  margin-left:-25px;
  border-radius:20px;
}

.servico h3 span:before {
  width:80px;
  margin-left:-40px;
}

.servico a {
  color:#000;
  border: 2px solid;
  border-radius:0px 15px 0px 15px;
  padding:8px 20px;
  font-size:13px;
  font-weight:600;
  position:absolute;
  left:50%;
  bottom:20px;
  margin-left:-56px;
  cursor:pointer;
}

.servico a:hover {
  background:#000;
  color:#fff;
  border-color:#000;
}

#servicos .bx-wrapper {
  position:relative;
  padding:0px 80px;
  margin:50px auto 0px;
}

#servicos .bx-pager {
  display:none;
}

#servicos .bx-controls-direction a,
#overlay .ov-navigation a {
  position:absolute;
  top:50%;
  font-size:0px;
  color:#fff;
  margin-top:-25px;
  cursor:pointer;
  line-height:50px;
}

#servicos .bx-controls-direction a:hover,
#overlay .ov-navigation a:hover {
  color:#f48221;
}

#servicos .bx-controls-direction .bx-next:after,
#overlay .ov-next:after {
  content:'\f105';
  font-size:50px;
}

#servicos .bx-controls-direction .bx-prev:after,
#overlay .ov-prev:after {
  content:'\f106';
  font-size:50px;
}

#servicos .bx-controls-direction .bx-next {
  right:0px;
}

#servicos .bx-controls-direction .bx-prev {
  left:0px;
}

#servicos .bx-controls-direction a.disabled {
  opacity:0.5;
}

.tablet, .mobile {
  display:none;
}

#servicos .bx-viewport {
  padding-bottom:50px;
  padding-top:40px;
}

#servicos .resumo {
  text-align:justify;
  line-height:20px;
}

@media(max-width:830px) {
  .desktop {
    display:none
  }

  .mobile {
    display:block !important;
  }
}

#valores {
  background:url(/wp-content/uploads/2020/04/valores2.jpg) center 90px fixed;
  background-size:cover;
  padding:50px 0px;
  color:#fff;
  line-height:22px;
  position:relative;
  z-index:2;
}

#valores .texto {
  width:50%;
  float:left;
  padding:100px 0px;
}

.p1 {
  background:#000;
  padding:20px 30px;
  border-radius: 30px 0px;
  margin:0px;
}

.p2 {
  background:rgba(90, 44, 14, 0.29);
  padding:20px 30px;
  border-radius: 0px 0px 0px 30px;
  margin:0px 30px;
}

#valores .info {
  float:right;
  padding-left:50px;
  box-sizing:border-box;
  text-align:center;
  position:relative;
}

.navigation {
  border:2px solid rgba(90, 44, 14, 0.29);
  width:400px;
  height:400px;
  border-radius:50%;
  display:inline-block;
  position:relative;
}

.navigation .icon {
  width:40px;
  height:40px;
  border-radius:50%;
  background:#000;
  line-height:40px;
  text-align:center;
  font-size:24px;
  position:absolute;
  margin:-20px;
  transition:0.1s;
}

.icon.team:after {
  content:'\f108'
}

.icon.favorites:after {
  content:'\f107'
}

.icon.safety:after {
  content:'\f109'
}

.icon.growth:after {
  content:'\f10a'
}

.icon.trust:after {
  content:'\f10b'
}

.icon.goal:after {
  content:'\f10c'
}

.icon.goal, .icon.safety {
  left:50%;
}

.icon.safety {
  bottom:0px;
}

.icon.goal {
  top:0px;
}

.icon.trust, .icon.team {
  top:100px;
}

.icon.trust, .icon.growth {
  left:30px
}

.icon.team, .icon.favorites{
  right:30px;
}

.icon.favorites, .icon.growth {
  bottom:100px;
}

.info-contents {
  position:absolute;
  width:250px;
  height:250px;
  background:#000;
  top:50%;
  border-radius:50%;
  left:50%;
  margin-top:-125px;
  margin-left:-100px;
}

.icon.active {
  width:60px;
  height:60px;
  margin:-30px;
  font-size:40px;
  line-height:60px;
}

.info-content {
  display:none;
  padding:40px 20px 20px;
  font-size:13px;
}

.info-content.active {
  display:block;
}

.info-content h3 {
  margin:10px 0px 0px;
  padding-bottom:10px;
  position:relative;
  font-size: 19px;
  font-weight:800;
  line-height:22px;
}

.info-content h3:after {
  content:'';
  width:70px;
  height:1px;
  background:#fff;
  opacity:0.3;
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-35px;
}

@media(max-width:1080px) {
  #valores .texto, #valores .info {
    width:100%;
    padding:0px;
  }

  #valores .info {
    margin:50px 0px 30px;
  }

  .info-contents {
    margin-left:-125px;
  }
}

@media(max-width:500px) {
  .navigation {
    width:300px;
    height:300px;
  }

  .icon.trust, .icon.team {
    top:80px;
  }

  .icon.trust, .icon.growth {
    left:15px
  }

  .icon.team, .icon.favorites{
    right:15px;
  }

  .icon.favorites, .icon.growth {
    bottom:80px;
  }

  .info-contents {
    width:200px;
    height:200px;
    margin-left:-100px;
    margin-top:-100px;
  }

  .info-content {
    font-size:13px;
    line-height:17px;
    padding:20px;
  }

  .info-content h3 {
    font-size:14px;
  }

  .info-content.goal {
    font-size:10px;
    padding:5px 30px;
    line-height:11px;
  }

  .info-content.safety {
    font-size:12px;
    line-height:15px;
  }
}

/*clientes*/

#clientes {
  padding:140px 0px 0px;
  background:#fff;
  margin-top:-090px;
  text-align:center;
  position:relative;
  z-index:1;
}

#clientes img {
  height:14vw;
  padding:0px 2vw;
  width:Auto;
  filter: grayscale(100%);
  opacity:0.3;
}

#clientes .content {
  max-width:none;
}

#clientes img:hover {
  filter: grayscale(00%);
  opacity:1;
}

@media(max-width:830px) {
  #clientes img {
    height:25vw;
  }
}

/* contato */

#contato {
  background:url(/wp-content/uploads/2020/04/rodape.png) no-repeat center #151515;
  background-size:150px;
  color:#fff;
  padding:140px 0px 20px;
  margin-top:-90px;
}

#contato .alt {
  float:right;
  text-align:right;
  line-height:26px;
  font-size:16px;
  padding-right:80px;
}

#contato .divisor {
  text-align:right;
}

#contato .divisor:after {
  margin:20px 0px 0px;
  display:inline-block;
  height:1px;
  width:150px;
}

#contato i {
  color:#acacac;
  display:inline-block;
  margin-top:10px;
}

#contato .local i {
  display:block;
  color:#fff;
  margin-top:0px;
}

.tel:after, .email:after, .local i:after {
  content:'\f10d';
  font-weight:normal;
  margin:10px -30px 0px 10px;
  display:inline-block;
  font-size:20px;
}

.email:after {
  content:'\f10e'
}

.local i:after {
  content:'\f10f';
  font-style:normal;
  font-size:24px;
  margin:-5px -35px 0px 10px;
}

.rodape {
  width:100%;
  float:left;
  margin-top:40px;
}

#contato .rs {
  float:right;
  margin-right:50px;
}

#contato .rs a {
  color:#fff;
  font-size:20px;
  margin:0px 0px 0px 20px;
}

#contato .rs a:hover {
  color:#f48221;
}

.rodape span {
  display:block;
  margin-bottom:-30px;
}

.back-to-top {
  display:none;
  position:fixed;
  right:0px;
  z-index:999;
  bottom:0px;
  margin:20px;
  background:#fff;
  border-radius:10px 0px;
  padding:5px 10px;
  line-height:20px;
  color:#000;
  font-weight:700;
  box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}

.scroll .back-to-top {
  display:block;
}

.back-to-top:before {
  font-family:'icons';
  content:'\f105';
  display:block;
  transform:rotateZ(-90deg);
  font-size:32px;
}

.back-to-top:hover {
  color:#f48221;
}

#contato .title {
  margin-bottom:40px;
}

.form {
  float:left;
  max-width:350px;
  font-size:16px;
  line-height:20px;
}

.form form {
  line-height:0px;
}

input, textarea {
  border:0px;
  padding:5px 15px;
  margin-bottom:10px;
  border-radius:10px 0px;
  font-family:'Open Sans', sans-serif;
  font-size:16px;
  outline:none;
  display:block;
  width:100%;
  box-sizing:border-box;
}

.form textarea {
  max-height:206px;
}

::placeholder {
  font-style:italic;
}

input[type=submit] {
  border-radius:5px;
  color:#000;
  background:#f48221;
  text-transform:uppercase;
  font-weight:700;
  padding:8px 15px;
  cursor:pointer;
}

input[type=submit]:hover {
  color:#fff;
}

.rodape span b {
  display:block;
  margin-top:10px;
}

.rodape span b a {
    width:40px;
    height:20px;
    display:inline-block;
    background:url(/wp-content/uploads/2020/04/a021.png) no-repeat center;
    background-size:contain;
    margin-bottom:-5px;
}

@media(max-width:1080px) {
  #contato .alt {
    font-size:14px;
  }

  #contato .form {
    min-width:auto;
    max-width:300px;
  }
}

@media(max-width:830px) {
  #contato .form, #contato .alt {
    width:100%;
    text-align:center;
    min-width:unset;
    max-width:unset;
  }

  #contato .alt {
    padding-right:0px;
  }

  #contato .divisor {
    text-align:center;
  }

  .tel:after, .email:after, .local i:after {
    margin-right:0px;
  }

  .local i:after {
    display:none;
  }

  .local:before {
    font-family:'icons';
    content:'\f10f';
    display:block;
    font-size:24px;
    margin:10px 0px;
  }

  .rodape span {
    float:none;
    margin:0px;
    font-size: 13px;
  }

  #contato {
    text-align:center;
  }

  #contato .rs {
    width:100%;
    margin:-90px 0px 0px;
  }

  #contato .rodape {
    margin-top:80px;
  }

  #contato .rs a {
    margin:0px 10px;
  }

  .back-to-top {
    bottom:40px;
  }
}

/* overlay */

#overlay.visible {
  display:block !important;
}

#overlay {
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:9999999999999999;
  background:rgba(74, 67, 67, 0.9);
  padding:0px 72px;
}

.overlay {
  max-width:900px;
  height:80vh !important;
  width:100% !important;
  margin:10vh auto 0px;
  background:#fff !important;
  padding:0px 20px 00px;
  border-radius:30px;
  box-sizing:border-box;
  line-height:22px;
  position:relative !important;
}

#overlay .thumb {
/*   position:absolute; */
/*   top:30px; */
/*   bottom:30px; */
/*   left:30px; */
  width:300px;
  height:70vh;
  margin-top:5vh;
  border:3px solid #f48221;
  border-radius:30px 0px;
  background-size:cover;
  background-position:center;
  box-sizing:border-box;
}

#overlay .title {
  margin-bottom:30px;
}

#overlay .title span{
  padding:20px 0px;
}

#overlay .btn-close {
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
}

#overlay .btn-close:after {
    content:"\f111";
    font-size:32px;
    line-height:32px;
    color:#fff;
}

.ov-next {
  right:-56px;
}

.ov-prev {
  left:-56px;
}

.ov-right {
  overflow: auto;
  height:70vh;
  top:5vh;
  position:relative;
  box-sizing:border-box;
  width:100%;
}

.ov-right::-webkit-scrollbar-track {
  border-radius: 10px;
  background:transparent;
  margin:20px;
    box-shadow: inset 0 0 10px 10px #bfbfbf;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.ov-right::-webkit-scrollbar{
  width: 30px;
  border-radius:10px;
  height:10px;
}

.ov-right::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background:transparent;
    box-shadow: inset 0 0 10px 10px #f48221;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.overlay-content {
  box-shadow:none !important;
  padding:0px !important;
  margin: 0px !important.
}

@media(max-width:830px) {

  .overlay .flex {
    display:block !important;
    overflow:auto;
    height:80vh;
  }

  .overlay {
    padding-left:30px;
    padding-right:00px;
    margin-top:60px;
  }

  .flex::-webkit-scrollbar-track {
      border-radius: 10px;
      background:transparent;
      margin:20px;
      box-shadow: inset 0 0 10px 10px #bfbfbf;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
  }

  .flex::-webkit-scrollbar{
      width: 30px;
      border-radius:10px;
      height:10px;
  }

  .flex::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background:transparent;
      box-shadow: inset 0 0 10px 10px #f48221;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
  }

  #overlay {
    padding:10px;
  }

  #overlay .thumb {
    position:relative;
    width:100%;
    min-height:300px;
    left:0px;
    top:30px;
    bottom:auto;
    box-sizing:border-box;
  }

  #overlay .title {
    font-size:7vw;
    line-height:7vw;
  }

  #overlay .ov-navigation a {
    top:-7vh;
    margin:0px;
    background:rgb(244, 130, 33);
    height:6vh;
    width:6vh;
    line-height:6vh;
    text-align:center;
    border-radius:50%
  }

  #overlay .ov-navigation a:after {
    font-size:20px;
  }

  #overlay .ov-prev {
    left:0px;
  }

  #overlay .ov-next {
    right:auto;
    left:7vh;
  }
  #overlay .ov-navigation a:hover {
    color:#fff;
    background:#000;
  }

  .ov-right {
    height:auto;
    padding-bottom:30px;
    overflow:unset;
  }
}

.servico-divisor {
  position:absolute;
  left:20px;
  right:20px;
  bottom:80px;
  border-bottom:1px solid rgba(0,0,0,0.1);
}

.servico-divisor:before {
  width:90px;
  margin-left:-45px;
  bottom:-1.5px;
}

.servico-divisor:after {
  bottom:-2.5px;
}

@media(max-width:830px) {
  .servicos-mobile {
    display:flex;
    margin-top:40px;
    overflow:auto;
    padding-top:40px;
  }

  .servicos-mobile .servico:first-child {
    margin-left:10vw;
  }

  .servico {
    position:relative;
    min-width:80vw;
    max-width:80vw;
    margin-right:8vw;
  }

  .servicos-mobile::-webkit-scrollbar-track {
      border-radius: 10px;
      background:transparent;
      margin:20px;
  }

  .servicos-mobile::-webkit-scrollbar{
      width: 30px;
      border-radius:10px;
      height:10px;
  }

  .servicos-mobile::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background:transparent;
  }

  #servicos .content {
    width:100%;
  }

  #top .mobile {
    display:none !important;
    position:fixed;
    z-index:2;
    bottom:20px;
    right:0px;
    width:275px;
    color:#fff;
  }

  #top .mobile a {
    color:#fff;
    font-size:32px;
  }

  #top.open .mobile {
    display:block !important;
  }

}

.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
  padding:20px !important;
  line-height:22px;
  font-size:14px;
  border-radius:3px;
  border:none !important; 
  background:#fcb900;
  color:#000;
  text-align:center;
  margin:0px 0px 20px !important;
}

.wpcf7-mail-sent-ok {
  background:#00d084;
}

.ajax-loader {
  background-image:url(https://thumbs.gfycat.com/SpryNegligibleLeafcutterant-size_restricted.gif) !important;
  background-size:contain;
}

.wpcf7-not-valid-tip {
  padding:20px !important;;
  line-height:14px;
  background:#ffc8d6 !important;
  font-size:14px !important;
  top:10px !important;
  border:none !important;
  left:10px !important;
  border-radius:3px;
  box-shadow:0px 0px 5px #00000021;
  min-width:160px;
}

#contato form {
  text-align:left;
}

#contato .msg {
  width:100%;
  float:left;
  margin-top:10px;
  text-align:center;
  padding:10px 20px;
  background:#262626;
  border-radius:5px;
  box-sizing:border-box;
  color:#00a0f0;
  font-size:14px;
  line-height:14px;
}