.site-navigation .layer {
 
  background: #004d40;
}

.bg-green
{
  background: #004d40; 
  /* background: #01502F; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 150px 0;
    color: #fff;
}

.left-side {
  width: 200px;
}

body {
    background: #012d26;
}

.left-side .logo img {
  width: 180px;
}

.intro {
   background: #004d40;
}

.intro-image:before {
  background: #004d40;
}
main {
  background: #012d26;
}

.icon-content-block {
  background: #012d26;
}

.works {
   background: #012d26;
 }

 .testimonials:before {
  background: #012d26;
}

.testimonials {
  background: #004d40;
}

.team
{
  background: #004d40;
}

.heading_4
{
  text-transform: uppercase;
    font-weight: 600;
}

.testimonials .swiper-pagination {
  width: 100px;
  right: 80px;
  left: auto;
  bottom: 90px;
  text-align: right;
}

.capital
{
  text-transform: uppercase;
}

.pcl-section-container__eyebrow:before {
  position: absolute;
  top: 50%;
  transform: translate3d(0,-50%,0);
  content: "";
  width: 3rem;
  height: .12rem;
  background-color: #36383d;
  left: -2rem;
  margin-right: .5rem
}

.icon-content-block .content-block.selected {
  background: #43622b;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
}

.p-all-m
{
  padding: 0px;
  margin: 0px;
}

.text-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #fff;
}

.section-title {
  font-family: "Fjalla One", sans-serif;
  margin-bottom: 50px;
  line-height: 1.2;
  letter-spacing: 0px;
  font-size: 3rem;
}

h3::before {
	content: '';
	display: inline-block;
	width: 5rem;
	height: 5px;
	background-color: #ffb100;
	margin: 0 10px 22px -90px;
}

.css-cld9zr {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  display: flex;
}

.p-all-70
{
  padding: 70px;
}

.alig p
{display: flex;
  justify-content: center;
  align-items: center;
}

.gold a
{
color: #ffb100;
}

.gold a:hover
{
color: yellowgreen;
}

.site-navigation .inner ul li a:hover {
  color: #ffb100;
}

.slider .swiper-container .swiper-slide video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.page-header .video-bg video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.footer .footer-bar .creation {
     margin-left: 0; 
}

.hamburger {
    width: 40px;
    height: 40px;
    display: block;
/*    position: relative;*/
position: absolute;
right:50px;
top:30px;
    cursor: pointer;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
}

.text-primary-gr {
    background: linear-gradient(135deg, #024cbb 12%, #006 47%, #006 63%, #024cbb 88%);
    -webkit-background-clip: text;
    background-size: 200%;
    background-position: center left;
    background-clip: text;
    color: transparent;
}

.icon-content-block p
{
  text-align: left;
}

/* *************************** Gallery Start ******************************** */

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/* *************************** Gallery End ******************************** */

/* *************************** Gallery2 Start ******************************** */
.portfolio-menu{
  text-align:center;
}
.portfolio-menu ul li{
  display:inline-block;
  margin:0;
  list-style:none;
  padding:10px 15px;
  cursor:pointer;
  -webkit-transition:all 05s ease;
  -moz-transition:all 05s ease;
  -ms-transition:all 05s ease;
  -o-transition:all 05s ease;
  transition:all .5s ease;
}

.portfolio-item{
  /*width:100%;*/
}
.portfolio-item .item{
  /*width:303px;*/
  float:left;
  margin-bottom:10px;
}
/* *************************** Gallery2 End ******************************** */

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
   
   p{
    padding: 25px 25px 25px 25px;
   }

   .p-all-70 {
    padding: 30px;
}
}