.contact-icerik,.projects-head,.studyo-head,.markalar-head,.takip-head,.studyo-content,.hizmetler li,.projects-content .swiper-slide img,.markalar-list > li,.contact-head ul li{position: relative;opacity: 0}

.stratejiOn,.masaustuOn,.dijitalOn,.flip-off-animate{
    position: relative;
    -webkit-animation: flipOff 600ms ease both;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation: flipOff 600ms ease both;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation: flipOff 600ms ease both;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation: flipOff 600ms ease both;
    animation-play-state: paused;
    backface-visibility: visible;
}

.htmFlip{
    -webkit-animation: fla 1s ease both;
    -moz-animation: fla 1s ease both;
    -o-animation: fla 1s ease both;
    animation: fla 1s ease both;

}
.htmlFlipOn{
    -webkit-animation: flaon 1s ease both;
    -moz-animation: flaon 1s ease both;
    -o-animation: flaon 1s ease both;
    animation: flaon 1s ease both;

}


@-webkit-keyframes fla {
    0% {
        opacity: 1;
        -webkit-transform: perspective(500px) rotateX(360deg);
        -webkit-animation-timing-function: ease-out; }

    80% {
        -webkit-transform: perspective(500px) rotateX(180deg);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -webkit-transform: perspective(500px);
        -webkit-animation-timing-function: ease-in;
        display: none;
    }
}
@-moz-keyframes fla {
    0% {
        opacity: 1;
        -moz-transform: perspective(500px) rotateX(360deg);

    }
    80% {
        -moz-transform: perspective(500px) rotateX(180deg);
    }
    100% {
        opacity: 0;
        -moz-transform: perspective(500px);
        display: none;
    }
}
@-o-keyframes fla {
    0% {
        opacity: 1;
        -o-transform: perspective(500px) rotateX(360deg);
        -o-animation-timing-function: ease-out; }

    80% {
        -o-transform: perspective(500px) rotateX(180deg);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -o-transform: perspective(500px);
        -o-animation-timing-function: ease-in;
        display: none;
    }
}
@keyframes fla {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(360deg);
        animation-timing-function: ease-out; }
    80% {
        transform: perspective(500px) rotateX(180deg);
        animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        transform: perspective(500px);
        animation-timing-function: ease-in;
        display: none;
    }
}
@-webkit-keyframes flaon {
    0% {
        -webkit-transform: perspective(500px) rotateX(180deg);
        -webkit-animation-timing-function: ease-out; }

    80% {
        -webkit-transform: perspective(500px) rotateX(0deg);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -webkit-transform: perspective(500px);
        -webkit-animation-timing-function: ease-in;
        display: none;
    }
}
@-moz-keyframes flaon {
    0% {
        -moz-transform: perspective(500px) rotateX(180deg);
        -moz-animation-timing-function: ease-out; }

    80% {
        -moz-transform: perspective(500px) rotateX(0deg);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -moz-transform: perspective(500px);
        -moz-animation-timing-function: ease-in;
        display: none;
    }
}
@-o-keyframes flaon {
    0% {
        -o-transform: perspective(500px) rotateX(180deg);
        -o-animation-timing-function: ease-out; }

    80% {
        -o-transform: perspective(500px) rotateX(0deg);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -o-transform: perspective(500px);
        -o-animation-timing-function: ease-in;
        display: none;
    }
}
@keyframes flaon {
    0% {
        transform: perspective(500px) rotateX(180deg);
        animation-timing-function: ease-out; }

    80% {
        transform: perspective(500px) rotateX(0deg);
        animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        transform: perspective(500px);
        animation-timing-function: ease-in;
        display: none;
    }
}

