@font-face { 
  font-family: museosans-100; src: url("../fonts/museosans-100.otf");
}
@font-face { 
  font-family: museosans-300; src: url("../fonts/museosans-300.otf");
}
@font-face { 
  font-family: museosans-700; src: url("../fonts/museosans_700.otf");
}
@font-face { 
  font-family: museosans-900; src: url("../fonts/museosans_900.otf");
}

.whatsapp-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 21px;
    z-index: 999999;
    left: 2%;
}

p {margin-bottom: 0;}
.light-page{
    background: #fff;
}
#wrap {
    overflow-x: hidden;
    overflow-y: hidden;
}
.btn-telefone img{
	width: 19px;
}

.btn-telefone{
    float: right;
    color: #fff;
    font-size: 20px;
    font-family: museosans-300;
    background: #0a263d;
    padding: 4px 20px;
    border-radius: 19px !important;
}
body::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    -webkit-border-radius: 16px;
}

body::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
    -webkit-border-radius: 3px;
}

body::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #FF7324;
    -webkit-border-radius: 3px;
}

body::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #FF7324;
    -webkit-border-radius: 3px;
}

.carousel-secao, .carousel-secao2{
  display: contents;
  position: relative;
}
.menu-topo {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 8;
  background-color: #05081b !important;
  transition: all 2s linear;
}
#nav-menu .img-menu{
  float: right;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#nav-menu .bg-wrap{
  background-color: #0089C1;
  transition: all 2s linear;
}

.btn-ctal, .btn-form{
  background: #f38d25;
  color: #fff; 
  font-family: 'Sora', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  white-space: normal;
}
.btn-ctal:hover{
  background: #0089C1;
}

.side-menu-wrapper { /* style menu wrapper */
  background: #fff;
  padding: 40px 0 0 40px;
  position: fixed; /* Fixed position */
  top: 0;
  right: 0; /* Sidebar initial position. "right" for right positioned menu */
  height: 100%;
  z-index: 2;
  transition: 0.5s; /* CSS transition speed */
  width: 300px;
  font: 20px "Courier New", Courier, monospace;
  box-sizing: border-box;
}
.side-menu-wrapper .box > ul{ /* css ul list style */
  list-style:none;
  padding:0;
  margin:0;
  overflow-y: auto; /* enable scroll for menu items */
}
.side-menu-wrapper .box > ul > li{ /* links */
  display: block;
  border-bottom: 0;
  padding: 7px 4px;
  font-family: museosans-300;
  color: #0089C1;
  transition: 0.3s;
  text-decoration: none;
}
.side-menu-wrapper .box ul li a:hover{
  font-family: museosans-900;
  color: #0089C1 !important;
  text-decoration: none !important;
}
.side-menu-wrapper .box > a.menu-close { /* close button */
  padding: 8px 0 4px 23px;
  font-family: museosans-300;
  color: #121212;
  display: block;
  margin: -30px 0 9px -20px;
  font-size: 35px;
  text-decoration: none;
}
.social-top{
  width: 25px;
}

.menu-overlay { /* overlay */
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}

.side-menu-wrapper .box ul li ul{ 
  text-decoration: none;
  list-style:none;
  display: none;
}
.side-menu-wrapper .box ul li ul li a{
  display: block; 
  padding-left: 8px;
  font-size: 16px;
}
.side-menu-wrapper .box ul li:hover ul{
  display: block; 
}
.navbar-toggler .icon-bar {
  background: #fff;
}
/*===========================
    quem somos
=============================*/
#header .bg-wrap{
  background-color: #0089C1;
}
#header .box{
  position: relative;
}
#header .texto{
  position: absolute;
  color: #FFFFFF;
  top: 32%;
  left: 69%;
  transform: translate(-50%, -50%);
}
#header .texto h1{
  font-family: museosans-300;
  font-size: 50px;
}
#header .texto h1 strong{
  font-family: museosans-700;
}
#header .foto{
  max-width: 100%;
}
/*===========================
    servicos
=============================*/
#servicos .bg-wrap{
  background: #fff;
}
#servicos h1{
  color: #0089C1;
  font-family: museosans-900;
  font-size: 63px;
}
#servicos h2{
  font-family: museosans-700;
  font-size: 35px;
  color: #0089C1;
}
#servicos p{
  font-family: museosans-300;
  font-size: 18px;
  color: #0089C1;
}
#servicos .foto{
  max-width: 100%;
  display: block;
  margin: 0 auto;
  width: 100%;
}
#servicos .icone{
  margin-bottom: 20px;
}
/*===========================
    quem somos
=============================*/
#quem-somos h1{
  font-family: museosans-900;
  font-size: 63px;
  color: #0089C1;
}
#quem-somos h2{
  font-size: 40px;
  color: #0A263D;
  font-family: museosans-300;
  margin-bottom: 20px;
}
#quem-somos p{
  font-family: museosans-300;
  font-size: 20px;
  color: #0A263D;
  margin-bottom: 20px;
}
#quem-somos .foto{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
/*===========================
    contato
=============================*/
#contato .bg{
  background: url(../images/contato.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto;
}
#contato .bg-wrap{
  background: #0089C1 url(../images/contato2.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto;
}
#contato h1{
  font-family: museosans-900;
  font-size: 63px;
  color: #FFFFFF;
}
#contato .form-control {
  font-family: museosans-300 !important;
  padding: 11px 20px;
  border: 2px solid #F6F6F6;
  border-radius: 30px;
  margin-bottom: 15px;
  color: #000;
  background: #fff;
}
#contato textarea {
  height: 155px;
}
#contato .btn-ctal {
  text-align: center;
  font-size: 25px;
  font-family: museosans-700 !important;
  background: #80CCE2;
  border-radius: 30px;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 10px 35px;
	display: block;
}
#contato .btn-ctal:hover{
  background: #097d9f;
}
::-webkit-input-placeholder { /* Edge */
  color: #ADADAD !important;
  font-family: museosans-300 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ADADAD !important;
 font-family: museosans-300 !important;
  
}
::placeholder, select{
  color: #ADADAD !important;
  font-family: museosans-300 !important;
}
/*===========================
    footer1
=============================*/
#footer1 .bg-wrap{
  background: #0089C1;
}
#footer1 p, 
#footer3 p{
  color: #fff;
  font-family: museosans-300 !important;
  font-size: 16px;
}
#footer1 .media, 
#footer2 .media,
#footer3 .media{
  border-top-width: 0px;
  border-top-style: solid;
  padding-top: 0px;
  margin-top: 0;
}
#footer1 .linha{
  width: 110px;
  height: 1px;
  background: #fff;
}
#footer2 .bg-wrap{
  background: #fff;
}
#footer2 p{
  color: #0089C1;
  font-family: museosans-300 !important;
  font-size: 16px;
}
#footer2 .linha,
#footer3 .linha{
  width: 110px;
  height: 1px;
  background: #0089C1;
}
#footer3 .bg-wrap{
  background: #0A263D;
}
  #footer1 .foto,
  #footer2 .foto,
  #footer3 .foto{
    max-width: 100%;
  }
/*===========================
    secao-2 
=============================*/
#secao-2 .box {
  background: #80CCE2;
  border-radius: 40px;
  padding-top: 26px;
  padding-bottom: 26px;
  margin-top: -140px;
}
#secao-2 .box p{
  font-family: museosans-300;
  font-size: 20px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
#secao-2 .foto{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 30px;
}
/*===========================
    secao-3
=============================*/

#secao-3 .item-title {
  padding: 25px;
}
#secao-3 h2{
  color: #0089C1;
  font-family: museosans-900;
  font-size: 63px;
}
#secao-3 h4{
  color: #fff;
  font-size: 30px;
  font-family: museosans-700 !important;
}

/*===========================
    secao-5
=============================*/
#secao-5 .foto{
  margin-bottom: 20px;
  max-width: 100%;
}
#secao-5 p{
  font-size: 15px;
  font-family: museosans-300 !important;
}
#secao-5 p strong{
  font-family: museosans-900 !important;
  font-size: 18px;
}
#secao-5 .content-box{
  padding: 56px 33px;
  position: relative;
  background: #F8F8F8;
  border-radius: 17px;
  min-height: 443px;
}
#secao-5 .scroll-d {
  height: 130px;
  padding-right: 17px;
  overflow-y: auto;
}
#secao-5 .scroll-d::-webkit-scrollbar {
  width: 3px;
  -webkit-border-radius: 16px;
}
#secao-5 .scroll-d::-webkit-scrollbar-track-piece {
  background-color: #F9F6F6;
  -webkit-border-radius: 3px;
}
#secao-5 .scroll-d:hover::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #ccc;
  -webkit-border-radius: 3px;
}
#secao-5 .scroll-d:hover::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #ccc;
  -webkit-border-radius: 3px;
}

#footer {
  color: #fff;
  background: #0A263D; 
  border-top: 1px solid #ffffff2b;
}

