@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont.woff2?0fda8efaf648f6e8980a8463cebeae70") format("woff2");
}

.icon:before {
    font-family: iconfont !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon[data-icon-type="x"]:before {
    content: "\f101";
}
.icon[data-icon-type="phone"]:before {
    content: "\f102";
}
.icon[data-icon-type="mail"]:before {
    content: "\f103";
}
.icon[data-icon-type="instagram"]:before {
    content: "\f104";
}
.icon[data-icon-type="facebook"]:before {
    content: "\f105";
}
.icon[data-icon-type="close"]:before {
    content: "\f106";
}
.icon[data-icon-type="arrow"]:before {
    content: "\f107";
}
.icon[data-icon-type="arrow-l"]:before {
    content: "\f108";
}
.icon[data-icon-type="arrow-bar"]:before {
    content: "\f109";
}