@font-face {
    font-family: "Material Design Icons";
    src: url("../assets/materialdesignicons-webfont.eot?v=2.4.85");
    src: url("../assets/materialdesignicons-webfont.eot?#iefix&v=2.4.85") format("embedded-opentype"), url("../assets/materialdesignicons-webfont.woff2?v=2.4.85") format("woff2"),
        url("../assets/materialdesignicons-webfont.woff?v=2.4.85") format("woff"), url("../assets/materialdesignicons-webfont.ttf?v=2.4.85") format("truetype"),
        url("../assets/materialdesignicons-webfont.svg?v=2.4.85#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.mdi:before,
.mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-account-outline:before {
    content: "\F013";
}

.mdi-account-plus-outline:before {
    content: "\F800";
}

.mdi-airplane:before {
    content: "\F01D";
}

.mdi-arrow-right:before {
    content: "\F054";
}

.mdi-arrow-up:before {
    content: "\F05D";
}

.mdi-cached:before {
    content: "\F0E8";
}

.mdi-calendar:before {
    content: "\F0ED";
}

.mdi-car:before {
    content: "\F10B";
}

.mdi-cart:before {
    content: "\F110";
}

.mdi-cart-outline:before {
    content: "\F111";
}

.mdi-chevron-down:before {
    content: "\F140";
}
.mdi-chevron-left:before {
    content: "\F141";
}
.mdi-chevron-right:before {
    content: "\F142";
}
.mdi-chevron-up:before {
    content: "\F143";
}

.mdi-close:before {
    content: "\F156";
}

.mdi-comment-multiple:before {
    content: "\F85E";
}

.mdi-delete:before {
    content: "\F1C0";
}

.mdi-email-outline:before {
    content: "\F1F0";
}

.mdi-eye-outline:before {
    content: "\F6CF";
}

.mdi-facebook:before {
    content: "\F20C";
}

.mdi-ferry:before {
    content: "\F213";
}

.mdi-format-align-left:before {
    content: "\F262";
}

.mdi-format-align-right:before {
    content: "\F263";
}

.mdi-format-list-bulleted:before {
    content: "\F279";
}

.mdi-hanger:before {
    content: "\F2C8";
}

.mdi-heart:before {
    content: "\F2D1";
}

.mdi-heart-outline:before {
    content: "\F2D5";
}

.mdi-home-outline:before {
    content: "\F6A0";
}

.mdi-information-outline:before {
    content: "\F2FD";
}

.mdi-instagram:before {
    content: "\F2FE";
}

.mdi-lead-pencil:before {
    content: "\F64F";
}

.mdi-led-variant-outline:before {
    content: "\F330";
}

.mdi-linkedin:before {
    content: "\F33B";
}

.mdi-lock-question:before {
    content: "\F8EE";
}

.mdi-login:before {
    content: "\F342";
}

.mdi-magnify:before {
    content: "\F349";
}

.mdi-map-marker:before {
    content: "\F34E";
}

.mdi-menu:before {
    content: "\F35C";
}

.mdi-minus:before {
    content: "\F374";
}

.mdi-odnoklassniki:before {
    content: "\F3C5";
}

.mdi-percent:before {
    content: "\F3F0";
}

.mdi-phone:before {
    content: "\F3F2";
}

.mdi-pinterest:before {
    content: "\F407";
}

.mdi-play-circle:before {
    content: "\F40C";
}

.mdi-plus:before {
    content: "\F415";
}

.mdi-printer:before {
    content: "\F42A";
}

.mdi-refresh:before {
    content: "\F450";
}

.mdi-repeat:before {
    content: "\F456";
}

.mdi-repeat-once:before {
    content: "\F458";
}

.mdi-share:before {
    content: "\F496";
}

.mdi-snapchat:before {
    content: "\F4B6";
}

.mdi-swap-horizontal:before {
    content: "\F4E1";
}

.mdi-tag-multiple:before {
    content: "\F4FB";
}

.mdi-tram:before {
    content: "\F52D";
}

.mdi-tumblr:before {
    content: "\F541";
}

.mdi-twitter:before {
    content: "\F544";
}

.mdi-video:before {
    content: "\F567";
}

.mdi-vimeo:before {
    content: "\F577";
}

.mdi-whatsapp:before {
    content: "\F5A3";
}

.mdi-youtube:before {
    content: "\F5C3";
}

.mdi-18px.mdi-set,
.mdi-18px.mdi:before {
    font-size: 18px;
}
.mdi-24px.mdi-set,
.mdi-24px.mdi:before {
    font-size: 24px;
}
.mdi-36px.mdi-set,
.mdi-36px.mdi:before {
    font-size: 36px;
}
.mdi-48px.mdi-set,
.mdi-48px.mdi:before {
    font-size: 48px;
}

.mdi-dark

.mdi-light

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
}
@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}