.seta{
  width: 24px;
  height: 24px;
  background: url('../images/seta.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: -20px;
}
.seta2{
  width: 24px;
  height: 24px;
  background: url('../images/seta2.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: -20px;
}

.setanav{
  width: 42px;
  height: 37px;
  background: url('../images/setanav.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: -20px;
}
.setanav2{
  width: 42px;
  height: 37px;
  background: url('../images/setanav2.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: -20px;
}

.owl-nav .owl-prev {
  left: -44px;
  top: 55%;
}
.owl-nav .owl-next {
  right: -44px;
  top: 55%;
}
.carousel-nav-aside-center .owl-nav .owl-prev, 
.carousel-nav-aside-center .owl-nav .owl-next{
  background: transparent;
}
.owl-theme .owl-nav [class *=owl-]::after,
.owl-theme .owl-nav .owl-prev::before,
.owl-theme .owl-nav .owl-next::before {
   display:none;
}
.owl-theme .owl-dot span {
    width: 13px !important;
    height: 13px !important;
    margin: 5px 7px !important;
    background: #C4C4C4;
    border-width: 1px;
    border-style: solid;
    border-color: #C4C4C4;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 20px;
    cursor: pointer;
}
.owl-dot.active>span{
  background: #0089C1 !important;
  border-color: #0089C1 !important;
}
.carousel-dots-center-bottom .owl-dots{
  bottom: -42px;
}
/*===========================
    modal
=============================*/
.modal_orcamento .bg-wrap {
}
.modal_orcamento .modal-content{
  width: 60%;
  margin: 0 auto;
  padding: 26px 26px 1px 26px;
  border-radius: 8px;
}
.modal_orcamento  textarea {
    height: 130px;
}
.modal_orcamento  h3, .modal_orcamento  h4{
  font-weight: 500;
  font-size: 24px !important;
  color: #05081B;
  text-align: center;
}
.modal_orcamento  p{
  font-size: 12px;
  color: #4E4B66;
  text-align: center;
  margin-bottom: 30px;
}

.modal_orcamento .form-control {
  border: 0px;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 5%;
  font-size: 13px;
  background: #F3F3F3;
}
.modal_orcamento .btn {
  margin: 0 auto;
  display: flow-root;
  width: 100%;
  margin-bottom: 7px;
  padding: 20px 5%;
    background: linear-gradient(
269.24deg, #FF4D67 -7.99%, #FF7943 78.1%, #FF8A35 117.23%);
  color: #fff;
  font-family: 'Sora', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  border: 0;
}
::-webkit-input-placeholder { /* Edge */
  color: #5E6871 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #5E6871 !important;
  
}
::placeholder, select{
  color: #5E6871 !important;
}
.modal_orcamento .btn-liga{
  background: #0697FF;
}
.modal_orcamento .btn-w{
  background: #12B937;
}
.contact-form p {
  display: none;
}
.icon-seta {
  width: 16px;
  height: 9px;
  background-image: url(../images/icon-seta.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
}
#obrigado .btn-cta {
  text-align: left;
    font-weight: 500;
    font-size: 15px;
    width: 182px;
    padding: 8px 13px;
    transition: all 0.2s ease-in-out;
}
#obrigado .foto{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}


#obrigado .bg-wrap {
  background: url(../images/banner0.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#obrigado h1{
  font-weight: 500;
font-size: 42px !important;
color: #FFFFFF;
}
#obrigado p{
  font-size: 18px;
  color: #FFFFFF;
}

#obrigado .texto{
  font-size: 16px;
  color: #FFFFFF;
}



.separate-list li {
  border-color: rgba(0, 0, 0, 0.2);
}
.social ul.list-inline > li + li, .social ul.list-justify > li + li {
    margin-left: 0;
}

.padding-x2-list li {
  padding: 9px 0 12px 0;
}
.separate-list li:last-child {
  border-bottom-width: 0;
  padding-bottom: 4px;
}

.social {
  left: 30px;
  position: fixed;
  top: 39%;
  z-index: 999999;
  text-align: center;
  background-color: #0089c1;
  padding: 6px;
  border-radius: 14px;
}

@media (max-width: 1201px) {

}

@media (max-width: 1100px) {
  h1, h2, h3, h4, h5, h6, #header h1{
    font-size: 35px !important;
  }

  .setanav{
    margin-bottom: 0;
    margin-left: 0px;
  }
  .setanav2{
    margin-right: 0px;
  }
  .hidden-r, br, #texto-topo{display: none;}
  .linha-secao {
    align-items: center;
    margin: 0 auto;
    display: block;
  }
  #secao-2 .box {
    margin-top: 0;
  }
  #header .texto{
    position: initial;
    top: 0;
    left: 0;
    transform: none;
  }
  #secao-2 .foto{
    margin-bottom: 20px;
  }
  #contato .bg{
    background: #0089C1;
  }
  #footer1 .foto,
  #footer2 .foto,
  #footer3 .foto{
    margin-bottom: 35px;
  }
  #quem-somos .foto{
    margin-bottom: 30px;
  }
  #quem-somos h2{
    font-size: 23px !important;
  }
  #servicos .foto{
  margin-bottom: 30px;
  }
  #secao-3 .gallery-item .item-img{
    height: 400px;
    object-fit: cover;
  }
  
 

}

@media (max-width: 1000px) {
 .linha-secao{
    align-items: center;
    margin: 0 auto;
    display: block;
    width: 100%;
  }

}
@media (max-width: 500px) {
 
}
@media (max-width: 330px) {

}