@font-face {
    font-family: 'Axiforma';
    src: url('../font/Axiforma-Black.woff2') format('woff2'),
        url('../font/Axiforma-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../font/Axiforma-Heavy.woff2') format('woff2'),
        url('../font/Axiforma-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../font/Axiforma-Bold.woff2') format('woff2'),
        url('../font/Axiforma-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('../font/Axiforma-Light.woff2') format('woff2'),
        url('../font/Axiforma-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{ padding: 0;  font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-display: swap; font-size: 18px;}
h1,h2,h3,h4,h5,h6{ font-family: 'Axiforma';    font-weight: 900; font-style: normal;  font-display: swap; }
a{ color: #494948;}
a:hover{ color: #494948e7;}
header{ position: absolute; top: 0; left: 0; right: 0; z-index: 9999;}
header .navbar-nav a{ color: #fff !important; font-size: 17px; font-weight: bold;    font-style: normal;    font-display: swap;text-transform: lowercase;}
header .navbar-nav .nav-item{  padding: 0 5px ; margin-top: 40px; position: relative;}
header .navbar-nav .nav-item .active{  color: #2E9E7A !important;}
header .navbar-nav .nav-item a::after{ content: " |"; right: -10px; position: relative; color: #fff !important; }
header .navbar-nav .nav-item:last-child a::after { content: " "; }
.logo-mini{ display: none;}
.navbar-brand img{ max-width: 120px;}
.navbar-brand{ margin-right: 30px;}
section{ min-height: 100vh; padding-top: 100px; padding-bottom: 100px;  }
nav.bg-light{ background: transparent;}
.navbar { padding: 0 !important;}
.navbar-brand { padding-top: 0;}
.navbar-toggler{ margin-right: 20px; background: #2E9E7A; color: #fff !important;}
#owl-carousel-banner{ position: relative;}
#owl-carousel-banner .item{ position: relative;}
#owl-carousel-banner .item .info-banner{ position: absolute; top: 30%; z-index: 10; left: 0; right: 0;}
#owl-carousel-banner .item .info-banner h4 span{ background: #fff; padding: 10px; font-size: 25px;}
#owl-carousel-banner .item .info-banner p{  max-width: 600px;  font-size: 45px; color: #fff;}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -30px;
    z-index: 999;
    position: relative;
}
section#home{ min-height: auto;}
section#estrutura{  background: rgb(0,0,0);  background: linear-gradient(0deg, rgba(0,0,0,0.7531745119922969) 0%, rgba(104,104,104,1) 15%);  color: #fff;}
section#servicos{  background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.7531745119922969) 0%, rgba(79,79,77,1) 15%);  color: #fff;}
.icones-servicos h4{ padding-left: 45px; margin-top: 7px; margin-bottom: 10px; font-size: 17px; }
section#portfolio{ background: rgb(0,0,0);  background: linear-gradient(0deg, rgba(0,0,0,0.7531745119922969) 0%, rgba(83,131,117,1) 15%);     color: #fff;}
section#clientes{background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7027543439250701) 0%, rgba(141,141,141,1) 7%); color: #fff;}
section#empresa{ background-image: url(../img/bg-quem-somos.jpg); background-size: cover; background-size: cover; background-position: left top;}
section#estrutura{ background-image: url(../img/bg-estrutura.jpg); background-size: cover; background-position: left top;}


footer{ background: #538375; color: #fff; padding: 50px 0; text-align: center;}

.error .form-control {
    border: 1px solid red;
    background: #F8D7DA;
}
.required label::after{ content: " *"; color: red;}


ul.menu-portfolio .list-inline-item a{ color: #fff !important;}
ul.menu-portfolio .list-inline-item a:hover{ text-decoration: none;} 
ul.menu-portfolio .list-inline-item::after{ content: " | "; right: -3px;  position: relative; color: #fff !important; }
ul.menu-portfolio .list-inline-item:last-child::after { content: " "; }

.header-interno h1{ color: #fff;}
#portfolio .navbar-toggler { margin-right: 0;}
.menu-portfolio1{ border-radius: 5px; text-align: center;}

.menu-portfolio a{font-size: 20px;}

.title-contato h2{ color: #2E9E7A; }

#trabalhos h4{ font-size: 15px; margin-top: 8px; margin-bottom: 15px;}

.bg-menu-a{ background: #fff; width: 100%; text-align: center !important;}
.header-interno{ min-height: 300px; background:url(../img/banner.jpg) #ccc; background-position: center center; background-size: cover; }

.menu-portfolio1 .active{ border-bottom: 2px solid #000; background: #ccc;}
.menu-portfolio .active{ border-bottom: 2px solid #000;  }

.bg_load{position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; z-index: 999999999999999; background: #fff; vertical-align: center;}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #2D9D79;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top: 25%;
  
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

input, textarea{-webkit-box-shadow: -3px 4px 5px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow:    -3px 4px 5px 0px rgba(50, 50, 50, 0.48);
  box-shadow:         -3px 4px 5px 0px rgba(50, 50, 50, 0.48);}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    box-shadow: 0 0 0 0;
}
.btn-primary{ background: #2E9E7A; color: #fff; border: 0;}
.btn-primary:hover{ background: #538375; border: 0;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: #538375;
  border-color: #538375;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0;
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0;
}

@media (min-width: 992px) {
    #mainNav.navbar-shrink .navbar { padding-bottom: 0;  background: #fff; max-height: 80px;  -webkit-box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.71); box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.71); }
    #mainNav.navbar-shrink .navbar-nav a{ color: #494948 !important; font-size: 15px;}
    #mainNav.navbar-shrink .nav-item a::after{ color: #494948 !important;}
    #mainNav.navbar-shrink .navbar-nav .nav-item .active{  color: #2E9E7A !important;}
    #mainNav.navbar-shrink .navbar-nav .nav-item{ margin-top: 0px;}
    #mainNav.navbar-shrink .navbar-brand img{ max-width: 120px;} 

    .menu-portfolio1 { display: none; }
    .menu-portfolio { display: block; }
   

}

@media (max-width: 992px) {
    .container {  max-width: 100%;}
    header .navbar-nav .nav-item {  margin-top: 20px;   margin-top: 0px;  }
    #mainNav nav .container{ background: #fff;}
    #mainNav .navbar-nav a{ color: #999 !important; text-align: center;}
    #collapsibleNavId{ padding-top: 0;}
    .logo-mini{ display: block;}
    .logo-full{ display: none;}
    #home{ margin-top: 80px;}
    #owl-carousel-banner .item .info-banner p {font-size: 20px;}
    #owl-carousel-banner .item .info-banner h4 span { font-size: 17px; }
    .menu-portfolio1 { display: block; }
    .menu-portfolio { display: none; }
}
@media (max-width: 768px) {
    .container {  max-width: 100%;}
    header .navbar-nav .nav-item {   border-top: 1px solid #ccc; }
    #mainNav nav .container{ background: #fff;}
    #mainNav .navbar-nav a{ color: #999 !important; text-align: center;}
    #collapsibleNavId{ padding-top: 0;}
}