.ic { 
    background-color:#FF7558; 
    width: 27px; 
    height: 27px; 
    display:inline-block;
    -webkit-mask-image: url('../img/icons.png'); 
    -webkit-mask-size: 350px;
    background-size: 350px;
}
.ic.sm{
    -webkit-mask-size: 260px;
    background-size: 260px;
    width: 20px; 
    height: 20px; 
}
.ic.md{
    -webkit-mask-size: 600px;
    background-size: 600px;
    width: 50px; 
    height: 50px; 
}
.ic.lg{
    -webkit-mask-size: 680px;
    background-size: 680px;
    width: 62px; 
    height: 62px; 
}
.ic.light-blue{background-color: #4D91C5 !important;}
.ic.white{background-color: #fff !important;}
:hover > .ic.light-blue{background-color: #FFF !important;}

/* X: 0 10.5 22 33 44.5 55.5 66.5 78 88.5 100 */
/* Y: 0 17   34 50 67    83 100 */
/* Y: 0 20.5 41 60 80.5 100 */
.ic.ic_comments{-webkit-mask-position:22% 67%}
.ic.ic_d-arrow{-webkit-mask-position:0% 0%}
.ic.ic_d-chevron-up{-webkit-mask-position:66.5% 17%}
.ic.ic_d-chevron-down{-webkit-mask-position:55.5% 17%}
.ic.ic_download{-webkit-mask-position:22% 34%}
.ic.ic_ema{-webkit-mask-position:77% 17%}
.ic.ic_email{-webkit-mask-position:44.5% 34%}
.ic.ic_excel{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:22% 100% }
.ic.ic_eye{-webkit-mask-position:0% 34%}
.ic.ic_facebook{-webkit-mask-position:21% 0%}
.ic.ic_hendikep{-webkit-mask-position:88.5% 50%}
.ic.ic_check{-webkit-mask-position:10.5% 67%}
.ic.ic_image{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:55.5% 83% }
.ic.ic_info{-webkit-mask-position:44.5% 17%}
.ic.ic_l-arrow{-webkit-mask-position:10.5% 34%}
.ic.ic_lightbulb{-webkit-mask-position:88.5% 17%}
.ic.ic_like{-webkit-mask-position:33% 34%}
.ic.ic_lock{-webkit-mask-position:55.5% 34%}
.ic.ic_login{-webkit-mask-position:100% 17%}
.ic.ic_materialy{-webkit-mask-position:77% 34%}
.ic.ic_modal{-webkit-mask-position:66.5% 67%}
.ic.ic_mp3{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:44.5% 83% }
.ic.ic_nastaveni{-webkit-mask-position:0% 67%}
.ic.ic_notifikace{-webkit-mask-position:55.5% 67%}
.ic.ic_other{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:55.5% 100%}
.ic.ic_pdf{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:0% 83% }
.ic.ic_powerpoint{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:10.5% 83% }
.ic.ic_profile{-webkit-mask-position:0% 17%}
.ic.ic_question{-webkit-mask-position:66.5% 34%}
.ic.ic_r-arrow{-webkit-mask-position:88.5% 34%}
.ic.ic_repost{-webkit-mask-position:0% 50%}
.ic.ic_reset{-webkit-mask-position:55.5% 50%}
.ic.ic_ribbon{-webkit-mask-position:66.5% 50%}
.ic.ic_search{-webkit-mask-position:77% 50%}
.ic.ic_send{-webkit-mask-position:44.5% 67%}
.ic.ic_share{-webkit-mask-position:10.5% 50%}
.ic.ic_star-empty{-webkit-mask-position:22% 50%}
.ic.ic_star-full{-webkit-mask-position:33% 50%}
.ic.ic_star-half{-webkit-mask-position:44.5% 50%}
.ic.ic_time{-webkit-mask-position:100% 50%}
.ic.ic_twitter{-webkit-mask-position:33% 0%}
.ic.ic_u-arrow{-webkit-mask-position:0% 0%}
.ic.ic_video{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:66.5% 83% }
.ic.ic_webinare{-webkit-mask-position:10.5% 0%}
.ic.ic_word{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:88.5% 83% }
.ic.ic_wrong{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:88.5% 67% }
.ic.ic_zip{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:100% 83% }
.ic.ic_add{-webkit-mask-position:77% 67%}
.ic.ic_alert{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:100% 67% }
.ic.ic_archiv{-webkit-mask-position:44.5% 0%}
.ic.ic_articl{-webkit-mask-position:55.5% 0%}
.ic.ic_copyright{-webkit-mask-position:66.5% 0%}
.ic.ic_book{-webkit-mask-position:88.5% 0%}
.ic.ic_calendar{-webkit-mask-position:100% 0%}
.ic.ic_clanek{-webkit-mask-image:none; background-image: url('../img/icons.png'); background-color:transparent; background-position:33% 83% }
.ic.ic_clipboard{-webkit-mask-position:10.5% 17%}
.ic.ic_close{-webkit-mask-position:22% 17%}
.ic.ic_collection{-webkit-mask-position:33% 17%}
.ic.ic_full-hearth{-webkit-mask-position:77% 0%}
.ic.ic_chevron-right{-webkit-mask-position:0% 100%}