/******* FORM ******/

                .contact-phone {
                    margin: 10px 0;
                }
                .contact-item {
                    border: 4px #86C150 double;
                }
                .contact-form input {
                    height: 45px;
                    background: rgba(128, 128, 128, 0.05);
                }
                .contact-form textarea {
                    background: rgba(128, 128, 128, 0.05);
                }
                .contact-form input:hover {
                    background: rgba(128, 128, 128, 0);
                    border: 4px #86C150 solid;
                }
                .contact-form textarea:hover {
                    background: rgba(128, 128, 128, 0);
                    border: 4px #86C150 solid;
                }

                .contact-form {
                    border: 4px #86C150 double;
                    padding: 8%;
                    background: #86c150;
                    box-shadow: 0 11px 15px -7px rgba(68, 154, 22, 0.22),0 24px 38px 3px rgba(68, 154, 22, 0.15),0 9px 46px 8px rgba(68, 154, 22, 0.22);
                }
                .contact-button {
                    margin-top: 10px;
                    width: 100%;
                }
                @media (max-width: 700px){ .form-inner-box { transform: rotateZ(2deg) rotateY(0deg) rotateX(0deg);} }
@media (min-width: 700px){ .form-inner-box { transform: rotateZ(2deg) rotateY(19deg) rotateX(-7deg);} }
                .form-inner-box {
                    border: 4px #86C150 double;
                    padding: 10px;
                    border-radius: 33px;
                    background: white;
                    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
                    
                    -webkit-transform-style: preserve-3d;

                    -webkit-transition: 2s;
                    transition: 2s; /* vendorless fallback */
                    -o-transition: 2s; /* opera */
                    -ms-transition: 2s; /* IE 10 */
                    -moz-transition: 2s; /* Firefox */

                }
                .form-inner-box:hover {
                    -webkit-transform: perspective(500);
                    -webkit-transition: 2s;
                    transition: 2s; /* vendorless fallback */
                    -o-transition: 2s; /* opera */
                    -ms-transition: 2s; /* IE 10 */
                    -moz-transition: 2s; /* Firefox */

                    transform: rotateZ(0deg) rotateY(10deg) rotateX(-2deg);
                }


/****** LOGO ***/


            @-webkit-keyframes logoAnimation {
                0% {
                    transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                    -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                }
                50% {
                    transform:         rotateX(0deg)  rotateZ(0deg) rotateY(20deg) translateY(0em) translateZ(0em);
                    -webkit-transform: rotateX(0deg)  rotateZ(0deg) rotateY(20deg) translateY(0em) translateZ(0em);
                }
                80% {
                    transform:          rotateX(20deg) rotateZ(0deg) rotateY(-20deg) rotateZ(10deg) translateY(0em) translateZ(0em);
                    -webkit-transform:  rotateX(20deg) rotateZ(0deg) rotateY(-20deg) rotateZ(10deg) translateY(0em) translateZ(0em);
                }
                100% {
                    transform:          rotateX(-20deg) translateY(0em) translateZ(0em);
                    -webkit-transform:  rotateX(-20deg) translateY(0em) translateZ(0em);
                }
            }

            @keyframes  logoAnimation {
                0% {
                    transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                    -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                }
                50% {
                    transform:         rotateX(0deg)  rotateZ(0deg) rotateY(20deg) translateY(0em) translateZ(0em);
                    -webkit-transform: rotateX(0deg)  rotateZ(0deg) rotateY(20deg) translateY(0em) translateZ(0em);
                }
                80% {
                    transform:          rotateX(20deg) rotateZ(0deg) rotateY(-20deg) rotateZ(10deg) translateY(0em) translateZ(0em);
                    -webkit-transform:  rotateX(20deg) rotateZ(0deg) rotateY(-20deg) rotateZ(10deg) translateY(0em) translateZ(0em);
                }
                100% {
                    transform:          rotateX(-20deg) translateY(0em) translateZ(0em);
                    -webkit-transform:  rotateX(-20deg) translateY(0em) translateZ(0em);
                }
            }

            .website-main-logo {
            }

            .website-main-logo {
                -webkit-transform: perspective(500);
                -webkit-transform-style: preserve-3d;
                -webkit-transition: 5s;
                -webkit-animation: logoAnimation 5000ms infinite;
                animation: logoAnimation 5000ms infinite;
            }

