/***********/
/**PREFFIX*/
/***********/
/***********/
/**FONTS/
/***********/
/***********/
/**COLORS*/
/***********/
/**************/
/**BREKPOINTS**/
/**************/
/**************/
/**SPACES**/
/**************/
/**************/
/**CONTAINER HEIGHTS**/
/**************/
/**************/
/**CONTAINER WIDTHS**/
/**************/
/**************/
/**GAPS**/
/**************/
/***********/
/**FONT-SIZES*/
/***********/
/***********/
/**PREFFIX*/
/***********/
/***********/
/**FONTS/
/***********/
/***********/
/**COLORS*/
/***********/
/**************/
/**BREKPOINTS**/
/**************/
/**************/
/**SPACES**/
/**************/
/**************/
/**CONTAINER HEIGHTS**/
/**************/
/**************/
/**CONTAINER WIDTHS**/
/**************/
/**************/
/**GAPS**/
/**************/
/***********/
/**FONT-SIZES*/
/***********/
/**
 * fullheight
 */
/**
 * Touch
 */
/**
 * No Touch
 */
/**
 * Touch
 */
/**
 * background-color rgba
 */
/**
 * color rgba
 */
/**
 * breakpoint
 */
.lb-benefits .icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 60px;
}
@media (max-width: 1100px) {
  .lb-benefits .icons {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .lb-benefits .icons {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .lb-benefits .icons {
    grid-template-columns: 1fr;
  }
}
.lb-benefits .icons .icon {
  text-align: center;
}
.lb-benefits .icons .icon svg path,
.lb-benefits .icons .icon svg line,
.lb-benefits .icons .icon svg circle,
.lb-benefits .icons .icon svg polyline,
.lb-benefits .icons .icon svg polygon,
.lb-benefits .icons .icon svg rect,
.lb-benefits .icons .icon svg ellipse,
.lb-benefits .icons .icon svg circle {
  transition: stroke 0.3s ease-out, fill 0.3s ease-out;
}
html.is-device-touch .lb-benefits .icons .icon:active svg path,
html.is-device-touch .lb-benefits .icons .icon:active svg line,
html.is-device-touch .lb-benefits .icons .icon:active svg circle,
html.is-device-touch .lb-benefits .icons .icon:active svg polyline,
html.is-device-touch .lb-benefits .icons .icon:active svg polygon,
html.is-device-touch .lb-benefits .icons .icon:active svg rect,
html.is-device-touch .lb-benefits .icons .icon:active svg ellipse,
html.is-device-touch .lb-benefits .icons .icon:active svg circle, html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg path,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg line,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg circle,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg polyline,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg polygon,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg rect,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg ellipse,
html:not(.is-device-touch) .lb-benefits .icons .icon:hover svg circle {
  stroke: #d88321;
  fill: rgba(255, 255, 255, 0);
}
html.is-device-touch .lb-benefits .icons .icon:active > .title, html:not(.is-device-touch) .lb-benefits .icons .icon:hover > .title {
  color: #d88321;
}
.lb-benefits .icons .icon .inner {
  width: 140px;
  display: inline-block;
  margin: 0 auto 25px;
}
.lb-benefits .icons .icon .title {
  font-weight: bold;
  transition: color 0.2s ease-out;
}
.lb-benefits .icons .icon .description {
  display: none;
}