@font-face {
  font-family: 'TTJenevers-Bold';    
  font-weight: 500;
  src: url('TTJenevers-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Cabin-Regular';    
  font-weight: 500;
  src: url('Cabin-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin-Bold';    
  font-weight: 500;
  src: url('Cabin-Bold.ttf') format('truetype');
}

.font-cabin-bold {
  font-family: 'Cabin-Bold';
}

body {
  font-family: 'Cabin-Regular' !important;
}

.brand {
 border-bottom: none; 
}

.sec {
 border-bottom:none; 
}

.hh-banner-image {

}

.hh-banner-overlay {
        opacity: 0.5;
    background-color: #54565a;
}

.hh-banner-text {
  text-shadow:none;
  font-weight: 500;
  font-size: 3.5rem;
  max-width: 600px;
  font-family: 'TTJenevers-Bold';
}

@media only screen and (max-width: 600px) {
  .hh-banner-text {
    font-size: 2rem;
  }
}

.text-section {
 background-color: white;
  padding: 2rem 1rem;
  max-width: 1200px;
  margin:auto;
}

.item {
  margin: 1rem;
  min-width: 300px;
  flex: 1;
}

.background-image {
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  height: 300px;
}

.item p {
 margin-bottom: 1rem; 
}

.item h4 {
 margin-bottom: 1.5rem; 
}

.flex {
 display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-between {
  justify-content: space-between;
}

.text-center {
 text-align: center; 
}

.padding-top-lg {
 padding-top: 4rem; 
}

.padding-top {
 padding-top: 2rem; 
}

.text-orange {
  color: #ce6854;
}

/* .text-dark-green {
  color: #587c7c;
} */

.t-0 {
  top: 0;
}

.r-0 {
  right: 0;
}

.z-9 {
  z-index: 9;
}

.z-11 {
  z-index: 11;
}

.overflow-hidden {
  overflow: hidden;
}

.bg-cc-grey {
  background-color: #54565a;
}

hr {
    width: calc(100% - 2rem);
    margin: auto;
}

.hh-footer {
 border-top: 8px solid #54565a;
 font-family: 'Cabin-Bold';
}

.link-social-twitter, .link-social a[href*=twitter] {
    background-image: url(https://zartis.blob.core.windows.net/images/images/Company_11378/icon-twitter.svg);   
}

.link-social-linkedin, .link-social a[href*=linkedin] {
    background-image: url(https://zartis.blob.core.windows.net/images/images/Company_11378/icon-linkedin.svg);    
}

.link-social-facebook, .link-social a[href*=facebook] {
    background-image: url(https://zartis.blob.core.windows.net/images/images/Company_11378/icon-facebook.svg);
}

@media (min-width: 1800px) {
.xl\:h-160 {
    height: 36rem;
}
}