@-webkit-keyframes flipOff {
    0% {
        opacity: 1;
        -webkit-transform: perspective(500px) rotateX(360deg);
        -webkit-animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(500px) rotateX(190deg);
        -webkit-animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(500px) rotateX(170deg) scale(1);
        -webkit-animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(.95);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in;
        display: none;
    }
}
@-moz-keyframes flipOff {
    0% {
        opacity: 1;
        -moz-transform: perspective(500px) rotateX(360deg);
        -moz-animation-timing-function: ease-out; }
    40% {
        -moz-transform: perspective(500px)  rotateX(190deg);
        -moz-animation-timing-function: ease-out; }
    50% {
        -moz-transform: perspective(500px) rotateX(170deg) scale(1);
        -moz-animation-timing-function: ease-in; }
    80% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(.95);
        -moz-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in; }
}
@-o-keyframes flipOff {
    0% {
        opacity: 1;
        -o-transform: perspective(500px) rotateX(360deg);
        -o-animation-timing-function: ease-out; }
    40% {
        -o-transform: perspective(500px)  rotateX(190deg);
        -o-animation-timing-function: ease-out; }
    50% {
        -o-transform: perspective(500px) rotateX(170deg) scale(1);
        -o-animation-timing-function: ease-in; }
    80% {
        -o-transform: perspective(500px) rotateX(0deg) scale(.95);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in; }
}
@keyframes flipOff {
    0% {

        transform: perspective(500px) rotateX(360deg);
        animation-timing-function: ease-out; }
    40% {
        transform: perspective(500px) translateZ(150px) rotateX(190deg);
        animation-timing-function: ease-out; }
    50% {
        transform: perspective(500px) translateZ(150px) rotateX(170deg) scale(1);
        animation-timing-function: ease-in; }
    80% {
        transform: perspective(500px) rotateX(0deg) scale(.95);
        animation-timing-function: ease-in; }
    100% {

        transform: perspective(500px) scale(1);
        animation-timing-function: ease-in; }
}
.strateji,.masaustu,.dijital{
    opacity: 0;
}
.flip-animate{
    opacity: 0;
    position: relative;
    -webkit-animation: flip 600ms ease both;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation: flip 600ms ease both;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation: flip 600ms ease both;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation: flip 600ms ease both;
    animation-play-state: paused;
    backface-visibility: visible;
}

@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: perspective(500px) rotateX(0);
        -webkit-animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(500px) rotateX(170deg);
        -webkit-animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(500px)  rotateX(190deg) scale(1);
        -webkit-animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(500px) rotateX(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in; }
}

