/* fonts */
/* //fonts */
/* colors */
/* //colors */
/* shadows */
/* //shadows */
.cubes-offset .cubes__row {
  margin-left: -8px;
  margin-right: -8px;
}

.cubes-offset .cubes__item {
  width: -webkit-calc(25% - 16px);
  width: calc(25% - 16px);
  padding-bottom: -webkit-calc(25% - 16px);
  padding-bottom: calc(25% - 16px);
  margin: 0 8px;
  margin-bottom: 16px;
}

.cubes__item {
  position: relative;
  width: 25%;
  padding-bottom: 25%;
}

@media screen and (max-width: 1440px) {
  .cubes-offset .cubes__row {
    margin-left: -7px;
    margin-right: -7px;
  }
  .cubes-offset .cubes__item {
    width: -webkit-calc(25% - 14px);
    width: calc(25% - 14px);
    padding-bottom: -webkit-calc(25% - 14px);
    padding-bottom: calc(25% - 14px);
    margin: 0 7px;
  }
}

@media screen and (max-width: 1200px) {
  .cubes-offset .cubes__row {
    margin-left: -4px;
    margin-right: -4px;
  }
  .cubes-offset .cubes__item {
    width: -webkit-calc(25% - 8px);
    width: calc(25% - 8px);
    padding-bottom: -webkit-calc(25% - 8px);
    padding-bottom: calc(25% - 8px);
    margin: 0 4px;
  }
}

@media screen and (max-width: 767px) {
  .cubes__item {
    width: 50%;
    padding-bottom: 50%;
  }
  .cubes-offset .cubes__item {
    width: -webkit-calc(50% - 8px);
    width: calc(50% - 8px);
    padding-bottom: -webkit-calc(50% - 8px);
    padding-bottom: calc(50% - 8px);
    margin-bottom: 8px;
  }
}