html{scroll-behavior: smooth;}

body{background-color:transparent;}

p, h1, h2, h3, a, span{font-family: 'Montserrat', sans-serif;}
h1{text-transform: uppercase; font-size: 25px; color:#2B3A4E; font-weight: 600;}
h3 {font-size:20px;font-weight: 600;}

h5{font-size:75px; margin:0 auto; margin-top:-29%; text-shadow:4px 4px 4px rgba(0,0,0,.5); font-weight: 600;}
/*h5 span{font-size: 30px;}*/

.pt5{padding-top:2rem;}

.pt3{padding-top:1rem;}

.py5{padding-top:3rem; padding-bottom:3rem;}

.px3{padding-left:1rem; padding-right:1rem;}

.main{
  background-color:#fff;
}

.navbar{box-shadow:0 1px 5px rgba(0, 0, 0, .49); z-index:10; /*background-color:#fff;*/ background-color:#2b3a4e;}

.nav-link{text-transform: uppercase; font-weight:600; font-size: 12px; color:#fff!important;}

.nav-link.active{/*border-bottom:2px solid #2B3A4E;*/border-bottom:2px solid #fff;}
/* ==========================================================================
   Main styles
   ========================================================================== */
.textSlider{margin:-100px auto 50px; position:relative; z-index:10;}

.mouse-icon {
    border: 2px solid #fff;
    border-radius: 16px;
    display: block;
    height: 50px;
    margin: -100px auto 50px;
    position: relative;
    width: 30px;
    z-index: 10;
}
.mouse-icon .scroll {
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: scrolling;
    animation-play-state: running;
    animation-timing-function: linear;
}
.mouse-icon .scroll {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 4px;
    width: 4px;
}
@keyframes scrolling {
0% {
    opacity: 0;
    top: 5px;
}
30% {
    opacity: 1;
    top: 10px;
}
100% {
    opacity: 0;
    top: 25px;
}
}

.pad-xl {
  /*padding: 200px 0px;*/
  padding: 90px 0px;
}

.pad-lg {
  padding: 160px 0px;
}

.pad-sm {
  padding: 80px 0px;
}

.pad-xs {
  padding: 30px 0px;
}

/*.carousel-inner{height:60vh;}*/

.carousel-item img{position:relative; background-size:100%;}

.sobrenos{background-image:url(../img/bkgCinza.svg); background-size: cover; background-position: bottom; padding-bottom:7%; padding-left:0; padding-top:2%;}
.contactos{background-image:url(../img/bkgTriangInv.svg); background-size: cover; background-position: top; padding-bottom:7%; padding-left:0; padding-top:5%;}

.oquefazemos{padding-top:2%;/*margin-top:-2%; padding-bottom:7%;*/}


/*GALERIA*/

.gallery-section{
  width: 100%;
  padding: 60px 0;
}

.inner-width{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.gallery-section h1{
  text-align: center;
  text-transform: uppercase;
  color: #333;
}

.border{
  width: 180px;
  height: 4px;
  background: #333;
  margin: 60px auto;
}

.gallery-section .gallery{
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
}

.gallery-section .image{
  flex: 25%;
  overflow: hidden;
  cursor: pointer;
}

.gallery-section .image img{
  width: 100%;
  height: 100%;
  transition: 0.4s;
}

.galleryPort{padding:30px 0!important;}

.galleryPort .image img{transform:none!important;}

.gallery-section .image:hover img{
  transform: scale(1.4) rotate(15deg);
}

.nav-item button.nav-link:hover{border: 0px solid transparent;}

.nav-item button.nav-link.active{border-bottom:2px solid #2b3a4e;}

@media screen and (max-width: 1024px) {
	 .carousel-inner{margin-top:0px;}
  .carousel-item{margin-top:55px;}
  .pt5{padding-top:.5rem;}
  .pt3{padding-top:.5rem;}
  .pt4{padding-top:2rem;}
  h1{font-size: 20px;}
  p {font-size: .95rem;}
  .py5{padding-bottom:0;}
  .nav-link{padding-right:.25rem; padding-left: .25rem;}
  .nav-link p{font-size: .75rem; margin-bottom:0;}

}


@media screen and (max-width:960px) {
  /*.navbar-collapse{flex-basis:100% !important; flex-grow: 1;}
  .collapse:not(.show){display:none !important;}
  .navbar-expand-md .navbar-toggler{display: block;}
  .navbar-expand-md .navbar-nav{flex-direction: column;}*/
  .nav-item{padding-right:.25rem; padding-left:.25rem;}
  .nav-link{font-size: 12px;}

  .container {max-width:940px;}

  .oquefazemos, .sobrenos, .fornecedores, .contactos{padding-top:8%;}

  .gallery-section{padding:20px 0;}
  .gallery-section .image{
    flex: 33.33%;
  }

  .oquefazemosResp{padding-top:3%;}

  .ulPort li{flex:33.33%; margin:0 auto;}
}

@media screen and (max-width:768px) {
  h1{font-size: 20px;}
  p{font-size: .85rem;}
  .carousel-inner{margin-top:0px;}
  .carousel-item{margin-top:55px;}
  .pt5{padding-top:.5rem;}
  .pt3{padding-top:.5rem;}
  .pt4{padding-top:2rem;}


  /*Galeria*/
  .gallery-section{padding:20px 0;}
  .gallery-section .image{
    flex: 50%;
  }

    /*Contactos*/
  .formCont{flex:100%;}
  .py5{padding-top:1rem; padding-bottom:0;}
  .info{padding-top:2rem; flex:100%;}
}

@media screen and (max-width:480px) {
  h1{font-size: 20px;}
  p{font-size: .85rem;}
  .carousel-inner{margin-top:0px;}
  .carousel-item{margin-top:55px;}
  .pt5{padding-top:.5rem;}
  .pt3{padding-top:.5rem;}
  .pt4{padding-top:2rem;}
 

  /*Sobre Nos*/
  .sobrenos{padding-top:10%; padding-bottom:25%;}

  /*O que fazemos*/
  .oquefazemos{padding-top:0;}
  /*Galeria*/
  .gallery-section{padding:20px 0;}
  .gallery-section .image{flex:50%;}

  /*Contactos*/
  .py5{padding-top:1rem; padding-bottom:0;}
  .info{padding-top:2rem;}

  .ulPort li{flex:50%; margin:0 auto;}
  .oquefazemosResp{padding-top:5%;}
  .nav-link p{font-size: .68rem; margin-bottom:0;}

}




/* PÁGINA O QUE FAZEMOS */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color:transparent;}