/*==================================
	bgImgWithColumns
==================================*/

.background-img-with-columns {
    padding: 7rem 0;
    position: relative;
    color: #ffffff;
}

.background-img-with-columns a {
    color: #ffffff;
    font-family: 'KaruBold', sans-serif;
    font-weight: 700!important;
    display: block;
    margin-top: 1rem;
}

.background-img-with-columns a::after {
    position: relative;
    padding: 0 0 0 4px;
    content: "\f054";
    color: #e30613;
    font-size: 11px;
    font-family: 'FontAwesome';
    font-weight: 100;
    vertical-align: middle;
}

.background-img-with-columns a:hover,
.background-img-with-columns a:focus,
.background-img-with-columns a:active {
    color: #e30613;
}

.background-img-with-columns-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}

.background-img-with-columns-title {
    position: relative;
    text-align: center;
    margin: 0 0 5rem;
}

.background-img-column {
    text-align: center;
    padding: 0 30px;
}

.background-img-column-text {

}

.background-img-with-columns .small-icon {
    height: 75px;
    margin-bottom: 15px;
}

/*overlay */

.background-img-with-columns-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*==== End of emptyBlock ====*/


/*==================================
	Responsive
==================================*/


@media screen and (max-width:991px) {

  .background-img-with-columns-title {
      margin: 0 0 4rem;
  }

  .background-img-with-columns {
      padding: 5rem 0;
  }

  .background-img-column {
      padding: 0 15px;
  }
}

@media screen and (max-width:767px) {

    .background-img-column {
        margin: 0 0 35px;
    }

    .background-img-column:last-child {
        margin: 0 0 15px;
    }
}

@media screen and (max-width:425px) {

  .background-img-column {

  }

  .background-img-column-icon-img {
      margin-bottom: 10px;
  }
}


@media screen and (max-width:425px) {

    .background-img-with-columns-title {
        margin: 0 0 3rem;
    }

    .background-img-with-columns {
        padding: 4rem 0;
    }
}


@media screen and (max-width:375px) {


}



/*==== End of Responsive ====*/