/*Material*/
#g1{
    position:relative;
    background: rgba(0,0,0,0) url(../images/graphic-1142957_1920.jpg) no-repeat -1px -37px;
    transition: background-color 1s;
    background-size: 100%;
}
#g1-grey{
    position:relative;
    background: rgba(0,0,0,0) url(../images/graphic-1142957_1920-grey.jpg) no-repeat -1px -20px;
    transition: background-color 1s;
    background-size: 100%;
}
#g1-grey-hori-orig{
    position:relative;
    background: rgba(0,0,0,0) url(../images/graphic-1142957_1920-grey.jpg) no-repeat -1px -1px;
    transition: background-color 1s;
    background-size: 137%;
}
#g1-grey-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/graphic-1142957_1920-grey.jpg) no-repeat -1px -8px;
    transition: background-color 1s;
    background-size: 150%;
    height: 86px;
}
#g-kit{
    position:relative;
    background: rgba(0,0,0,0) url(../images/gui-2311261_1280.png) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g1-kit{
    position:relative;
    background: rgba(0,0,0,0) url(images/laptop-1512838_1280-orig.png) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g2{
    position:relative;
    /* background: rgba(0,0,0,0) url(images/analysis-3681353_1920-2.jpg) no-repeat -1px -35px; */
    background: rgba(0,0,0,0) url(../images/analysis-3681353_1920-2.jpg) no-repeat -1px -21px;
    transition: background-color 1s;
    background-size: 100%;
}
#g2-grey{
    position:relative;
    /* background: rgba(0,0,0,0) url(images/analysis-3681353_1920-2.jpg) no-repeat -1px -35px; */
    background: rgba(0,0,0,0) url(../images/analysis-3681353_1920-grey.jpg) no-repeat -1px -35px;
    transition: background-color 1s;
    background-size: 100%;
}
#g3{
    position: relative;
    background: rgba(0,0,0,0) url(../images/laptop-1512838_1280-2.png) no-repeat -51px -8px;
    transition: background-color 1s;
    background-size: 209%;
}
#g3-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/laptop-1512838_1280-2.png) no-repeat -51px -8px;
    transition: background-color 1s;
    background-size: 335%;
    height: 85px;
}
#g4{
    position: relative;
    /* background: rgba(0,0,0,0) url(images/accountant-1794122_1280.png) no-repeat -1px -5px; */
    background: rgba(0,0,0,0) url(../images/accountant-1794122_1280.png) no-repeat -205px -170px;
    transition: background-color 1s;
    background-size: 303%;
}
#g4-horiz{
    position: relative;
    /* background: rgba(0,0,0,0) url(images/accountant-1794122_1280.png) no-repeat -1px -5px; */
    background: rgba(0,0,0,0) url(../images/accountant-1794122_1280.png) no-repeat -254px -131px;
    transition: background-color 1s;
    background-size: 575%;
    height: 86px;
}
#g4-horiz2 {
    position: relative;
    /* background: rgba(0,0,0,0) url(images/accountant-1794122_1280.png) no-repeat -1px -5px; */
    background: rgba(0,0,0,0) url(../images/accountant-1794122_1280.png) no-repeat -353px -186px;
    transition: background-color 1s;
    background-size: 709%;
    height: 75px;
}
#g4-grey{
    position:relative;
    /* background: rgba(0,0,0,0) url(images/accountant-1794122_1280.png) no-repeat -1px -5px; */
    background: rgba(0,0,0,0) url(../images/accountant-1794122_1280-grey.jpg) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g5{
    position:relative;
    background: rgba(0,0,0,0) url(../images/traffic-1782527_1280-light.png) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g6{
    position:relative;
    background: rgba(0,0,0,0) url(../images/finance-2837085_1920.png) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g6-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/finance-2837085_1920.png) no-repeat 0px -2px;
    transition: background-color 1s;
    background-size: 150%;
    height: 85px;
}
#g7{
    position: relative;
    background: rgba(0,0,0,0) url(../images/smartphone-1184883_1920.png) no-repeat -24px -24px;
    transition: background-color 1s;
    background-size: 142%;
}
#g7-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/smartphone-1184883_1920.png) no-repeat -24px 0px;
    transition: background-color 1s;
    background-size: 142%;
    height: 85px;
}
#g8{
   position: relative;
    background: rgba(0,0,0,0) url(../images/info-908889_1280.png) no-repeat -20px -14px;
    transition: background-color 1s;
    background-size: 127%;
}
#g8-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/info-908889_1280.png) no-repeat -74px -1px;
    transition: background-color 1s;
    background-size: 225%;
    height: 85px;
}
#g8a {
    position: relative;
    background: rgba(0,0,0,0) url(../images/info-908889_1280.png) no-repeat -1px -93px;
    transition: background-color 1s;
    background-size: 100%;
}
#g8a-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/info-908889_1280.png) no-repeat -21px -71px;
    transition: background-color 1s;
    background-size: 179%;
    height: 84px;
}
#g9{
    position:relative;
    background: rgba(0,0,0,0) url(../images/desk-2037545_1280.jpg) no-repeat -1px -5px;
    transition: background-color 1s;
    background-size: 100%;
}
#g9-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/desk-2037545_1280.jpg) no-repeat -1px -92px;
    transition: background-color 1s;
    background-size: 541%;
    height: 85px;
}
#g10{
    position: relative;
    background: rgba(0,0,0,0) url(../images/laptop-1512838_1280.png) no-repeat -71px -59px;
    transition: background-color 1s;
    background-size: 245%;
}
#g10-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/laptop-1512838_1280.png) no-repeat -74px -9px;
    transition: background-color 1s;
    background-size: 281%;
    height: 85px;
}
#g11-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/list-2389219_1280-grey.png) no-repeat -28px -39px;
    transition: background-color 1s;
    background-size: 181%;
}
#g12-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/list-2828012_1920_2.png) no-repeat -28px -30px;
    transition: background-color 1s;
    background-size: 285%;
    height:75px;
}
#g12-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/list-2828012_1920_2.png) no-repeat -40px -8px;
    transition: background-color 1s;
    background-size: 151%;
}
#g13-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920_blue.png) no-repeat -48px -32px;
    transition: background-color 1s;
    background-size: 202%;
    height:75px;
}
#g13-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920_blue.png) no-repeat -48px -32px;
    transition: background-color 1s;
    background-size: 163%;
}
#g14-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920_line.png) no-repeat -48px -26px;
    transition: background-color 1s;
    background-size: 152%;
    height:75px;
}
#g14-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920_line.png) no-repeat -19px -57px;
    transition: background-color 1s;
    background-size: 113%;
}
#g15-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-lines.png) no-repeat -48px -32px;
    transition: background-color 1s;
    background-size: 188%;
    height:75px;
}
#g15-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-lines.png) no-repeat -15px -49px;
    transition: background-color 1s;
    background-size: 125%;
}
#g16-horiz{
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-polygon.png) no-repeat -48px -32px;
    transition: background-color 1s;
    background-size: 188%;
    height:75px;
}
#g16-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-polygon.png) no-repeat -48px -136px;
    transition: background-color 1s;
    background-size: 188%;
}
#g17-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-donut.png) no-repeat -21px -71px;
    transition: background-color 1s;
    background-size: 245%;
    height:75px;
}
#g17-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistic-1564428_1920-donut.png) no-repeat -13px -71px;
    transition: background-color 1s;
    background-size: 182%;
}
#g18-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/desk-2037545_1280-2.jpg) no-repeat -26px -46px;
    transition: background-color 1s;
    background-size: 211%;
}
#g18-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/desk-2037545_1280-2.jpg) no-repeat -14px -21px;
    transition: background-color 1s;
    background-size: 211%;
    height: 80px;
}
#g19-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/carousel-1684591_1280.png) no-repeat -62px -100px;
    transition: background-color 1s;
    background-size: 287%;
    height: 80px;
}
#g20-horiz1 {
    position: relative;
    background: rgba(0,0,0,0) url(../images/book-2943383_1280.png) no-repeat -467px -50px;
    transition: background-color 1s;
    background-size: 784%;
    height: 75px;
}
#g20-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/book-2943383_1280.png) no-repeat -248px -52px;
    transition: background-color 1s;
    background-size: 784%;
    height: 80px;
}
#g21-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/integration-2031395_1280.png) no-repeat -53px -58px;
    transition: background-color 1s;
    background-size: 248%;
}
#g22-vert {
    position: relative;
    background: rgba(0,0,0,0) url(../images/report-3050965_1920.jpg) no-repeat -53px -58px;
    transition: background-color 1s;
    background-size: 248%;
}
#g22-horiz {
    position: relative;
    background: rgba(0,0,0,0) url(../images/report-3050965_1920.jpg) no-repeat -53px -79px;
    transition: background-color 1s;
    background-size: 414%;
    height: 82px;
}
#g23-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/report-3050965_1920.jpg) no-repeat -57px -96px;
    transition: background-color 1s;
    background-size: 243%;
}
#g24-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/analytics-2158454_1280-2.png) no-repeat -147px -96px;
    transition: background-color 1s;
    background-size: 284%;
}
#g25-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/tv-3553896_1280.png) no-repeat -197px -128px;
    transition: background-color 1s;
    background-size: 284%;
}
#g26-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/carousel-1684591_1280.png) no-repeat -197px -128px;
    transition: background-color 1s;
    background-size: 200%;
}
#g27-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/statistics-3411473_1920.jpg) no-repeat -258px -161px;
    transition: background-color 1s;
    background-size: 259%;
}
#g28-vert{
    position: relative;
    background: rgba(0,0,0,0) url(../images/work-flow-3411342_1920.jpg) no-repeat -258px -161px;
    transition: background-color 1s;
    background-size: 259%;
}