.categorySelector span
{
  padding-top:20px;
  padding-bottom:20px;
  padding-left:60px;
  padding-right:60px;
  display:inline-block;
  position: relative;
  cursor:pointer;
}
.categorySelector span:hover::after,
.categorySelector span.active::after
{
  height:5px;
  width: 100%;
  background:#e2001a;
  position: absolute;
  left:0;
  bottom:0;
  transform:translateY(100%);
  content:"";
}
.categorySelector
{
  border-bottom: 5px solid #f2f2f2;
}
.tab
{
  display:none;
}
.tab.active
{
  display:block;
}
.referencefilter.hidden
{
  display:none;
}
.referencefilter.filtered
{
  display:none;
}
.pagination
{
  position: relative;
}
.pagination .pager
{
  cursor:pointer;
}
.pagination .pager.page
{
    margin-right:10px;
}
.pagination .pager.page:last-child
{
  margin-right:0;
}
.pagination .pager.page:hover,
.pagination .pager.page.currentpage
{
  border-bottom:5px solid #e2001a;
}
.pagination .pager.prev,
.pagination .pager.next
{
  position: absolute;
  top:0;
  line-height:40px;
}
.pagination
{
  width:100%;
}
.pagination .pager.prev
{
  left:15px;
  padding-left:45px;
}
.pagination .pager.next
{
  right:15px;
  padding-right:45px;
}
.pagination .page_menu
{
  position: absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.pager i
{
  background:#e2001a;
  display:inline-block;
  width:40px;
  height:40px;
  color:white;
  position: absolute;
  top:0;
}
.pagination .pager.next i
{
  right:0;
}
.pagination .pager.prev i
{
  left:0;
}
.pager i::before
{
  position: absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.reference_overview-item
{
  position: relative;
  overflow:hidden;
}
.reference_overview-item p:last-child
{
  margin-bottom:0;
}
.reference_overview-item .overlay
{
  position: absolute;
  left:0;
  bottom:0;
}
.reference_overview-item .overlay::before
{
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 0 0 500px;
  border-color: transparent transparent transparent rgba(227, 0, 27, 0.9);
  content:"";
  transform:translateY(-100%);
}
.fanyboxhover
{
  position: relative;
  cursor:pointer;
}
.fanyboxhover span
{
  position: absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  color:white;
  border:2px solid white;
  padding:15px 30px;
  line-height: 22px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition:0.5s ease all;
}

.fanyboxhover::after
{
  width: calc(100% - 30px);
  height: 100%;
  background:rgba(227, 0, 27, 0.8);
  content:"";
  position: absolute;
  top:0;
  left:15px;
  z-index: 1;
  opacity: 0;
  transition:0.5s ease all;
  pointer-events: none;
}
.fanyboxhover:hover span,
.fanyboxhover:hover::after
{
  opacity: 1;
}

.serivceoffered h1 {
  font-weight: 400;
  text-transform: none;
}

.reference__image--round img {
  border-radius: 50%;
  width: 260px !important;
  padding: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.reference__bg--dark {
  background-color: #222;

}

.serivceoffered img {
  width: 100px;
}

.reference__mark {
  font-size: 160px;
  position: absolute;
  top: -30px;
  left: -26px;
  color: #e81e28 !important;
}

.testimonial__element .red-text {
  margin-bottom: 0;
}

.referenceHolder  .lSAction .lSPrev,
.referenceHolder  .lSAction .lSNext{
    opacity: 1 !important;
}

.referenceHolder  .lSAction i{
    color: rgba(227, 0, 27, 1);
    font-size: 30px;
}

.referenceHolder .lSAction > .lSNext{
    right: -5px;
}

.referenceHolder .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a ,
.referenceselement .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: rgba(226,0,26, 0.9);
}

@media (max-width: 1199.98px) {
  .reference__image--round img {
    width: 220px !important;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 991.98px) {
  .reference__image--round img {
    width: 220px !important;
    padding: 0 !important;
    position: relative;
    margin-top: 20px;
  }
  .reference__image--round {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .pagination .pager.prev,
  .pagination .pager.next
  {
    top:45px;
  }
}

@media (max-width: 575.98px) {
  .reference__mark {
    font-size: 160px;
    position: absolute;
    top: -60px;
    left: 45%;
    color: #e81e28 !important;
  }
  .fanyboxhover span {
    padding: 15px 20px;
  }
}