body {
    font-family: Gilroy-Light;
    font-weight: normal;
    font-style: normal;

  font-size: 16px;
  line-height: 1.7;
  color: #828282;
  background: #fff;
}

.Gilroy-SemiBold, h6, .link, .button, 
.small-navigation, 
#popover .popover-footer .par, 
.mini-title, 
.contact-form .placeholder, 
.w-mini-title .mini-title, 
.mini-title-w-arrow, 
#about-us .offices-list .office, 
.cards-wrapper.w-number .card.three::before, 
.case-slides-wrapper .case-content .case-title {
    font-family: Gilroy-SemiBold;
    font-weight: normal;
    font-style: normal;
}

.Gilroy-UltraLight, h2, h3, .title-w-arrow, .main-navigation li a {
    font-family: Gilroy-UltraLight;
    font-weight: normal;
    font-style: normal;
}

.Gilroy-Medium, h4, h5 {
    font-family: Gilroy-Medium;
    font-weight: normal;
    font-style: normal;
}

h6 {
    text-transform: uppercase;
    color: #3645d9;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.fh5co-social-icons {
    margin: 0;
    padding: 0;
}

.fh5co-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.fh5co-social-icons li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #F73859;
    padding-left: 10px;
    padding-right: 10px;

}

.homePageBanner{ 
  min-height: 700px; 
  background-size: cover;
  background-color: #ccc;
  position: relative;
  
}



.innerPageBanner{
  min-height: 700px; 
  position: relative;
  background: linear-gradient(to left, #134285, #65318F);
}


.innerPageBanner .pick{
    width: 100%;
    height: 700px;
    object-fit: cover;
    /*object-position: center;*/
    mix-blend-mode: overlay;
    filter: grayscale(100%);
}
.innerPageBanner .overlay{
    background: linear-gradient(to left, #134285, #65318F);
    opacity: .5;
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 100%;
    height: 100%;
}

.innerPageBanner .contactBlock{
  position: absolute;
  bottom: 150px; 
  right:  100px;
  width: 500px;
  border: #fff solid 1px;
  padding: 40px 50px;
  color: #fff;
}
.innerPageBanner .contactBlock h3{font-family: Gilroy-Bold; font-size: 14px; text-transform: uppercase; margin: 0px; margin-bottom: 10px;}
.innerPageBanner .contactBlock p{font-family: Gilroy-Light; text-transform: uppercase; margin: 0px; color: #fff;}




.section-heading{ 
  padding-top: 40px; padding-bottom: 40px; 
}
.section-heading h2{ 
  font-family: Gilroy-Bold;
  color: #65318f; 
  text-transform: uppercase;
}

.content_section{   padding-top: 80px; padding-bottom: 80px;  }
.content_section p{ text-align: justify; font-family: Gilroy-Bold; font-family: Gilroy-SemiBold; }


#efficiency{background: #fbfbfb; padding-bottom: 80px;}

.cards-wrapper .card-wrapper {
    padding: 15px;
    box-sizing: border-box;
    height: 377px;
}

.card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: .3s all ease;
}

.card.w-bg::after {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.cards-wrapper .card {
    background: #fff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
}



#efficiency .card {
    position: relative;
}

.card.w-bg {
    background: no-repeat center center / cover;
    padding: 30px 30px 200px 30px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);
}

.card.w-bg .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .25;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.cards-wrapper .card-wrapper:hover .card.w-bg .overlay {background: linear-gradient(to left, #134285, #65318F); opacity: .66;}

.cards-wrapper a{ color: #fff; text-decoration: none; }
.cards-wrapper a:hover{ text-decoration: none; color: #fff; }
.cards-wrapper h6{ color: #fff; position: relative; }
.cards-wrapper h3{ color: #fff; position: relative; }

.card.w-bg h6 {
    margin-bottom: 20px;
}

.card.w-bg > * {
    color: #fff;
}

#efficiency .card h5 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #65318f;
}


.homeLink{ color: #fff; position: absolute; top: 50px; right: 60px;  }
.homeLink svg{ fill: #fff; width: 24px; height: 24px; position: absolute; top: 0px; left: 0px; }
.homeLink a{ color: #fff; display: inline-block; padding: 0 0 0 30px; }

@media (min-width: 1040px){
.cards-wrapper .card.special {
    padding: 152px 30px 30px 30px;
}
}


@media (max-width: 500px){
  .homePageBanner {min-height: 280px;}
  .innerPageBanner {height: 280px; min-height: 280px;}
  .innerPageBanner .pick {height: 280px;}
  .innerPageBanner .contactBlock {
    position: absolute;
    bottom: 30px;
    right: 10%;
    left: 10%;
    width: 80%;
    padding: 20px 30px;
  }
  /*.innerPageBanner .contactBlock h3{font-family: Gilroy-Bold; font-size: 14px; text-transform: uppercase; margin: 0px; margin-bottom: 10px;}
  .innerPageBanner .contactBlock p{font-family: Gilroy-Light; text-transform: uppercase; margin: 0px; color: #fff;}*/
}