@-moz-keyframes flip {
    0% { opacity: 0;
        -moz-transform: perspective(500px) rotateY(0);
        -moz-animation-timing-function: ease-out; }
    40% {
        -moz-transform: perspective(500px)  rotateY(170deg);
        -moz-animation-timing-function: ease-out; }
    50% {
        -moz-transform: perspective(500px)  rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in; }
    80% {
        -moz-transform: perspective(500px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in; }
}

@-o-keyframes flip {
    0% { opacity: 0;
        -o-transform: perspective(500px) rotateY(0);
        -o-animation-timing-function: ease-out; }
    40% {
        -o-transform: perspective(500px)  rotateY(170deg);
        -o-animation-timing-function: ease-out; }
    50% {
        -o-transform: perspective(500px)  rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in; }
    80% {
        -o-transform: perspective(500px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { opacity: 0;
        transform: perspective(500px) rotateY(0);
        animation-timing-function: ease-out; }
    40% {
        transform: perspective(500px)  rotateY(170deg);
        animation-timing-function: ease-out; }
    50% {
        transform: perspective(500px)  rotateY(190deg) scale(1);
        animation-timing-function: ease-in; }
    80% {
        transform: perspective(500px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        transform: perspective(500px) scale(1);
        animation-timing-function: ease-in; }
}

.takip-content > div{overflow: inherit !important;}
.hosgeldiniz{
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInUp 1s ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: bounceInUp 1s ease both;
    -moz-animation-play-state: paused;
    -o-animation: bounceInUp 1s ease both;
    -o-animation-play-state: paused;
    animation: bounceInUp 1s ease both;
    animation-play-state: paused;
}
.studyo-content-animate{
    -webkit-animation: bounceInUp 1s ease both;
    -moz-animation: bounceInUp 1s ease both;
    -o-animation: bounceInUp 1s ease both;
    animation: bounceInUp 1s ease both;
}

@-webkit-keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); }
    60% { -webkit-transform: translateY(-30px); }
    80% { -webkit-transform: translateY(10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes bounceInUp {
    0% { opacity: 0; -moz-transform: translateY(2000px); }
    60% { -moz-transform: translateY(-30px); }
    80% { -moz-transform: translateY(10px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes bounceInUp {
    0% { opacity: 0; -o-transform: translateY(2000px); }
    60% { -o-transform: translateY(-30px); }
    80% { -o-transform: translateY(10px); }
    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes bounceInUp {
    0% { opacity: 0; transform: translateY(2000px); }
    60% { transform: translateY(-30px); }
    80% { transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.bounceInDown-animates{
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInDown 1s ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: bounceInDown 1s ease both;
    -moz-animation-play-state: paused;
    -o-animation: bounceInDown 1s ease both;
    -o-animation-play-state: paused;
    animation: bounceInDown 1s ease both;
    animation-play-state: paused;
}
.bounceInDown-animate,.bounceInDown-animate1 li{
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInDown 1s ease both;
    -moz-animation: bounceInDown 1s ease both;
    -o-animation: bounceInDown 1s ease both;
    animation: bounceInDown 1s ease both;
}

@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); }
    60% { -webkit-transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes bounceInDown {
    0% { opacity: 0; -moz-transform: translateY(-2000px); }
    60% { -moz-transform: translateY(30px); }
    80% { -moz-transform: translateY(-10px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes bounceInDown {
    0% { opacity: 0; -o-transform: translateY(-2000px); }
    60% { -o-transform: translateY(30px); }
    80% { -o-transform: translateY(-10px); }
    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes bounceInDown {
    0% { opacity: 0; transform: translateY(-2000px); }
    60% { transform: translateY(30px); }
    80% { transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}


.circle{
    opacity: 0;
    -webkit-animation: myfirst 600ms ease both;
    -webkit-animation-play-state: paused;
    -webkit-transform-origin: 0% 50%;
    -moz-animation: myfirst 600ms ease both;
    -moz-animation-play-state: paused;
    -moz-transform-origin: 0% 50%;
    -o-animation: myfirst 600ms ease both;
    -o-animation-play-state: paused;
    -o-transform-origin: 0% 50%;
    animation: myfirst 600ms ease both;
    animation-play-state: paused;
    transform-origin: 0% 50%;
}

@-webkit-keyframes myfirst {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@-moz-keyframes myfirst {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@-o-keyframes myfirst {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@keyframes myfirst {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
.line{
    position: relative;
    -webkit-animation: pageLeftBack 600ms ease both;
    -webkit-animation-play-state: paused;
    -webkit-transform-origin: 0% 50%;
    -moz-animation: pageLeftBack 600ms ease both;
    -moz-animation-play-state: paused;
    -moz-transform-origin: 0% 50%;
    -o-animation: pageLeftBack 600ms ease both;
    -o-animation-play-state: paused;
    -o-transform-origin: 0% 50%;
    animation: pageLeftBack 600ms ease both;
    animation-play-state: paused;
    transform-origin: 0% 50%;
}

@-webkit-keyframes pageLeftBack {
    0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}

@-moz-keyframes pageLeftBack {
    0% { opacity: 0; -moz-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -moz-transform: perspective(400px) rotateY(0deg); }
}

@-o-keyframes pageLeftBack {
    0% { opacity: 0; -o-transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; -o-transform: perspective(400px) rotateY(0deg); }
}

@keyframes pageLeftBack {
    0% { opacity: 1; transform: perspective(400px) rotateY(90deg); }
    100% { opacity: 1; transform: perspective(400px) rotateY(0deg); }
}



@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(0deg); }
    40% { -webkit-transform: perspective(400px) rotateY(-30deg); }
    70% { -webkit-transform: perspective(400px) rotateY(20deg); }
    90% { -webkit-transform: perspective(400px) rotateY(-10deg); }
    100% { -webkit-transform: perspective(400px) rotateY(0deg); }
}

@-moz-keyframes flipInY {
    0% { opacity: 0; -moz-transform: perspective(400px) rotateY(80deg); }
    40% { -moz-transform: perspective(400px) rotateY(-20deg); }
    70% { -moz-transform: perspective(400px) rotateY(10deg); }
    90% { -moz-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -moz-transform: perspective(400px) rotateY(0deg); }
}

@-o-keyframes flipInY {
    0% { opacity: 0; -o-transform: perspective(400px) rotateY(80deg); }
    40% { -o-transform: perspective(400px) rotateY(-20deg); }
    70% { -o-transform: perspective(400px) rotateY(10deg); }
    90% { -o-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -o-transform: perspective(400px) rotateY(0deg); }
}

@keyframes flipInY {
    0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(80deg); }
    40% { -webkit-transform: perspective(400px) rotateY(-20deg); }
    70% { -webkit-transform: perspective(400px) rotateY(10deg); }
    70% { -webkit-transform: perspective(400px) rotateY(10deg); }
    90% { -webkit-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}


.bounceIn-animate > li {
    opacity: 0;
    position: relative;
    -webkit-animation: bounceIn 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: bounceIn 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: bounceIn 600ms ease both;
    -o-animation-play-state: paused;
    animation: bounceIn 600ms ease both;
    animation-play-state: paused;
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); }
    50% { -webkit-transform: scale(1.05); }
    70% { -webkit-transform: scale(.9); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -moz-transform: scale(.3); }
    50% { -moz-transform: scale(1.05); }
    70% { -moz-transform: scale(.9); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes bounceIn {
    0% { opacity: 0; -o-transform: scale(.3); }
    50% { -o-transform: scale(1.05); }
    70% { -o-transform: scale(.9); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3); }
    50% { transform: scale(1.05); }
    70% { transform: scale(.9); }
    100% { opacity: 1; transform: scale(1); }
}


.zoomIn-animate li {
    opacity: 0;
    position: relative;
    -webkit-animation: zoomIn 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomIn 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomIn 600ms ease both;
    -o-animation-play-state: paused;
    animation: zoomIn 600ms ease both;
    animation-play-state: paused;
}


@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(1.8); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomIn {
    0% { opacity: 0; -moz-transform: scale(1.8); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomIn {
    0% { opacity: 0; -o-transform: scale(1.8); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomIn {
    0% { opacity: 0; transform: scale(1.8); }
    100% { opacity: 1; transform: scale(1); }
}
.spin2{
    -webkit-animation:spin2 20s infinite linear;
    -moz-animation:spin2 20s infinite linear;
    -o-animation:spin2 20s infinite linear;
    animation:spin2 20s infinite linear;
}
@-webkit-keyframes spin2{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
    }
}
@-moz-keyframes spin2{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
    }
}
@-o-keyframes spin2{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
    }
}
@keyframes spin2{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
    }
}
.spin1{
    -webkit-animation:spin 20s infinite linear;
    -moz-animation:spin 20s infinite linear;
    -o-animation:spin 20s infinite linear;
    animation:spin 20s infinite linear;
}
.spin{
    -webkit-animation:spin 10s infinite linear;
    -moz-animation:spin 10s infinite linear;
    -o-animation:spin 10s infinite linear;
    animation:spin 10s infinite linear;
}
@-webkit-keyframes spin{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}
@-moz-keyframes spin{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}
@-o-keyframes spin{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}
@keyframes spin{
    0%{
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100%{
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}



.star1{
    -webkit-animation: star 3.2s ease infinite;
    -moz-animation: star 3.2ms ease infinite;
    -o-animation: star 3.2ms ease infinite;
    animation: star 3.2ms ease infinite;
}
.star2{
    -webkit-animation: star 4.2s ease infinite;
    -moz-animation: star 4.2s ease infinite;
    -o-animation: star 4.2s ease infinite;
    animation: star 4.2s ease infinite;
}
.star3{
    -webkit-animation: star 6.2s ease infinite;
    -moz-animation: star 6.2s ease infinite;
    -o-animation: star 6.2s ease infinite;
    animation: star 6.2s ease infinite;
}
.star4{
    -webkit-animation: star 9.2s ease infinite;
    -moz-animation: star 9.2s ease infinite;
    -o-animation: star 9.2s ease infinite;
    animation: star 9.2s ease infinite;
}
.star5{
    -webkit-animation: star 7.2s ease infinite;
    -moz-animation: star 7.2s ease infinite;
    -o-animation: star 7.2s ease infinite;
    animation: star 7.2s ease infinite;
}
.star6{
    -webkit-animation: star 5.2s ease infinite;
    -moz-animation: star 5.2s ease infinite;
    -o-animation: star 5.2s ease infinite;
    animation: star 5.2s ease infinite;
}
.star7{
    -webkit-animation: star 8.2s ease infinite;
    -moz-animation: star 8.2s ease infinite;
    -o-animation: star 8.2s ease infinite;
    animation: star 8.2s ease infinite;
}
@-webkit-keyframes star {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes star {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes star {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes star {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
.zoomOut-animate,.swiper-slide .light .zO {
    opacity: 0;
    position: relative;
    -webkit-animation: zoomOut 600ms ease both;
    -moz-animation: zoomOut 600ms ease both;
    -o-animation: zoomOut 600ms ease both;
    animation: zoomOut 600ms ease both;
}
@-webkit-keyframes zoomOut {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes zoomOut {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}
@-o-keyframes zoomOut {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}
@keyframes zoomOut {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}
.contact-flip {
    opacity: 0;
    position: relative;
    -webkit-animation: flip-contact 600ms ease both;
    -webkit-backface-visibility: visible;
    -moz-animation: flip-contact 600ms ease both;
    -moz-backface-visibility: visible;
    -o-animation: flip-contact 600ms ease both;
    -o-backface-visibility: visible;
    animation: flip-contact 600ms ease both;
    backface-visibility: visible;
}
@-webkit-keyframes flip-contact {
    0% {
        opacity: 0;
        -webkit-transform: perspective(500px) rotateX(0);
        -webkit-animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(500px) rotateX(170deg);
        -webkit-animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(500px) rotateX(190deg) scale(1);
        -webkit-animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(500px) rotateX(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in; }
}
@-moz-keyframes flip-contact {
    0% { opacity: 0;
        -moz-transform: perspective(500px) rotateY(0);
        -moz-animation-timing-function: ease-out; }
    40% {
        -moz-transform: perspective(500px) rotateY(170deg);
        -moz-animation-timing-function: ease-out; }
    50% {
        -moz-transform: perspective(500px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in; }
    80% {
        -moz-transform: perspective(500px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in; }
}
@-o-keyframes flip-contact {
    0% { opacity: 0;
        -o-transform: perspective(500px) rotateY(0);
        -o-animation-timing-function: ease-out; }
    40% {
        -o-transform: perspective(500px) rotateY(170deg);
        -o-animation-timing-function: ease-out; }
    50% {
        -o-transform: perspective(500px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in; }
    80% {
        -o-transform: perspective(500px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in; }
}
@keyframes flip-contact {
    0% { opacity: 0;
        transform: perspective(500px) rotateY(0);
        animation-timing-function: ease-out; }
    40% {
        transform: perspective(500px) rotateY(170deg);
        animation-timing-function: ease-out; }
    50% {
        transform: perspective(500px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in; }
    80% {
        transform: perspective(500px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in; }
    100% {
        opacity: 1;
        transform: perspective(500px) scale(1);
        animation-timing-function: ease-in; }
}
.contact-flip-off {
    opacity: 0;
    position: relative;
    -webkit-animation: flip-contact-off 600ms ease both;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation: flip-contact-off 600ms ease both;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation: flip-contact-off 600ms ease both;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation: flip-contact-off 600ms ease both;
    animation-play-state: paused;
    backface-visibility: visible;
}
@-webkit-keyframes flip-contact-off {
    0% {
        opacity: 1;
        -webkit-transform: perspective(500px) rotateX(360deg);
        -webkit-animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(500px) rotateX(190deg);
        -webkit-animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(500px) rotateX(170deg) scale(1);
        -webkit-animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(.95);
        -webkit-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in;
        display: none;
    }
}
@-moz-keyframes flip-contact-off {
    0% {
        opacity: 1;
        -moz-transform: perspective(500px) rotateX(360deg);
        -moz-animation-timing-function: ease-out; }
    40% {
        -moz-transform: perspective(500px)  rotateX(190deg);
        -moz-animation-timing-function: ease-out; }
    50% {
        -moz-transform: perspective(500px)  rotateX(170deg) scale(1);
        -moz-animation-timing-function: ease-in; }
    80% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(.95);
        -moz-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in; }
}
@-o-keyframes flip-contact-off {
    0% {
        opacity: 1;
        -o-transform: perspective(500px) rotateX(360deg);
        -o-animation-timing-function: ease-out; }
    40% {
        -o-transform: perspective(500px) rotateX(190deg);
        -o-animation-timing-function: ease-out; }
    50% {
        -o-transform: perspective(500px) rotateX(170deg) scale(1);
        -o-animation-timing-function: ease-in; }
    80% {
        -o-transform: perspective(500px) rotateX(0deg) scale(.95);
        -o-animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in; }
}
@keyframes flip-contact-off {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(360deg);
        animation-timing-function: ease-out; }
    40% {
        transform: perspective(500px) rotateX(190deg);
        animation-timing-function: ease-out; }
    50% {
        transform: perspective(500px) rotateX(170deg) scale(1);
        animation-timing-function: ease-in; }
    80% {
        transform: perspective(500px) rotateX(0deg) scale(.95);
        animation-timing-function: ease-in; }
    100% {
        opacity: 0;
        transform: perspective(500px) scale(1);
        -animation-timing-function: ease-in; }
}
.denene{
    -webkit-animation-delay:400ms !important;
    -moz-animation-delay:400ms !important;
    -o-animation-delay:400ms !important;
    animation-delay:400ms !important;
}
/* Fırlatma */
.animasyon0{
    -webkit-animation: animas0 2s ease-in-out both;
    -moz-animation: animas0 2s ease-in-out both;
    -o-animation: animas0 2s ease-in-out both;
    animation: animas0 2s ease-in-out both;
}
.animasyon1{
    -webkit-animation: animas1 2s ease-in-out both;
    -moz-animation: animas1 2s ease-in-out both;
    -o-animation: animas1 2s ease-in-out both;
    animation: animas1 2s ease-in-out both;
}
.animasyon2{
    -webkit-animation: animas2 2s ease-in-out both;
    -moz-animation: animas2 2s ease-in-out both;
    -o-animation: animas2 2s ease-in-out both;
    animation: animas2 2s ease-in-out both;
}
.animasyon3{
    -webkit-animation: animas3 2s ease-in-out both;
    -moz-animation: animas3 2s ease-in-out both;
    -o-animation: animas3 2s ease-in-out both;
    animation: animas3 2s ease-in-out both;
}
.animasyon4{
    -webkit-animation: animas4 2s ease-in both;
    -moz-animation: animas4 2s ease-in both;
    -o-animation: animas4 2s ease-in both;
    animation: animas4 2s ease-in both;
}
/**/
@-webkit-keyframes animas0{
    0%{margin-top: 0;left: 0; opacity: 0.5;-webkit-transform:rotateZ(0deg);}
    50%{margin-top: -100px;left: -30px; opacity: 1;-webkit-transform:rotateZ(100deg); }
    100%{margin-top: -0;left: -30px; opacity: 0.5;-webkit-transform: rotateZ(200deg);}
}
@-moz-keyframes animas0{
    0%{margin-top: 0;left: 0; opacity: 0.5;-moz-transform:rotateZ(0deg);}
    50%{margin-top: -100px;left: -30px; opacity: 1;-moz-transform:rotateZ(100deg); }
    100%{margin-top: -0;left: -30px; opacity: 0.5;-moz-transform: rotateZ(200deg);}
}
@-o-keyframes animas0{
    0%{margin-top: 0;left: 0; opacity: 0.5;-o-transform:rotateZ(0deg);}
    50%{margin-top: -100px;left: -30px; opacity: 1;-o-transform:rotateZ(100deg); }
    100%{margin-top: -0;left: -30px; opacity: 0.5;-o-transform: rotateZ(200deg);}
}
@keyframes animas0{
    0%{margin-top: 0;left: 0; opacity: 0.5;transform:rotateZ(0deg);}
    50%{margin-top: -100px;left: -30px; opacity: 1;transform:rotateZ(100deg); }
    100%{margin-top: -0;left: -30px; opacity: 0.5;transform: rotateZ(200deg);}
}
/**/
@-webkit-keyframes animas1{
    0%{margin-top: 0;left: 0; opacity: 0.5;-webkit-transform:rotateZ(0deg);}
    50%{margin-top: -120px;left: 40px; opacity: 1;-webkit-transform:rotateZ(60deg);}
    100%{margin-top: -0;left: 40px;opacity: 0.5;-webkit-transform: rotateZ(120deg);}
}
@-moz-keyframes animas1{
    0%{margin-top: 0;left: 0; opacity: 0.5;-moz-transform:rotateZ(0deg);}
    50%{margin-top: -120px;left: 40px; opacity: 1;-moz-transform:rotateZ(60deg);}
    100%{margin-top: -0;left: 40px;opacity: 0.5;-moz-transform: rotateZ(120deg);}
}
@-o-keyframes animas1{
    0%{margin-top: 0;left: 0; opacity: 0.5;-o-transform:rotateZ(0deg);}
    50%{margin-top: -120px;left: 40px; opacity: 1;-o-transform:rotateZ(60deg);}
    100%{margin-top: -0;left: 40px;opacity: 0.5;-o-transform: rotateZ(120deg);}
}
@keyframes animas1{
    0%{margin-top: 0;left: 0; opacity: 0.5;transform:rotateZ(0deg);}
    50%{margin-top: -120px;left: 40px; opacity: 1;transform:rotateZ(60deg);}
    100%{margin-top: -0;left: 40px;opacity: 0.5;transform: rotateZ(120deg);}
}
/**/
@-webkit-keyframes animas2{
    0%{margin-top: 0;left: 0; opacity: 0.5;-webkit-transform:rotateZ(0deg);}
    50%{margin-top: -150px;left: -40px; opacity: 1;-webkit-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -40px; opacity: 0.5;-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes animas2{
    0%{margin-top: 0;left: 0; opacity: 0.5;-moz-transform:rotateZ(0deg);}
    50%{margin-top: -150px;left: -40px; opacity: 1;-moz-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -40px; opacity: 0.5;-moz-transform: rotateZ(360deg);}
}
@-o-keyframes animas2{
    0%{margin-top: 0;left: 0; opacity: 0.5;-o-transform:rotateZ(0deg);}
    50%{margin-top: -150px;left: -40px; opacity: 1;-o-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -40px; opacity: 0.5;-o-transform: rotateZ(360deg);}
}
@keyframes animas2{
    0%{margin-top: 0;left: 0; opacity: 0.5;transform:rotateZ(0deg);}
    50%{margin-top: -150px;left: -40px; opacity: 1;transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -40px; opacity: 0.5;transform: rotateZ(360deg);}
}

/**/
@-webkit-keyframes animas3{
    0%{margin-top: 0;left: 0; opacity: 0.5;-webkit-transform:rotateZ(0deg);}
    50%{margin-top: -175px;left: -20px; opacity: 1;-webkit-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -20px; opacity: 0.5;-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes animas3{
    0%{margin-top: 0;left: 0; opacity: 0.5;-moz-transform:rotateZ(0deg);}
    50%{margin-top: -175px;left: -20px; opacity: 1;-moz-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -20px; opacity: 0.5;-moz-transform: rotateZ(360deg);}
}
@-o-keyframes animas3{
    0%{margin-top: 0;left: 0; opacity: 0.5;-o-transform:rotateZ(0deg);}
    50%{margin-top: -175px;left: -20px; opacity: 1;-o-transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -20px; opacity: 0.5;-o-transform: rotateZ(360deg);}
}
@keyframes animas3{
    0%{margin-top: 0;left: 0; opacity: 0.5;transform:rotateZ(0deg);}
    50%{margin-top: -175px;left: -20px; opacity: 1;transform:rotateZ(180deg);}
    100%{margin-top: -0;left: -20px; opacity: 0.5;transform: rotateZ(360deg);}
}

.play{
    opacity: 1;
    -webkit-animation-play-state: running !important;
    -moz-animation-play-state: running !important;
    -o-animation-play-state: running !important;
    animation-play-state: running !important;
}