/* =========================================================
   Own Icons
   Custom SVG icon family for use alongside Font Awesome
   ========================================================= */

.oi-light,
.oi-regular {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Optional Font Awesome-like sizing helpers */
.oi-xs { font-size: .75em; }
.oi-sm { font-size: .875em; }
.oi-lg { font-size: 1.25em; }
.oi-2x { font-size: 2em; }
.oi-3x { font-size: 3em; }
.oi-4x { font-size: 4em; }
.oi-5x { font-size: 5em; }

.oi-light.oi-air-filter {
    -webkit-mask-image: url('../svg/light/oi-air-filter.svg');
    mask-image: url('../svg/light/oi-air-filter.svg');
}

.oi-regular.oi-air-filter {
    -webkit-mask-image: url('../svg/regular/oi-air-filter.svg');
    mask-image: url('../svg/regular/oi-air-filter.svg');
}

.oi-light.oi-battery {
    -webkit-mask-image: url('../svg/light/oi-battery.svg');
    mask-image: url('../svg/light/oi-battery.svg');
}

.oi-regular.oi-battery {
    -webkit-mask-image: url('../svg/regular/oi-battery.svg');
    mask-image: url('../svg/regular/oi-battery.svg');
}

.oi-light.oi-brake-caliper {
    -webkit-mask-image: url('../svg/light/oi-brake-caliper.svg');
    mask-image: url('../svg/light/oi-brake-caliper.svg');
}

.oi-regular.oi-brake-caliper {
    -webkit-mask-image: url('../svg/regular/oi-brake-caliper.svg');
    mask-image: url('../svg/regular/oi-brake-caliper.svg');
}

.oi-light.oi-brake-disc {
    -webkit-mask-image: url('../svg/light/oi-brake-disc.svg');
    mask-image: url('../svg/light/oi-brake-disc.svg');
}

.oi-regular.oi-brake-disc {
    -webkit-mask-image: url('../svg/regular/oi-brake-disc.svg');
    mask-image: url('../svg/regular/oi-brake-disc.svg');
}

.oi-light.oi-brake-lever {
    -webkit-mask-image: url('../svg/light/oi-brake-lever.svg');
    mask-image: url('../svg/light/oi-brake-lever.svg');
}

.oi-regular.oi-brake-lever {
    -webkit-mask-image: url('../svg/regular/oi-brake-lever.svg');
    mask-image: url('../svg/regular/oi-brake-lever.svg');
}

.oi-light.oi-chain {
    -webkit-mask-image: url('../svg/light/oi-chain.svg');
    mask-image: url('../svg/light/oi-chain.svg');
}

.oi-regular.oi-chain {
    -webkit-mask-image: url('../svg/regular/oi-chain.svg');
    mask-image: url('../svg/regular/oi-chain.svg');
}

.oi-light.oi-clutch-lever {
    -webkit-mask-image: url('../svg/light/oi-clutch-lever.svg');
    mask-image: url('../svg/light/oi-clutch-lever.svg');
}

.oi-regular.oi-clutch-lever {
    -webkit-mask-image: url('../svg/regular/oi-clutch-lever.svg');
    mask-image: url('../svg/regular/oi-clutch-lever.svg');
}

.oi-light.oi-engine {
    -webkit-mask-image: url('../svg/light/oi-engine.svg');
    mask-image: url('../svg/light/oi-engine.svg');
}

.oi-regular.oi-engine {
    -webkit-mask-image: url('../svg/regular/oi-engine.svg');
    mask-image: url('../svg/regular/oi-engine.svg');
}

.oi-light.oi-exhaust {
    -webkit-mask-image: url('../svg/light/oi-exhaust.svg');
    mask-image: url('../svg/light/oi-exhaust.svg');
}

.oi-regular.oi-exhaust {
    -webkit-mask-image: url('../svg/regular/oi-exhaust.svg');
    mask-image: url('../svg/regular/oi-exhaust.svg');
}

.oi-light.oi-fairing {
    -webkit-mask-image: url('../svg/light/oi-fairing.svg');
    mask-image: url('../svg/light/oi-fairing.svg');
}

.oi-regular.oi-fairing {
    -webkit-mask-image: url('../svg/regular/oi-fairing.svg');
    mask-image: url('../svg/regular/oi-fairing.svg');
}

.oi-light.oi-footpeg {
    -webkit-mask-image: url('../svg/light/oi-footpeg.svg');
    mask-image: url('../svg/light/oi-footpeg.svg');
}

.oi-regular.oi-footpeg {
    -webkit-mask-image: url('../svg/regular/oi-footpeg.svg');
    mask-image: url('../svg/regular/oi-footpeg.svg');
}

.oi-light.oi-front-fork {
    -webkit-mask-image: url('../svg/light/oi-front-fork.svg');
    mask-image: url('../svg/light/oi-front-fork.svg');
}

.oi-regular.oi-front-fork {
    -webkit-mask-image: url('../svg/regular/oi-front-fork.svg');
    mask-image: url('../svg/regular/oi-front-fork.svg');
}

.oi-light.oi-garage {
    -webkit-mask-image: url('../svg/light/oi-garage.svg');
    mask-image: url('../svg/light/oi-garage.svg');
}

.oi-regular.oi-garage {
    -webkit-mask-image: url('../svg/regular/oi-garage.svg');
    mask-image: url('../svg/regular/oi-garage.svg');
}

.oi-light.oi-handlebar {
    -webkit-mask-image: url('../svg/light/oi-handlebar.svg');
    mask-image: url('../svg/light/oi-handlebar.svg');
}

.oi-regular.oi-handlebar {
    -webkit-mask-image: url('../svg/regular/oi-handlebar.svg');
    mask-image: url('../svg/regular/oi-handlebar.svg');
}

.oi-light.oi-headlight {
    -webkit-mask-image: url('../svg/light/oi-headlight.svg');
    mask-image: url('../svg/light/oi-headlight.svg');
}

.oi-regular.oi-headlight {
    -webkit-mask-image: url('../svg/regular/oi-headlight.svg');
    mask-image: url('../svg/regular/oi-headlight.svg');
}

.oi-light.oi-helmet {
    -webkit-mask-image: url('../svg/light/oi-helmet.svg');
    mask-image: url('../svg/light/oi-helmet.svg');
}

.oi-regular.oi-helmet {
    -webkit-mask-image: url('../svg/regular/oi-helmet.svg');
    mask-image: url('../svg/regular/oi-helmet.svg');
}

.oi-light.oi-license-plate {
    -webkit-mask-image: url('../svg/light/oi-license-plate.svg');
    mask-image: url('../svg/light/oi-license-plate.svg');
}

.oi-regular.oi-license-plate {
    -webkit-mask-image: url('../svg/regular/oi-license-plate.svg');
    mask-image: url('../svg/regular/oi-license-plate.svg');
}

.oi-light.oi-mirror {
    -webkit-mask-image: url('../svg/light/oi-mirror.svg');
    mask-image: url('../svg/light/oi-mirror.svg');
}

.oi-regular.oi-mirror {
    -webkit-mask-image: url('../svg/regular/oi-mirror.svg');
    mask-image: url('../svg/regular/oi-mirror.svg');
}

.oi-light.oi-oil {
    -webkit-mask-image: url('../svg/light/oi-oil.svg');
    mask-image: url('../svg/light/oi-oil.svg');
}

.oi-regular.oi-oil {
    -webkit-mask-image: url('../svg/regular/oi-oil.svg');
    mask-image: url('../svg/regular/oi-oil.svg');
}

.oi-light.oi-pannier {
    -webkit-mask-image: url('../svg/light/oi-pannier.svg');
    mask-image: url('../svg/light/oi-pannier.svg');
}

.oi-regular.oi-pannier {
    -webkit-mask-image: url('../svg/regular/oi-pannier.svg');
    mask-image: url('../svg/regular/oi-pannier.svg');
}

.oi-light.oi-radiator {
    -webkit-mask-image: url('../svg/light/oi-radiator.svg');
    mask-image: url('../svg/light/oi-radiator.svg');
}

.oi-regular.oi-radiator {
    -webkit-mask-image: url('../svg/regular/oi-radiator.svg');
    mask-image: url('../svg/regular/oi-radiator.svg');
}

.oi-light.oi-seat {
    -webkit-mask-image: url('../svg/light/oi-seat.svg');
    mask-image: url('../svg/light/oi-seat.svg');
}

.oi-regular.oi-seat {
    -webkit-mask-image: url('../svg/regular/oi-seat.svg');
    mask-image: url('../svg/regular/oi-seat.svg');
}

.oi-light.oi-service {
    -webkit-mask-image: url('../svg/light/oi-service.svg');
    mask-image: url('../svg/light/oi-service.svg');
}

.oi-regular.oi-service {
    -webkit-mask-image: url('../svg/regular/oi-service.svg');
    mask-image: url('../svg/regular/oi-service.svg');
}

.oi-light.oi-shock-absorber {
    -webkit-mask-image: url('../svg/light/oi-shock-absorber.svg');
    mask-image: url('../svg/light/oi-shock-absorber.svg');
}

.oi-regular.oi-shock-absorber {
    -webkit-mask-image: url('../svg/regular/oi-shock-absorber.svg');
    mask-image: url('../svg/regular/oi-shock-absorber.svg');
}

.oi-light.oi-spark-plug {
    -webkit-mask-image: url('../svg/light/oi-spark-plug.svg');
    mask-image: url('../svg/light/oi-spark-plug.svg');
}

.oi-regular.oi-spark-plug {
    -webkit-mask-image: url('../svg/regular/oi-spark-plug.svg');
    mask-image: url('../svg/regular/oi-spark-plug.svg');
}

.oi-light.oi-sprocket {
    -webkit-mask-image: url('../svg/light/oi-sprocket.svg');
    mask-image: url('../svg/light/oi-sprocket.svg');
}

.oi-regular.oi-sprocket {
    -webkit-mask-image: url('../svg/regular/oi-sprocket.svg');
    mask-image: url('../svg/regular/oi-sprocket.svg');
}

.oi-light.oi-taillight {
    -webkit-mask-image: url('../svg/light/oi-taillight.svg');
    mask-image: url('../svg/light/oi-taillight.svg');
}

.oi-regular.oi-taillight {
    -webkit-mask-image: url('../svg/regular/oi-taillight.svg');
    mask-image: url('../svg/regular/oi-taillight.svg');
}

.oi-light.oi-tire {
    -webkit-mask-image: url('../svg/light/oi-tire.svg');
    mask-image: url('../svg/light/oi-tire.svg');
}

.oi-regular.oi-tire {
    -webkit-mask-image: url('../svg/regular/oi-tire.svg');
    mask-image: url('../svg/regular/oi-tire.svg');
}

.oi-light.oi-toolkit {
    -webkit-mask-image: url('../svg/light/oi-toolkit.svg');
    mask-image: url('../svg/light/oi-toolkit.svg');
}

.oi-regular.oi-toolkit {
    -webkit-mask-image: url('../svg/regular/oi-toolkit.svg');
    mask-image: url('../svg/regular/oi-toolkit.svg');
}

.oi-light.oi-topbox {
    -webkit-mask-image: url('../svg/light/oi-topbox.svg');
    mask-image: url('../svg/light/oi-topbox.svg');
}

.oi-regular.oi-topbox {
    -webkit-mask-image: url('../svg/regular/oi-topbox.svg');
    mask-image: url('../svg/regular/oi-topbox.svg');
}

.oi-light.oi-turn-signal {
    -webkit-mask-image: url('../svg/light/oi-turn-signal.svg');
    mask-image: url('../svg/light/oi-turn-signal.svg');
}

.oi-regular.oi-turn-signal {
    -webkit-mask-image: url('../svg/regular/oi-turn-signal.svg');
    mask-image: url('../svg/regular/oi-turn-signal.svg');
}

.oi-light.oi-wheel {
    -webkit-mask-image: url('../svg/light/oi-wheel.svg');
    mask-image: url('../svg/light/oi-wheel.svg');
}

.oi-regular.oi-wheel {
    -webkit-mask-image: url('../svg/regular/oi-wheel.svg');
    mask-image: url('../svg/regular/oi-wheel.svg');
}

.oi-light.oi-windscreen {
    -webkit-mask-image: url('../svg/light/oi-windscreen.svg');
    mask-image: url('../svg/light/oi-windscreen.svg');
}

.oi-regular.oi-windscreen {
    -webkit-mask-image: url('../svg/regular/oi-windscreen.svg');
    mask-image: url('../svg/regular/oi-windscreen.svg');
}

/* hjälmar */

.oi-light.oi-helmet-motocross {
    -webkit-mask-image: url('../svg/light/oi-helmet-motocross.svg');
    mask-image: url('../svg/light/oi-helmet-motocross.svg');
}

.oi-regular.oi-helmet-motocross {
    -webkit-mask-image: url('../svg/regular/oi-helmet-motocross.svg');
    mask-image: url('../svg/regular/oi-helmet-motocross.svg');
}

.oi-light.oi-helmet-fullface {
    -webkit-mask-image: url('../svg/light/oi-helmet-fullface.svg');
    mask-image: url('../svg/light/oi-helmet-fullface.svg');
}

.oi-regular.oi-helmet-fullface {
    -webkit-mask-image: url('../svg/regular/oi-helmet-fullface.svg');
    mask-image: url('../svg/regular/oi-helmet-fullface.svg');
}

.oi-light.oi-helmet-modular {
    -webkit-mask-image: url('../svg/light/oi-helmet-modular.svg');
    mask-image: url('../svg/light/oi-helmet-modular.svg');
}

.oi-regular.oi-helmet-modular {
    -webkit-mask-image: url('../svg/regular/oi-helmet-modular.svg');
    mask-image: url('../svg/regular/oi-helmet-modular.svg');
}

.oi-light.oi-helmet-openface {
    -webkit-mask-image: url('../svg/light/oi-helmet-openface.svg');
    mask-image: url('../svg/light/oi-helmet-openface.svg');
}

.oi-regular.oi-helmet-openface {
    -webkit-mask-image: url('../svg/regular/oi-helmet-openface.svg');
    mask-image: url('../svg/regular/oi-helmet-openface.svg');
}