@font-face {
  font-family: "Butler";
  src: url("../fonts/butler_ultra_light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Butler";
  src: url("../fonts/butler_light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "asli";
  src: url("../fonts/asli.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
[class*=" icon-"]:before,[class^=icon-]:before {
  font-family: "asli";
  font-style: normal;
  font-weight: 500;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-click:before { content:"\e802"; }
.icon-dark-light:before { content:"\e803"; }
.icon-font:before { content:"\e805"; }
.icon-magic-wand:before { content:"\e807"; }
.icon-move:before { content:"\e808"; }
.icon-repeat:before { content:"\e809"; }
.icon-responsive:before{ content:"\e80a"; }
.icon-text:before{ content:"\e80b"; }
.icon-expand:before{ content:"\e80c"; }
.icon-form:before{ content:"\e80d"; }
.icon-background:before{ content:"\e80e"; }
.icon-file:before{ content:"\e80f"; }

@font-face {
  font-family: "asap";
  src: url("../fonts/asap-regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "mars-extendedregular";
  src: url("../fonts/marsextendedweb-regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}