/***** SERVICES ****/
                .service-item {
                    -webkit-transform: perspective(500);
                    -webkit-transform-style: preserve-3d;
                    -webkit-transition: .3s;
                    height: 200px;
                }

                .service-item:hover {
                    -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.6);
                    transition: 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.6);
                    -webkit-transform: scale(1.2) rotateZ(0deg) rotateY(-15deg) rotateX(-10deg);
                    transform: scale(1.2) rotateZ(0deg) rotateY(-15deg) rotateX(-10deg);
                    z-index: 100;
                }

                .gallery_area:hover .service-item:not(:hover) img {
                    opacity: 0.3;
                    -webkit-filter: grayscale(100%) sepia(100%) hue-rotate(90deg); /*grayscale(100%);*/
                    filter: grayscale(100%) sepia(100%) hue-rotate(90deg); /*grayscale(100%);*/
                    /*filter: grayscale(100%);*/
                    -webkit-transition: all 0.7s ease-out;
                    transition: all 0.7s ease-out;
                }

                .service-item:hover {
                    z-index: 9999999999 !important;
                }

/**** TESTIMONIALS ***/
                .testimonial_client_area {
                    background: url(/images/svg/background2.svg) no-repeat center center fixed;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;
                }
                .testimonial_client_area.home2:after {
                    background-color: rgba(0, 0, 0, 0.35);
                }

/**** FAQ ****/
                @-webkit-keyframes faQanimation {
                    0% {
                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                    }
                    50% {
                        transform:         rotateX(10deg)  rotateZ(0deg) rotateY(10deg) translateY(-1em) translateZ(0em);
                        -webkit-transform: rotateX(10deg)  rotateZ(0deg) rotateY(10deg) translateY(-1em) translateZ(0em);
                    }
                    80% {
                        transform:          rotateX(-10deg) rotateZ(0deg) rotateY(-10deg) translateY(1em) translateZ(0em);
                        -webkit-transform:  rotateX(-10deg) rotateZ(0deg) rotateY(-10deg) translateY(1em) translateZ(0em);
                    }
                    100% {
                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                    }
                }

                @keyframes  faQanimation {
                    0% {
                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                    }
                    50% {
                        transform:         rotateX(10deg)  rotateZ(0deg) rotateY(10deg) translateY(-1em) translateZ(0em);
                        -webkit-transform: rotateX(10deg)  rotateZ(0deg) rotateY(10deg) translateY(-1em) translateZ(0em);
                    }
                    80% {
                        transform:          rotateX(-10deg) rotateZ(0deg) rotateY(-10deg) translateY(1em) translateZ(0em);
                        -webkit-transform:  rotateX(-10deg) rotateZ(0deg) rotateY(-10deg) translateY(1em) translateZ(0em);
                    }
                    100% {
                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                    }
                }

                .faq-image {
                    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
                }

                .faq-image {
                    -webkit-transform: perspective(500);
                    -webkit-transform-style: preserve-3d;
                    -webkit-transition: 5s;
                    -webkit-animation: faQanimation 5000ms infinite;
                    animation: faQanimation 5000ms infinite;
                }






