﻿/* animation contribution */

    .no-ie .home-contributing-people {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -o-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;

        -ms-transform: perspective(1000px);
	    -moz-transform: perspective(1000px);
	    transform: perspective(1000px);

        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .no-ie .flip {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
	    transform: rotateY(180deg);
    }

    .no-ie .flip-not {
        -webkit-transform: rotateY(0) !important;
        -moz-transform: rotateY(0) !important;
        -o-transform: rotateY(0) !important;
        -ms-transform: rotateY(0) !important;
	    transform: rotateY(0) !important;
    
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }


    /* IE start */


    .no-ie .flip .new-items {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }


    .no-ie .flip .old-items {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    /* IE End */


    .no-ie .home-contributing-people .myClass-0 , 
    .no-ie .home-contributing-people .myClass-1 ,
    .no-ie .home-contributing-people .myClass-2 ,
    .no-ie .home-contributing-people .myClass-3 {
	    -webkit-transition: 0.9s;
        -ms-transition: 0.9s;
        -moz-transition: 0.9s;
        -o-transition: 0.9s;
        transition: 0.9s;

	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
	    -o-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	    transform-style: preserve-3d;

	    position: relative;
    }

    .no-ie .home-contributing-people .old-items {
	    -webkit-transform: rotateY(0deg);
	    -ms-transform: rotateY(0deg);
	    z-index: 2;
    }

    .no-ie .home-contributing-people .old-items , .home-contributing-people .new-items {
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
	    backface-visibility: hidden;

        -moz-transition: 0.9s;
        -webkit-transition: 0.9s;
        -ms-transition: 0.9s;
        -o-transition: 0.9s;
        transition: 0.9s;

	    -webkit-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;

        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);

        position: absolute;

    }

    .no-ie .home-contributing-people .new-items {
	    -webkit-transform: rotateY(180deg);
	    -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
	    transform: rotateY(180deg);
    }

    /* end animation contribution */
