@font-face {
  font-family: 'Fontello';
  src: url('fonts/demos/digital-agency-2/fontello.woff2') format('woff2'),
    url('fonts/demos/digital-agency-2/fontello.woff') format('woff'),
    url('fonts/demos/digital-agency-2/fontello.ttf') format('ttf'),
    url('fonts/demos/digital-agency-2/fontello.eot') format('eot');
}

/* Add here all your CSS customizations */
html .custom-title-with-icon-primary:before {
  color: #e41645 !important;
}

html .custom-btn-with-arrow-primary:after {
  color: #e41645 !important;
}

/*
* Side menu Our Work
*/
.side-menu-our-work .sort-source li a:before {
  content: '';
  width: 15px;
  height: 3px;
  background-color: #e41645;
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  transition: 0.5s width;
}

.side-menu-our-work .sort-source li a:hover:before {
  width: 30px;
}

.custom-btn-with-arrow:after {
  content: '\E800';
  font-family: 'Fontello';
  font-size: 18px;
  margin-left: 17px;
}

html .text-color-quaternary,
html .text-quaternary {
  color: #777777 !important;
}

/*
* Section Our Work
*/
.our-work .isotope-item {
  position: static !important;
  transition: 0.3s opacity;
}

.our-work .custom-our-work img {
  /* min-height: 280px; */
  position: absolute;
  left: 0;
  top: 0;
  transition: ease-in-out 5s;
}

.our-work .custom-our-work img:hover {
  transform: translateY(calc((-100% + 400px)));
}
.our-work .custom-our-work .custom-our-work-text {
  position: relative;
}
.our-work .custom-our-work .custom-our-work-text h4,
.our-work .custom-our-work .custom-our-work-text p,
.our-work .custom-our-work .custom-our-work-text span {
  position: relative;
  left: 0;
}
.our-work .custom-our-work .custom-our-work-text h4 {
  transition: 0.2s left;
}
.our-work .custom-our-work .custom-our-work-text p {
  transition: 0.5s left;
}
.our-work .custom-our-work .custom-our-work-text span {
  transition: 0.9s left;
}

.our-work .custom-our-work:hover:before {
  opacity: 0 !important;
}

.our-work .custom-our-work:hover .custom-our-work-text h4,
.our-work .custom-our-work:hover .custom-our-work-text p,
.our-work .custom-our-work:hover .custom-our-work-text span {
  left: 20px;
}

.side-menu-our-work .sort-source.sort-source-light li.active a {
  color: #000 !important;
  font-weight: bold !important;
}