.service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective:1000px;
        }
        .service-icon{
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
        }

        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #FFFFFF;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
        }
        .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .service-box .service-icon .front-content i {
            font-size: 30px;
            color: #13bdca;
            font-weight: normal;
			margin-bottom: 5px;
        }

        .service-box .service-icon .front-content h3 {
            font-family: 'Raleway', sans-serif;
			font-size: 14px;
            color: #094964;
			font-weight: bold;
            text-align: center;
            margin-bottom: 15px;
            text-transform: uppercase;
        }
        .service-box .service-content h3 {
            font-family: 'Raleway', sans-serif;
			font-size: 14px;
            font-weight: 700;
            color: #10b49f;
            margin-bottom:7px;
            text-transform: uppercase;
        }
		 .service-box .service-content h2 {
            font-family: 'Karla', sans-serif;
			font-size: 16px;
			font-weight: bold;
			font-style: italic;
			color: #094964;
			text-align: center;
            margin-bottom:10px;
         }
        .service-box .service-content p {
            font-family: 'Karla', sans-serif;
			font-size: 14px;
            color: #8494A0;
            margin:0;
        }
        .yellow{background-color: rgba(250,250,250, 0.90);}
        .orange{background-color: rgba(250,250,250, 0.90);}
        .red{background-color: rgba(250,250,250, 0.90);}
        .grey{background-color: rgba(250,250,250, 0.90);}
        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
        .service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }