/* 
    Document   : custom_style
    Created on : 25 Jul, 2017, 11:58:44 PM
    Author     : akshay
    Description:
        Purpose of the stylesheet follows.
*/

.tagline {
    color: white; 
}

.img_as_icons {
    width:50px;
    height:50px;
    margin-bottom:15px;
    margin-top:15px;
}

/*#braces:hover {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    -webkit-transition: -webkit-transform 0.3s ease-in;
    background: url(images/icons/braces-orange.png) left top no-repeat;
}*/

.spa-grid:hover #braces {
    /*background: url(../images/icons/braces_orange.png) left top no-repeat;*/
    content:url("../images/icons/braces_orange.png");
}

.spa-grid:hover #clean_tooth {
    /*background: url(../images/icons/braces_orange.png) left top no-repeat;*/
    content:url("../images/icons/clean_tooth_orange.png");
}

.spa-grid:hover #tooth_filling {
    /*background: url(../images/icons/braces_orange.png) left top no-repeat;*/
    content:url("../images/icons/tooth_filling_orange.png");
}

.spa-grid:hover #tooth_consultation{
    /*background: url(../images/icons/braces_orange.png) left top no-repeat;*/
    content:url("../images/icons/tooth_consultation_orange.png");
}

.spa-grid:hover > img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}