@charset "utf-8";
@import url("fontawesome-free-5.15.1-web/css/all.css");
/* CSS Document */

.body{

  margin: 0;
  padding: 0;


}
.gridtype{
  margin:auto;
  max-width: 960px;
  text-align: center;
}

#contactbar {
  position: relative;
  
}
#cont{
  position: sticky;
  top:0;
  min-height: 50px;
  background:#e5aa4e;

}

#contacts p {
font-size: 15pt;
}

.buffer {
  background-color: #c48c31;
  height: 5px;}
.contact-heading{background-color:#ffc107; color:black;
        text-align: center;
				 padding:20px;}
.primary-swatch{background-color: #2d6c94;}

.blueish{
  color:#2d6c94;
}

.indexheader{
   background-image: url(img/img-header2.jpg);
   min-height: 650px;

}
.servicesbg{
  background-image: url(img/bg-services.jpg);
}
.aboutus {
  color:#2d6c94;
  margin: 0;
  padding:7%;
  min-height: 650px;
  background-image: url(img/bg-employee.jpg);
  background-position: 50% -50%;
  background-color: white;

}
.blgmain h3 {
  padding:30px 0 15px 0;
}


.blgbox :hover{
  opacity:.5;
}

.blgbox {
  display:flex;
  flex-direction:row;
  border-top: 1px solid black;
}

.blgmain a {
  text-decoration: none;
  color:black;
  padding: 10px 0 10px 0;
}

.blgbox a {
  text-decoration: none;
  color:black;
  padding: 10px 0 10px 0;
}

.blgbox img{
  padding:30px 0 15px 0;
  width: 180px;
  height:100%;
}

.blgtxt{
  padding:0px 0px 30px 15px;
}


.aboutus img{
  margin: 0;
 max-width:150px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0px 30px 30px  rgba(0,0,0,0.5);

}

.aboutus h3 {
  padding: 5%;
}

.mission {
  max-width: 280px;
  height: 400px;
  object-fit: cover;
}
  
 .bgcover {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
 } 

.serveimg {
min-height: 300px;
  position: relative;
  top: 0;
  left: 0;
 background-repeat: no-repeat;
 background-size:cover;
 background-position: 38%;
}



.carouselcontain{padding:0}
.category-button img{width:80%;}

.footer-nav a{color:#FFFFFF; text-decoration: none;}
.footer-nav {color:#e5aa4e;}
.footer-nav a:hover{text-decoration: overline; color:#4eaae5}
.newslink {padding-bottom:30px}
.newslink a{color: #606060; text-decoration: none; font-weight: lighter;}
.newslink a:hover{color:#45b2d8;}
.gallery figcaption {margin-bottom: 20px;}
.peach {
  min-height:500px;
  background-image: url(img/bg-construction.png);
  background-position: 50% 50%;
  padding-left:0;
  padding-top:20%;
  padding-right:0;
  padding-bottom:20%;
  text-align: center;

}
.peach h3{
  color:#e5aa4e;
}

.trusted{
  color:#2d6c94;
  text-align: center;
  padding:10%;
  min-height: 750px;
  background-image: url(img/bg-contract.jpg);

}
.trusted h1, p{
  max-width: 960px;
  margin: auto;

}
.trusted img {
 min-height:100px; 
 max-height:130px;
 width:auto;
 padding:  10px;
}

.audits {
  position: relative;
  min-height: 300px;
  background:linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.0) 50%), url(img/foreman.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:32%;

}

.auditxt {
  color:white;
  padding:5%;
  position: absolute;
  bottom: 8px;
  right: 16px;
  text-shadow: 2px 2px 2px black;
}

}

.showcase{

  margin: 0;
  padding:5%;
}
.showcase h1,h3,p {
  max-width: 960px;
}
.showcase img{
  margin: 30px 0 30px 0;
  width:400px;
height: 230px;
 object-fit: cover;
}


.docus {
  padding: 7%;
  min-height: 650px;
}

.docus img{
  max-width: 50px;
  height: auto;
  margin-bottom: 10px;
}

.docum {
  background-color: #2d6c94;
  margin: 30px;
  border-radius: 30px 0 30px 30px;
  color:white;
  box-shadow: 0px 30px 30px  rgba(0,0,0,0.5);

}

.logorow {padding-left: 50px;
	padding-right: 50px;
	padding-bottom:30px;}
.logorow a:hover {opacity:70%}

.carousel-item h3{
  font-weight: lighter;
  
}
.carousel-caption{
  background-image: linear-gradient(to left, rgba(50,50,50,0),rgba(50,50,50,1), rgba(50,50,50,1), rgba(50,50,50,0));
}

.menucontact {
  margin:none;
  padding:20px;
  float: right;
  color: white;
  background-color: #2d6c94;
}


#gettouch {border-style: solid;
  border-radius: 89px;
border-color: #45b2d8;
padding: 20px}

#clientele {/*border-top:1px solid black*/
 padding-top: 30px;
color: white;
}



.carouselowl {
  border-left: 1px solid black;
  margin-bottom: 50px;
}
.carouselowl img{
  width: 150px;
  height: 100%;
  padding: 10px;

}

.services{
margin:auto;
min-height: 600px;
  background-image: url(img/bg-employee.jpg);
padding: 7%;
  line-height: 27px;

}

.servetext{
  color:#153b54;
  background-color:#e5aa4e;
  padding:50px;
  border-radius: 15px;
}


.swiper{

 padding-right:3%;
 text-shadow: 1px 1px 1px white;
 font-size: 16pt;
 font-weight: bold;
 color: #4eaae5;
 

}

.portfolio {
  padding-top: 7% ;
  padding-left: 5% ;
  padding-: 5%;
 position: relative; 
 color: white;
 background-color: #2d6c94;
  min-height: 800px}

.portfolio-btn {
  text-decoration:none;
  color:white;
  font-weight: lighter;
  background-color: #2d6c94;
   border: 1px solid white
  
}
.portfolio-btn :hover{
  color:black;
  background-color:#d4d4d4;
  
}
.steps{

  text-align: center;
  margin-top: 10%;
  position: relative;
}
 .breadcrumb {
  padding: 30px;
  z-index: 2;
  --s: 30px; /* control the shape */
  line-height: 1.8; /* control the height */
  padding-inline: .1em calc(var(--s) + .3em);
  clip-path: polygon(0 0,calc(100% - var(--s)) 0,100% 50%,calc(100% - var(--s)) 100%,0 100%);
  background:  #e5aa4e;
  width: auto;
}
.cookies {
  padding: 30px;
  z-index: 2;
  --s: 30px; /* control the shape */
  line-height: 1.8; /* control the height */
  padding-inline: calc(var(--s) + .3em);
  clip-path: polygon(0 0,calc(100% - var(--s)) 0,100% 50%,calc(100% - var(--s)) 100%,0 100%,var(--s) 50%);
  background: #e5aa4e;
  width: auto;
}

.numero{
  font-size:200pt;
  left:-30px;
  top:-210px;
  position:absolute;
  font-weight: 800;
  opacity: .3;

}

.carousel-wrapper {
  display:flex

}
.card-title {

  border-top-width: 5px;
  background-color: #2d6c94;
  border-top-color: #e5aa4e;
  border-top-style:solid;
  border-radius: 0;
  color: white;
  font-size: 25px;

  font-weight: lighter;
  
}
.cardx {
  width:calc(100%/2);
  min-height:450px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 3px 5px 5px 5px rgba(0,0,0,0.2);
  margin: 20px;

  
}
.cardx h5{ 
padding:20px 20px 0 20px;
}

.card-img-top {
  height: 230px;
  object-fit: cover;
  border-bottom:7px solid #e5aa4e;
}

.card-row {
  padding-right: 50px;
  padding-left:60px;
  margin:auto;
}

.greyed{
  background-color: #f3f3f3;
}

.ochre{
  background-color:#dc9b2f;
}
.cardm{

  width: 12rem;
  font-size: 10px;

}

  .cardm img{
    transition: width 1s, height 1s, transform 1s;
  }

  .cardm img:hover{
    transform: scale(2.0);
    position: relative;
    z-index: 10000;
    border-radius: 0px;
  }
  .carousel {
  position: relative;
     }           
     .carousel-control-prev , .carousel-control-next {
opacity: 1.0 !important;
background-color: #4eaae5;
border-radius: 8px;
height: 50px;
width: 50px;
position: absolute;
top:100%;
bottom:10%;
     }
     .carousel-control-prev {
        right: auto;
        left: 20px;
     }
     .carousel-control-next {
        right: auto;
        left: 100px;
     }



.working {

  max-width: 960px;
  padding: 50px;
  align-content: center;
  line-height: 50px;
  list-style-type: none;


}




.grid-item {
  float: left;
  background: #D26;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}


#btn-back-to-top{
	position:fixed;
	bottom:50px;
	right:50px;
	display:none;
  border: 1px solid white;
	background-color:#ffc107;
	z-index: 1000;
}


.navbar {
  background-color: #4eaae5;
}
.navbar .navbar-brand {
  width: 20%;
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #2d6c94;
}
.navbar .navbar-text {
  align-content: center;
  color: #ffffff;
}
.navbar .navbar-text a {
  color: darkorange;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: darkorange; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #1f5689;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #1f5689;
  background-color: #f7f2f9;
}
.navbar .navbar-toggler {
  border-color: #f7f2f9;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #f7f2f9;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #9EBEFF;
}


@media only screen and (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #1f5689;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #1f5689;
    background-color: #f7f2f9;
  }

.indexheader, .services {
  background-color: black;
  background-position: 63%;

}


.services {
  display: flex;
  overflow-x: scroll;
}

.gallerie
{
  min-height:500px;
  display: flex;
  overflow-x: scroll;
  padding-top:30px;
  padding-bottom:30px;

}

.gall-card{
margin: 0 20px 0 20px;
border-radius: 5px;
background-color: white;
box-shadow: 0px 1px 1px  rgba(0,0,0,0.1);

}
.gall-img{
  height: 400px;
  object-fit: cover;
  border-radius: 3px;
}

.gallerie h3{
  padding: 10px 30px;
  border-radius: 0;
  font-size: 18pt;
  color:#2d6c94;

}

.trusted {
  line-height: 2.0rem;
  margin:0;
  text-align: left;
}
.gridtype{
  line-height: 2.0rem;
  margin:0;
  text-align: left;
}

#whyus {line-height: 45px;
max-width:960px;
border-radius: 0px;
padding:50px;
margin-bottom:0px;
}

  #whatwedo,#whoweare {background-position: 50% 50%;}

 .blgbox {
  display:block;
  padding-top: 30px;
  min-height:150px;
  border-top: 1px solid black;

  .blgtxt{
  padding:15px 0px 30px 0px;
}

}






@media  (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #1f5689;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #1f5689;
    background-color: #f7f2f9;
  }

.steps{
  text-align: left;
}
.breadcrumb{
padding:10px;
   text-align: center;
  position: relative;
   z-index: 2;
     border-radius: 15px 0px 15px 0px;
   clip-path: none;

}
.cookies {
  display:block;
  padding:10px;
 width: auto;
 text-align: center;
  position: relative;
  z-index: 2;
  clip-path: none;
   border-radius: 15px 0px 15px 0px;
}

.numero{
  font-size:200pt;
  left:-10%;
  top:-200px;
  position:absolute;
  font-weight: 800;
  opacity: .2;

}


.working {
  line-height: 40px;

}
 



}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #1f5689;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #1f5689;
    background-color: #f7f2f9;
  }

  


 .indexheader{
       background-position: 63%;

  }

  .peach {
  background-position: 75% 75%;
  padding-right: 80%;
  padding-left: 10%;
  text-align: left;
}




}

	


@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #1f5689;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #1f5689;
    background-color: #f7f2f9;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #1f5689;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #1f5689;
  background-color: #f7f2f9;
}

 .portfolio-gallery {
   width:95%;
   height:100%;
   margin: auto;
   padding-top: 30px;
  }

}