.fazemos {
    padding-top: 200px;
    padding-bottom: 200px;
}

.bg {
    background-image: url("../img/header-bg-.jpg");
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;

}


.bg2- {
    background-image: url("../img/bg-qs.jpg"), linear-gradient(rgba(38,58,78,1.9),rgba(38,58,78,1.9));
    background-blend-mode: overlay;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
    background-attachment: fixed;

}



.bg2 {
    background-color: #0e1424;
    padding-top: 200px;
    padding-bottom: 200px;
    background-attachment: fixed;

}



.bg-serv {
    background-image: url("../img/bg-serv.jpg");
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
    background-attachment: fixed;

}

.esocial {
    padding-top: 100px;
    padding-bottom: 100px;
}


.bg-grad {
    background: rgb(38,58,78);
    background: linear-gradient(142deg, rgba(38,58,78,1) 0%, rgba(16,78,45,1) 35%, rgba(3,123,58,1) 100%);
}


.botao2 {
    background-color: #104e2d;
    color: #fff;
    border-radius: 15px; 
}

.fazemos h1
{font-size:100px;line-height:100px;font-weight:700;text-transform:uppercase;margin-bottom:20px}
@media (max-width: 991.98px)
{.fazemos .banner-content h1{font-size:45px;line-height:60px}}
@media (max-width: 991.98px){
    .fazemos  h1 br{display:none}
}
@media (max-width: 414px)
{.fazemos  h1{font-size:40px;line-height:50px}}


.botao {
    align-items: center;
  appearance: none;
  background-color: #3EB2FD;
  background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-flex;
  font-family: CircularStd,sans-serif;
  font-size: 1rem;
  height: auto;
  justify-content: center;
  line-height: 1.5;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.botao:active,
.botao:focus {
  outline: none;
}

.botao:hover {
  background-position: -20px -20px;
}

.botao:focus:not(:active) {
  box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
}


/* Curves */
#curveUpColor path,
#curveDownColor path {
	fill: #0e1424;
	stroke: #0e1424;
}


.imagem-pro {
    position: relative;
    top: 30px;
    z-index: 1;
}

.secproposta {
    padding-top: 30px;
    background-color: #0e1424;
    color: #fff!important;
}

.secproposta h1 {
    color: #fff!important;
}


.rodape {
    background-color: #0e1424;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
}


.rodape h4 {
    color: #ffffff;
    margin-bottom: 35px;
}
@media (max-width: 1024px) {
    .rodape h4 {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .rodape h4 {
        margin-bottom: 15px;
    }
}
.rodape ul {
    padding-left: 0;
}
.rodape ul li {
    margin-bottom: 15px;
    list-style: none;
}
.rodape ul li a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #87898f;
}
.rodape ul li a:hover {
    color: #ffffff;
}


.footer-social {
    text-align: right;
}
.rodape .footer-social a {
    background: #334f6c;
    width: 20px;
    width: 40px;
    display: inline-table;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.rodape .footer-social a:hover {
    background: #cea06c;
}
.rodape .footer-social a:hover i {
    color: #263a4e;
}
.rodape .footer-social i {
    color: #cccccc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media (max-width: 991px) {
    .rodape .footer-social {
        text-align: left;
        margin-top: 20px;
    }
}


.myIframebot {
    position: relative;
    padding-bottom: 35.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /*<<--- THIS IS THE KEY*/ 
  
  }
  
  .myIframebot iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }



  .myIframebot2 {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /*<<--- THIS IS THE KEY*/ 
  
  }
  
  .myIframebot2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  .area-1 {
    visibility: hidden;
  }

  .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}