/****** SPECIAL ANIMATIONS ******/

                        /*##################################*/
                        /*################# PIGGIE #########*/
                        /*##################################*/
                                    /*** PIGGIE OBJ ***/
                                                @-webkit-keyframes piggieAnimation {
                                                    0% {
                                                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                    50% {
                                                        transform:         rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                        -webkit-transform: rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                    }
                                                    80% {
                                                        transform:          rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        -webkit-transform:  rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                    }
                                                    100% {
                                                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                }

                                                @keyframes  piggieAnimation {
                                                    0% {
                                                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                    50% {
                                                        transform:         rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                        -webkit-transform: rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                    }
                                                    80% {
                                                        transform:          rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        -webkit-transform:  rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                    }
                                                    100% {
                                                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                }
                                                /***********************/
                                                /********** HOVER ******/
                                                /***********************/
                                                        @-webkit-keyframes piggieAnimationHover {
                                                            0% {
                                                                transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                z-index: 9999999;
                                                            }
                                                            50% {
                                                                transform:         scale(1.6) rotateX(0deg)  rotateZ(-10deg) rotateY(0deg);
                                                                -webkit-transform: scale(1.6) rotateX(0deg)  rotateZ(-10deg) rotateY(0deg);
                                                                z-index: 9999999;
                                                            }
                                                            80% {
                                                                transform:         scale(1.6) rotateX(0deg) rotateZ(10deg) rotateY(0deg);
                                                                -webkit-transform: scale(1.6) rotateX(0deg) rotateZ(10deg) rotateY(0deg);
                                                                z-index: 9999999;
                                                            }
                                                            100% {
                                                                transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                z-index: 9999999;
                                                            }
                                                        }

                                                        @keyframes  piggieAnimationHover {
                                                            0% {
                                                                transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                z-index: 9999999;
                                                            }
                                                            50% {
                                                                transform:         scale(1.6) rotateX(0deg)  rotateZ(-10deg) rotateY(0deg);
                                                                -webkit-transform: scale(1.6) rotateX(0deg)  rotateZ(-10deg) rotateY(0deg);
                                                                z-index: 9999999;
                                                                background: url('/images/special/overlayers/piggie-hover.png') no-repeat;
                                                            }
                                                            80% {
                                                                transform:         scale(1.6) rotateX(0deg) rotateZ(10deg) rotateY(0deg);
                                                                -webkit-transform: scale(1.6) rotateX(0deg) rotateZ(10deg) rotateY(0deg);
                                                                z-index: 9999999;
                                                            }
                                                            100% {
                                                                transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                                z-index: 9999999;
                                                            }
                                                        }
                                    /**** COIN ****/
                                                @-webkit-keyframes coinAnimation {
                                                    0% {
                                                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                                        opacity: 1;
                                                    }
                                                    50% {
                                                        transform:          translateY(4em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                        -webkit-transform:  translateY(4em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                    }
                                                    80% {
                                                        transform:          rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        -webkit-transform:  rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        opacity: 0;
                                                    }
                                                    100% {
                                                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                }

                                                @keyframes  coinAnimation {
                                                    0% {
                                                        transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                                        opacity: 1;
                                                    }
                                                    50% {
                                                        transform:          translateY(4em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                        -webkit-transform:  translateY(4em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                    }
                                                    80% {
                                                        transform:          rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        -webkit-transform:  rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                        opacity: 0;
                                                    }
                                                    100% {
                                                        transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                                                        -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                                                    }
                                                }
                                                /**** HOVER ***/
                                                        @-webkit-keyframes coin2AnimationHover {

                                                        }

                                                        @keyframes  coin2AnimationHover {
                                                            0% {
                                                                transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                                                opacity: 1;
                                                            }
                                                            50% {
                                                                transform:          translateY(0.3em) translateX(-2.5em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                                -webkit-transform:  translateY(0.3em) translateX(-2.5em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                                opacity: 1;
                                                            }
                                                            70% {
                                                                transform:          translateY(2em) translateX(-2.5em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                                -webkit-transform:  translateY(2em) translateX(-2.5em) rotateX(0deg)  rotateZ(290deg) rotateY(0deg);
                                                                opacity: 0.3;
                                                            }
                                                            80% {
                                                                transform:          rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                                -webkit-transform:  rotateX(0deg) rotateZ(-30deg) rotateY(0deg);
                                                                opacity: 0;
                                                            }
                                                            100% {
                                                                transform:          rotateX(0deg) translateY(0em) translateZ(0em);
                                                                -webkit-transform:  rotateX(0deg) translateY(0em) translateZ(0em);
                                                                opacity: 0;
                                                            }
                                                        }

                        /*##################################*/
                        /*################# DISCOUNT #######*/
                        /*##################################*/
                                    @-webkit-keyframes discountAnimation {
                                        0% {
                                            transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                            -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                        }
                                        20% {
                                            transform:         rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                            -webkit-transform: rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                        }
                                        60% {
                                            transform:         rotateX(0deg)  rotateZ(360deg) rotateY(0deg);
                                            -webkit-transform: rotateX(0deg)  rotateZ(360deg) rotateY(0deg);
                                            background: url('/images/special/overlayers/20off.png');
                                        }
                                        100% {
                                            transform:          rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                            -webkit-transform:  rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                        }
                                    }

                                    @keyframes  discountAnimation {
                                        0% {
                                            transform:         rotateX(0deg) translateY(0em) translateZ(0em);
                                            -webkit-transform: rotateX(0deg) translateY(0em) translateZ(0em);
                                        }
                                        20% {
                                            transform:         rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                            -webkit-transform: rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                        }
                                        60% {
                                            transform:         rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                            -webkit-transform: rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                            background: url('/images/special/overlayers/20off.png') no-repeat;
                                        }
                                        100% {
                                            transform:          rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                            -webkit-transform:  rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                        }
                                    }
                                    /******************/
                                    /****** HOVER *****/discountAnimationHover
                                    /******************/
                                            @-webkit-keyframes discountAnimationHover {
                                                0% {
                                                    transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                    background: url('/images/special/overlayers/discount-hover-2.png') no-repeat;
                                                }
                                                20% {
                                                    transform:         scale(1.2) rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                                }
                                                60% {
                                                    transform:         scale(1.2) rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                                    -webkit-transform: scale(1.2) rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                                    background: url('/images/special/overlayers/discount-hover.png') no-repeat;
                                                }
                                                100% {
                                                    transform:          scale(1) rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform:  scale(1) rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                                }
                                            }

                                            @keyframes  discountAnimationHover {
                                                0% {
                                                    transform:         scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform: scale(1) rotateX(0deg) translateY(0em) translateZ(0em);
                                                    background: url('/images/special/overlayers/discount-hover-2.png') no-repeat;
                                                }
                                                20% {
                                                    transform:         scale(1.2) rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) rotateX(0deg)  rotateZ(180deg) rotateY(0deg);
                                                }
                                                60% {
                                                    transform:         scale(1.2) rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                                    -webkit-transform: scale(1.2) rotateX(0deg)  rotateZ(360deg) rotateY(0deg) scale(1.08) translateX(-1em);
                                                    background: url('/images/special/overlayers/20off.png') no-repeat;
                                                }
                                                100% {
                                                    transform:          scale(1) rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform:  scale(1) rotateX(0deg) rotateZ(360deg) translateY(0em) translateZ(0em);
                                                }
                                            }

                        /*##################################*/
                        /*################# CERTIFICATE #######*/
                        /*##################################*/

                                    /********************/
                                    /******* STAMP ******/
                                    /********************/
                                            @-webkit-keyframes stampAnimation {
                                                0% {
                                                    transform:         scale(0.6) translateX(4em) translateY(0em) translateZ(0em);
                                                    -webkit-transform: scale(0.6) translateX(4em) translateY(0em) translateZ(0em);
                                                    opacity: 0;
                                                }
                                                20% {
                                                    transform:         scale(1) translateX(0em)     rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                40% {
                                                    transform:         scale(1.2) translateX(0em)     rotateZ(20deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) translateX(0em) rotateZ(20deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                45% {
                                                    transform:         scale(1) translateX(0em)     rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                60% {
                                                    transform:         scale(1.2) translateX(0em)     rotateZ(-20deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) translateX(0em) rotateZ(-20deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                80% {
                                                    transform:         scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                100% {
                                                    transform:          scale(0.6) translateX(4em) rotateZ(0deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform:  scale(0.6) translateX(4em) rotateZ(0deg) translateY(0em) translateZ(0em);
                                                    opacity: 0;
                                                }
                                            }

                                            @keyframes  stampAnimation {
                                                0% {
                                                    transform:         scale(0.6) translateX(4em) translateY(0em) translateZ(0em);
                                                    -webkit-transform: scale(0.6) translateX(4em) translateY(0em) translateZ(0em);
                                                    opacity: 0;
                                                }
                                                20% {
                                                    transform:         scale(1) translateX(0em)     rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                40% {
                                                    transform:         scale(1.2) translateX(0em)     rotateZ(20deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) translateX(0em) rotateZ(20deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                45% {
                                                    transform:         scale(1) translateX(0em)     rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                60% {
                                                    transform:         scale(1.2) translateX(0em)     rotateZ(-20deg) rotateY(0deg);
                                                    -webkit-transform: scale(1.2) translateX(0em) rotateZ(-20deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                80% {
                                                    transform:         scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    -webkit-transform: scale(1) translateX(0em) rotateZ(0deg) rotateY(0deg);
                                                    opacity: 1;
                                                }
                                                100% {
                                                    transform:          scale(0.6) translateX(4em) rotateZ(0deg) translateY(0em) translateZ(0em);
                                                    -webkit-transform:  scale(0.6) translateX(4em) rotateZ(0deg) translateY(0em) translateZ(0em);
                                                    opacity: 0;
                                                }
                                            }
                                    /********************/
                                    /******* PRIZE ******/
                                    /********************/
                                            @-webkit-keyframes prizeAnimation {
                                                0% {
                                                    transform:         scale(0) translateY(20em) translateX(-10em);
                                                    -webkit-transform: scale(0) translateY(20em) translateX(-10em);
                                                    opacity: 0;
                                                }
                                                10% {
                                                    opacity: 0.2;
                                                }
                                                /** HOLD **/
                                                20% {
                                                    transform:         scale(1.1) translateY(0em) translateX(0em);
                                                    -webkit-transform: scale(1.1) translateY(0em) translateX(0em);
                                                    opacity: 1;
                                                }
                                                50% {
                                                    transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                    -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                    opacity: 1;
                                                }
                                                80% {
                                                    transform:         scale(1.1) translateY(0em) translateX(0em) rotateZ(-20deg);
                                                    -webkit-transform: scale(1.1) translateY(0em) translateX(0em) rotateZ(-20deg);
                                                    opacity: 1;
                                                }

                                                /** DISSAPEAR **/
                                                85% {
                                                    opacity: 0.2;
                                                }
                                                100% {
                                                    transform:         scale(0) translateY(20em) translateX(-10em) rotateZ(0deg);
                                                    -webkit-transform: scale(0) translateY(20em) translateX(-10em) rotateZ(0deg);
                                                    opacity: 0;
                                                }
                                            }

                                            @keyframes  prizeAnimation {
                                                0% {
                                                    transform:         scale(0) translateY(20em) translateX(-10em);
                                                    -webkit-transform: scale(0) translateY(20em) translateX(-10em);
                                                    opacity: 0;
                                                }
                                                10% {
                                                    opacity: 0.2;
                                                }
                                                /** HOLD **/
                                                20% {
                                                    transform:         scale(1.1) translateY(0em) translateX(0em);
                                                    -webkit-transform: scale(1.1) translateY(0em) translateX(0em);
                                                    opacity: 1;
                                                }
                                                50% {
                                                    transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                    -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                    opacity: 1;
                                                }
                                                80% {
                                                    transform:         scale(1.1) translateY(0em) translateX(0em) rotateZ(-20deg);
                                                    -webkit-transform: scale(1.1) translateY(0em) translateX(0em) rotateZ(-20deg);
                                                    opacity: 1;
                                                }

                                                /** DISSAPEAR **/
                                                85% {
                                                    opacity: 0.2;
                                                }
                                                100% {
                                                    transform:         scale(0) translateY(20em) translateX(-10em) rotateZ(0deg);
                                                    -webkit-transform: scale(0) translateY(20em) translateX(-10em) rotateZ(0deg);
                                                    opacity: 0;
                                                }
                                            }
                                            /******************************/
                                            /******* CERTIFICATE OBJ ******/
                                            /******************************/
                                                    @-webkit-keyframes certificateAnimation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        /** HOLD **/
                                                        20% {
                                                            transform:         scale(1.05) translateY(0em) translateX(0.5em);
                                                            -webkit-transform: scale(1.05) translateY(0em) translateX(0.5em);
                                                        }
                                                        50% {
                                                            transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                            -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                        }
                                                        80% {
                                                            transform:         scale(1.05) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                            -webkit-transform: scale(1.05) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                        }

                                                        /** DISSAPEAR **/
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                        }
                                                    }

                                                    @keyframes certificateAnimation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        /** HOLD **/
                                                        20% {
                                                            transform:         scale(1.05) translateY(0em) translateX(0.5em);
                                                            -webkit-transform: scale(1.05) translateY(0em) translateX(0.5em);
                                                        }
                                                        50% {
                                                            transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                            -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                        }
                                                        80% {
                                                            transform:         scale(1.05) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                            -webkit-transform: scale(1.05) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                        }

                                                        /** DISSAPEAR **/
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                        }
                                                    }

                                            /***** HOVER ****/
                                                    @-webkit-keyframes certificateAnimationHover {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        /** HOLD **/
                                                        20% {
                                                            transform:         scale(1.35) translateY(0em) translateX(0.5em);
                                                            -webkit-transform: scale(1.35) translateY(0em) translateX(0.5em);
                                                        }
                                                        50% {
                                                            transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                            -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                        }
                                                        80% {
                                                            transform:         scale(1.35) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                            -webkit-transform: scale(1.35) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                        }

                                                        /** DISSAPEAR **/
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                        }
                                                    }

                                                    @keyframes certificateAnimationHover {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        /** HOLD **/
                                                        20% {
                                                            transform:         scale(1.35) translateY(0em) translateX(0.5em);
                                                            -webkit-transform: scale(1.35) translateY(0em) translateX(0.5em);
                                                        }
                                                        50% {
                                                            transform:         scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                            -webkit-transform: scale(0.9) translateY(0em) translateX(0em) rotateZ(20deg);
                                                        }
                                                        80% {
                                                            transform:         scale(1.35) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                            -webkit-transform: scale(1.35) translateY(0em) translateX(0.5em) rotateZ(-20deg);
                                                        }

                                                        /** DISSAPEAR **/
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em) rotateZ(0deg);
                                                        }
                                                    }


                        /******************************/
                        /******* ECO FRINDLY ECO ******/
                        /******************************/

                                            /**** LEAVE 1 ****/
                                                    @-webkit-keyframes leave1Animation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        50% {
                                                            transform:         scale(1) rotateX(25deg) rotateY(50deg) rotateZ(-20deg) translateY(0em) translateX(2em);
                                                            -webkit-transform: scale(1) rotateX(25deg) rotateY(50deg) rotateZ(-20deg) translateY(0em) translateX(2em);
                                                        }
                                                        80% {
                                                            transform:         scale(1) rotateX(-25deg) rotateY(-50deg) rotateZ(20deg) translateY(0em) translateX(1em);
                                                            -webkit-transform: scale(1) rotateX(-25deg) rotateY(-50deg) rotateZ(20deg) translateY(0em) translateX(1em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) rotateZ(0deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(0deg) translateY(0em) translateX(0em);
                                                        }
                                                    }

                                                    @keyframes leave1Animation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        50% {
                                                            transform:         scale(0.9) rotateX(25deg) rotateY(50deg) rotateZ(50deg) translateY(0em) translateX(1em);
                                                            -webkit-transform: scale(0.9) rotateX(25deg) rotateY(50deg) rotateZ(50deg) translateY(0em) translateX(1em);
                                                        }
                                                        80% {
                                                            transform:         scale(0.9) rotateX(-25deg) rotateY(-50deg) rotateZ(110deg) translateY(0em) translateX(4em);
                                                            -webkit-transform: scale(0.9) rotateX(-25deg) rotateY(-50deg) rotateZ(110deg) translateY(0em) translateX(4em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) rotateZ(0deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(0deg) translateY(0em) translateX(0em);
                                                        }
                                                    }
                                            /**** LEAVE 2 ****/
                                                    @-webkit-keyframes leave2Animation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        30% {
                                                            transform:         scale(0.85) rotateX(40deg)  rotateY(30deg) rotateZ(-60deg) translateY(-3em) translateX(-2em);
                                                            -webkit-transform: scale(0.85) rotateX(40deg) rotateY(30deg) rotateZ(-60deg) translateY(-3em) translateX(-2em);
                                                        }
                                                        70% {
                                                            transform:            scale(1.1) rotateY(-30deg) rotateZ(20deg) translateY(2em) translateX(0em);
                                                            -webkit-transform:    scale(1.1) rotateY(-30deg) rotateZ(20deg) translateY(2em) translateX(0em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                    }

                                                    @keyframes leave2Animation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        30% {
                                                            transform:         scale(0.85) rotateX(40deg)  rotateY(30deg) rotateZ(-60deg) translateY(-3em) translateX(-2em);
                                                            -webkit-transform: scale(0.85) rotateX(40deg) rotateY(30deg) rotateZ(-60deg) translateY(-3em) translateX(-2em);
                                                        }
                                                        70% {
                                                            transform:            scale(1.1) rotateY(-30deg) rotateZ(20deg) translateY(2em) translateX(0em);
                                                            -webkit-transform:    scale(1.1) rotateY(-30deg) rotateZ(20deg) translateY(2em) translateX(0em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                    }
                                            /** ECO FRIENDLY OBJ ***/
                                                    @-webkit-keyframes ecoAnimation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        40% {
                                                            transform:         scale(1) rotateZ(200deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(200deg) translateY(0em) translateX(0em);
                                                        }
                                                        80% {
                                                            transform:         scale(1) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                    }

                                                    @keyframes ecoAnimation {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        40% {
                                                            transform:         scale(1) rotateZ(200deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(200deg) translateY(0em) translateX(0em);
                                                        }
                                                        80% {
                                                            transform:         scale(1) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                        }
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                    }
                                                    /**** ECO - HOVER ***/
                                                    @-webkit-keyframes ecoAnimationHover {

                                                    }

                                                    @keyframes ecoAnimationHover {
                                                        0% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                        40% {
                                                            transform:         scale(1.3) rotateZ(200deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1.3) rotateZ(200deg) translateY(0em) translateX(0em);
                                                            background: url('/images/special/overlayers/eco-hover.png') no-repeat;
                                                        }
                                                        80% {
                                                            transform:         scale(1.3) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1.3) rotateZ(-50deg) translateY(0em) translateX(0em);
                                                            background: url('/images/special/overlayers/eco-hover.png') no-repeat;
                                                        }
                                                        100% {
                                                            transform:         scale(1) translateY(0em) translateX(0em);
                                                            -webkit-transform: scale(1) translateY(0em) translateX(0em);
                                                        }
                                                    }