:root {
    --icon-color: #ffffff;
    --icon-hover-color: #08345F;
}

.sport-icon{
/*	background-color: var(--theme-color);*/
	margin: 0 auto;
    width: 130px;
    height: 130px;
    text-align: center;
    display: block;
    transition: all ease .4s;
}
.sport-icon:hover{
/*	background-color: var(--icon-hover-color);*/
}




.sport-icon.menu-olympiad-icon{
    -webkit-mask-image: url("../img/pictogram/menu-olympiad.svg");
    mask-image: url("../img/pictogram/menu-olympiad.svg");
}

.sport-icon.menu-news-icon{
    -webkit-mask-image: url("../img/pictogram/menu-news.svg");
    mask-image: url("../img/pictogram/menu-news.svg");
}

.sport-icon.menu-athletes-icon{
    -webkit-mask-image: url("../img/pictogram/menu-athletes.svg");
    mask-image: url("../img/pictogram/menu-athletes.svg");
}

.sport-icon.menu-sports-icon{
    -webkit-mask-image: url("../img/pictogram/menu-sports.svg");
    mask-image: url("../img/pictogram/menu-sports.svg");
}

.sport-icon.menu-venues-icon{
    -webkit-mask-image: url("../img/pictogram/menu-venues.svg");
    mask-image: url("../img/pictogram/menu-venues.svg");
}

.sport-icon.menu-medal-icon{
    -webkit-mask-image: url("../img/pictogram/menu-medal.svg");
    mask-image: url("../img/pictogram/menu-medal.svg");
}

.sport-icon.menu-result-icon{
    -webkit-mask-image: url("../img/pictogram/menu-result.svg");
    mask-image: url("../img/pictogram/menu-result.svg");
}

.sport-icon.menu-calendar-icon{
    -webkit-mask-image: url("../img/pictogram/menu-calendar.svg");
    mask-image: url("../img/pictogram/menu-calendar.svg");
}



.sport-icon.empty-icon{
    -webkit-mask-image: url("../img/pictogram/empty.svg");
    mask-image: url("../img/pictogram/empty.svg");
}



.sport-icon.archery-icon{
    -webkit-mask-image: url("../img/pictogram/archery.svg");
    mask-image: url("../img/pictogram/archery.svg");
}

.sport-icon.athleticism-icon{
    -webkit-mask-image: url("../img/pictogram/athleticism.svg");
    mask-image: url("../img/pictogram/athleticism.svg");
}

.sport-icon.artistic-gymnastic-icon{
    -webkit-mask-image: url("../img/pictogram/artistic-gymnastic.svg");
    mask-image: url("../img/pictogram/artistic-gymnastic.svg");
}

.sport-icon.badminton-icon{
    -webkit-mask-image: url("../img/pictogram/badminton.svg");
    mask-image: url("../img/pictogram/badminton.svg");
}

.sport-icon.baseball-icon{
    -webkit-mask-image: url("../img/pictogram/baseball.svg");
    mask-image: url("../img/pictogram/baseball.svg");
}

.sport-icon.basketball-icon{
    -webkit-mask-image: url("../img/pictogram/basketball.svg");
    mask-image: url("../img/pictogram/basketball.svg");
}

.sport-icon.boxing-icon{
    -webkit-mask-image: url("../img/pictogram/boxing.svg");
    mask-image: url("../img/pictogram/boxing.svg");
}

.sport-icon.canoe-icon{
    -webkit-mask-image: url("../img/pictogram/canoe.svg");
    mask-image: url("../img/pictogram/canoe.svg");
}

.sport-icon.climbing-icon{
    -webkit-mask-image: url("../img/pictogram/climbing.svg");
    mask-image: url("../img/pictogram/climbing.svg");
}

.sport-icon.curling-icon{
    -webkit-mask-image: url("../img/pictogram/curling.svg");
    mask-image: url("../img/pictogram/curling.svg");
}

.sport-icon.cycling-icon{
    -webkit-mask-image: url("../img/pictogram/cycling.svg");
    mask-image: url("../img/pictogram/cycling.svg");
}

