/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 Jan, 2016, 1:05:23 PM
    Author     : administrator
*/

.technology{
    background:whitesmoke; 
}

.technology ul{
    text-align: center;
}

.technology ul li {
    display: inline-block;
    padding: 2em 0;
    margin: 0 2em;
    max-width: 152px;
    height: 100%;
    position: relative;
}

.technology ul li a {
    display: block;
}

.technology ul li a img, .technology ul li a .svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    vertical-align: middle;
    opacity: 0.3;
    max-width: 100%;
    width: 100%;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.technology ul li a:hover img, .technology ul li a:hover .svg {
    opacity: 10;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}