.sport-icon.fencing-icon{
    -webkit-mask-image: url("../img/pictogram/fencing.svg");
    mask-image: url("../img/pictogram/fencing.svg");
}

.sport-icon.football-icon{
    -webkit-mask-image: url("../img/pictogram/football.svg");
    mask-image: url("../img/pictogram/football.svg");
}

.sport-icon.golf-icon{
    -webkit-mask-image: url("../img/pictogram/golf.svg");
    mask-image: url("../img/pictogram/golf.svg");
}

.sport-icon.halter-icon{
    -webkit-mask-image: url("../img/pictogram/halter.svg");
    mask-image: url("../img/pictogram/halter.svg");
}

.sport-icon.handball-icon{
    -webkit-mask-image: url("../img/pictogram/handball.svg");
    mask-image: url("../img/pictogram/handball.svg");
}

.sport-icon.hockey-icon{
    -webkit-mask-image: url("../img/pictogram/hockey.svg");
    mask-image: url("../img/pictogram/hockey.svg");
}

.sport-icon.ice-hockey-icon{
    -webkit-mask-image: url("../img/pictogram/ice-hockey.svg");
    mask-image: url("../img/pictogram/ice-hockey.svg");
}

.sport-icon.ice-skating-icon{
    -webkit-mask-image: url("../img/pictogram/ice-skating.svg");
    mask-image: url("../img/pictogram/ice-skating.svg");
}

.sport-icon.karate-icon{
    -webkit-mask-image: url("../img/pictogram/karate.svg");
    mask-image: url("../img/pictogram/karate.svg");
}

.sport-icon.modern-pentathlon-icon{
    -webkit-mask-image: url("../img/pictogram/modern-pentathlon.svg");
    mask-image: url("../img/pictogram/modern-pentathlon.svg");
}

.sport-icon.ping-pong-icon{
    -webkit-mask-image: url("../img/pictogram/ping-pong.svg");
    mask-image: url("../img/pictogram/ping-pong.svg");
}

.sport-icon.riding-icon{
    -webkit-mask-image: url("../img/pictogram/riding.svg");
    mask-image: url("../img/pictogram/riding.svg");
}

.sport-icon.sailing-icon{
    -webkit-mask-image: url("../img/pictogram/sailing.svg");
    mask-image: url("../img/pictogram/sailing.svg");
}

.sport-icon.shooting-icon{
    -webkit-mask-image: url("../img/pictogram/shooting.svg");
    mask-image: url("../img/pictogram/shooting.svg");
}

.sport-icon.skateboard-icon{
    -webkit-mask-image: url("../img/pictogram/skateboard.svg");
    mask-image: url("../img/pictogram/skateboard.svg");
}

.sport-icon.surfing-icon{
    -webkit-mask-image: url("../img/pictogram/surfing.svg");
    mask-image: url("../img/pictogram/surfing.svg");
}

.sport-icon.swimming-icon{
    -webkit-mask-image: url("../img/pictogram/swimming.svg");
    mask-image: url("../img/pictogram/swimming.svg");
}

.sport-icon.tennis-icon{
    -webkit-mask-image: url("../img/pictogram/tennis.svg");
    mask-image: url("../img/pictogram/tennis.svg");
}

.sport-icon.triathlon-icon{
    -webkit-mask-image: url("../img/pictogram/triathlon.svg");
    mask-image: url("../img/pictogram/triathlon.svg");
}

.sport-icon.volleyball-icon{
    -webkit-mask-image: url("../img/pictogram/volleyball.svg");
    mask-image: url("../img/pictogram/volleyball.svg");
}

.sport-icon.water-polo-icon{
    -webkit-mask-image: url("../img/pictogram/water-polo.svg");
    mask-image: url("../img/pictogram/water-polo.svg");
}

.sport-icon.wrestling-icon{
    -webkit-mask-image: url("../img/pictogram/wrestling.svg");
    mask-image: url("../img/pictogram/wrestling.svg");
}