.circle-logo {
    margin: 0px auto;
    background-color: rgba(12, 189, 14, 0.8);
    width: 228px;
    height: 228px;
    border-radius: 100%;
    text-align: center;
    border: none;
    padding-top: 85px;
}

.logo-text {
    width: 209px;
    margin: auto;
    height: 66px;
    background-image: url(../img/logo/logo-text.png);
}

/* Анимация */

.leaf-1 {
    width: 14px;
    height: 10px;
    position: absolute;
    top: 287px;
    margin-left: 19px;
    background-image: url(../img/logo/leaf-1.png);
	-webkit-animation: leaf-1 2.2s;
    animation-name: leaf-1;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes leaf-1 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -540px;
        top: 10px;
    }
    100% {
        margin-left: 19px;
        top: 287px;
    }
}

@keyframes leaf-1 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -540px;
        top: 10px;
    }
    100% {
        margin-left: 19px;
        top: 287px;
    }
}

.leaf-2 {
    width: 15px;
    height: 10px;
    position: absolute;
    top: 266px;
    margin-left: 37px;
    background-image: url(../img/logo/leaf-2.png);
	-webkit-animation: leaf-2 2.2s;
    animation-name: leaf-2;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes leaf-2 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -320px;
        top: 10px;
    }
    100% {
        margin-left: 37px;
        top: 266px;
    }
}

@keyframes leaf-2 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -320px;
        top: 10px;
    }
    100% {
        margin-left: 37px;
        top: 266px;
    }
}

.leaf-3 {
    width: 12px;
    height: 9px;
    position: absolute;
    top: 254px;
    margin-left: 37px;
    background-image: url(../img/logo/leaf-3.png);
	-webkit-animation: leaf-3 2.2s;
    animation-name: leaf-3;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leaf-3 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 37px;
        top: 254px;
    }
}


@keyframes leaf-3 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 37px;
        top: 254px;
    }
}

.leaf-4 {
    width: 26px;
    height: 24px;
    position: absolute;
    top: 254px;
    margin-left: 50px;
    background-image: url(../img/logo/leaf-4.png);
	-webkit-animation: leaf-4 2.2s;
    animation-name: leaf-4;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leaf-4 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -20px;
        top: 10px;
    }
    100% {
        margin-left: 50px;
        top: 254px;
    }
}


@keyframes leaf-4 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -20px;
        top: 10px;
    }
    100% {
        margin-left: 50px;
        top: 254px;
    }
}

.leaf-5 {
    width: 8px;
    height: 12px;
    position: absolute;
    top: 241px;
    margin-left: 57px;
    background-image: url(../img/logo/leaf-5.png);
	-webkit-animation: leaf-5 2.2s;
    animation-name: leaf-5;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leaf-5 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -20px;
        top: 10px;
    }
    100% {
        margin-left: 50px;
        top: 241px;
    }
}


@keyframes leaf-5 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 57px;
        top: 241px;
    }
}

.leaf-6 {
    width: 12px;
    height: 18px;
    position: absolute;
    top: 241px;
    margin-left: 70px;
    background-image: url(../img/logo/leaf-6.png);
	-webkit-animation: leaf-6 2.2s;
    animation-name: leaf-6;
    animation-duration: 2.2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leaf-6 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 70px;
        top: 241px;
    }
}


@keyframes leaf-6 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 70px;
        top: 241px;
    }
}

.leaf-7 {
    width: 11px;
    height: 12px;
    position: absolute;
    top: 238px;
    margin-left: 85px;
    background-image: url(../img/logo/leaf-7.png);
	-webkit-animation: leaf-7 2.2s;
    animation-name: leaf-7;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-7 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 85px;
        top: 238px;
    }
}


@keyframes leaf-7 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 85px;
        top: 238px;
    }
}

.leaf-8 {
    width: 20px;
    height: 28px;
    position: absolute;
    top: 230px;
    margin-left: 95px;
    background-image: url(../img/logo/leaf-8.png);
	-webkit-animation: leaf-8 2.2s;
    animation-name: leaf-8;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-8 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 95px;
        top: 230px;
    }
}


@keyframes leaf-8 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -120px;
        top: 10px;
    }
    100% {
        margin-left: 95px;
        top: 230px;
    }
}

.leaf-9 {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 229px;
    margin-left: 114px;
    background-image: url(../img/logo/leaf-9.png);
	-webkit-animation: leaf-9 2.2s;
    animation-name: leaf-9;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-9 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -20px;
        top: 10px;
    }
    100% {
        margin-left: 114px;
        top: 229px;
    }
}


@keyframes leaf-9 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: -20px;
        top: 10px;
    }
    100% {
        margin-left: 114px;
        top: 229px;
    }
}

.leaf-10 {
    width: 25px;
    height: 36px;
    position: absolute;
    top: 241px;
    margin-left: 114px;
    background-image: url(../img/logo/leaf-10.png);
	-webkit-animation: leaf-10 2.2s;
    animation-name: leaf-10;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-10 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 220px;
        top: 10px;
    }
    100% {
        margin-left: 114px;
        top: 241px;
    }
}


@keyframes leaf-10 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 220px;
        top: 10px;
    }
    100% {
        margin-left: 114px;
        top: 241px;
    }
}

.leaf-11 {
    width: 8px;
    height: 9px;
    position: absolute;
    top: 239px;
    margin-left: 139px;
    background-image: url(../img/logo/leaf-11.png);
	-webkit-animation: leaf-11 2.2s;
    animation-name: leaf-11;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-11 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 139px;
        top: 239px;
    }
}


@keyframes leaf-11 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 139px;
        top: 239px;
    }
}

.leaf-12 {
    width: 11px;
    height: 16px;
    position: absolute;
    top: 247px;
    margin-left: 144px;
    background-image: url(../img/logo/leaf-12.png);
	-webkit-animation: leaf-12 2.2s;
    animation-name: leaf-12;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-12 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 144px;
        top: 247px;
    }
}


@keyframes leaf-12 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 144px;
        top: 247px;
    }
}

.leaf-13 {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 245px;
    margin-left: 158px;
    background-image: url(../img/logo/leaf-13.png);
	-webkit-animation: leaf-13 2.2s;
    animation-name: leaf-13;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-13 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 158px;
        top: 245px;
    }
}


@keyframes leaf-13 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 158px;
        top: 245px;
    }
}

.leaf-14 {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 253px;
    margin-left: 155px;
    background-image: url(../img/logo/leaf-14.png);
	-webkit-animation: leaf-14 2.2s;
    animation-name: leaf-14;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-14 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 155px;
        top: 253px;
    }
}


@keyframes leaf-14 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 320px;
        top: 10px;
    }
    100% {
        margin-left: 155px;
        top: 253px;
    }
}

.leaf-15 {
    width: 33px;
    height: 24px;
    position: absolute;
    top: 273px;
    margin-left: 159px;
    background-image: url(../img/logo/leaf-15.png);
	-webkit-animation: leaf-15 2.2s;
    animation-name: leaf-15;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-15 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 420px;
        top: 10px;
    }
    100% {
        margin-left: 159px;
        top: 273px;
    }
}


@keyframes leaf-15 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 420px;
        top: 10px;
    }
    100% {
        margin-left: 159px;
        top: 273px;
    }
}

.leaf-16 {
    width: 14px;
    height: 8px;
    position: absolute;
    top: 263px;
    margin-left: 177px;
    background-image: url(../img/logo/leaf-16.png);
	-webkit-animation: leaf-16 2.2s;
    animation-name: leaf-16;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-16 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 420px;
        top: 10px;
    }
    100% {
        margin-left: 177px;
        top: 263px;
    }
}


@keyframes leaf-16 {
    0% {
        margin-left: 0;
        top: 0;
    }
    5% {
        margin-left: 420px;
        top: 10px;
    }
    100% {
        margin-left: 177px;
        top: 263px;
    }
}

.leaf-17 {
    width: 15px;
    height: 10px;
    position: absolute;
    top: 361px;
    margin-left: 19px;
    background-image: url(../img/logo/leaf-17.png);
	-webkit-animation: leaf-17 2.2s;
    animation-name: leaf-17;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-17 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -640px;
        top: 1210px;
    }
    100% {
        margin-left: 19px;
        top: 361px;
    }
}


@keyframes leaf-17 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -640px;
        top: 1210px;
    }
    100% {
        margin-left: 19px;
        top: 361px;
    }
}

.leaf-18 {
    width: 13px;
    height: 15px;
    position: absolute;
    top: 366px;
    margin-left: 34px;
    background-image: url(../img/logo/leaf-18.png);
	-webkit-animation: leaf-18 2.2s;
    animation-name: leaf-18;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-18 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -440px;
        top: 1210px;
    }
    100% {
        margin-left: 34px;
        top: 366px;
    }
}

@keyframes leaf-18 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -440px;
        top: 1210px;
    }
    100% {
        margin-left: 34px;
        top: 366px;
    }
}

.leaf-19 {
    width: 30px;
    height: 31px;
    position: absolute;
    top: 360px;
    margin-left: 47px;
    background-image: url(../img/logo/leaf-19.png);
	-webkit-animation: leaf-19 2.2s;
    animation-name: leaf-19;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-19 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -240px;
        top: 1210px;
    }
    100% {
        margin-left: 47px;
        top: 360px;
    }
}


@keyframes leaf-19 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -240px;
        top: 1210px;
    }
    100% {
        margin-left: 47px;
        top: 360px;
    }
}

.leaf-20 {
    width: 13px;
    height: 8px;
    position: absolute;
    top: 391px;
    margin-left: 45px;
    background-image: url(../img/logo/leaf-20.png);
	-webkit-animation: leaf-20 2.2s;
    animation-name: leaf-20;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-20 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -440px;
        top: 1210px;
    }
    100% {
        margin-left: 45px;
        top: 391px;
    }
}


@keyframes leaf-20 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -440px;
        top: 1210px;
    }
    100% {
        margin-left: 45px;
        top: 391px;
    }
}

.leaf-21 {
    width: 19px;
    height: 21px;
    position: absolute;
    top: 390px;
    margin-left: 58px;
    background-image: url(../img/logo/leaf-21.png);
	-webkit-animation: leaf-21 2.2s;
    animation-name: leaf-21;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-21 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -100px;
        top: 1210px;
    }
    100% {
        margin-left: 58px;
        top: 390px;
    }
}


@keyframes leaf-21 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -100px;
        top: 1210px;
    }
    100% {
        margin-left: 58px;
        top: 390px;
    }
}

.leaf-22 {
    width: 14px;
    height: 11px;
    position: absolute;
    top: 403px;
    margin-left: 71px;
    background-image: url(../img/logo/leaf-22.png);
	-webkit-animation: leaf-22 2.2s;
    animation-name: leaf-22;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-22 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -50px;
        top: 1210px;
    }
    100% {
        margin-left: 71px;
        top: 403px;
    }
}

@keyframes leaf-22 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -50px;
        top: 1210px;
    }
    100% {
        margin-left: 71px;
        top: 403px;
    }
}

.leaf-23 {
    width: 12px;
    height: 16px;
    position: absolute;
    top: 402px;
    margin-left: 88px;
    background-image: url(../img/logo/leaf-23.png);
	-webkit-animation: leaf-23 2.2s;
    animation-name: leaf-23;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-23 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -150px;
        top: 1210px;
    }
    100% {
        margin-left: 88px;
        top: 402px;
    }
}


@keyframes leaf-23 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: -150px;
        top: 1210px;
    }
    100% {
        margin-left: 88px;
        top: 402px;
    }
}

.leaf-24 {
    width: 18px;
    height: 29px;
    position: absolute;
    top: 393px;
    margin-left: 101px;
    background-image: url(../img/logo/leaf-24.png);
	-webkit-animation: leaf-24 2.2s;
    animation-name: leaf-24;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-24 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 50px;
        top: 1210px;
    }
    100% {
        margin-left: 101px;
        top: 393px;
    }
}


@keyframes leaf-24 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 50px;
        top: 1210px;
    }
    100% {
        margin-left: 101px;
        top: 393px;
    }
}

.leaf-25 {
    width: 25px;
    height: 36px;
    position: absolute;
    top: 377px;
    margin-left: 120px;
    background-image: url(../img/logo/leaf-25.png);
	-webkit-animation: leaf-25 2.2s;
    animation-name: leaf-25;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-25 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 560px;
        top: 1210px;
    }
    100% {
        margin-left: 120px;
        top: 377px;
    }
}


@keyframes leaf-25 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 560px;
        top: 1210px;
    }
    100% {
        margin-left: 120px;
        top: 377px;
    }
}

.leaf-26 {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 404px;
    margin-left: 120px;
    background-image: url(../img/logo/leaf-26.png);
	-webkit-animation: leaf-26 2.2s;
    animation-name: leaf-26;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-26 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 260px;
        top: 1210px;
    }
    100% {
        margin-left: 120px;
        top: 404px;
    }
}


@keyframes leaf-26 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 260px;
        top: 1210px;
    }
    100% {
        margin-left: 120px;
        top: 404px;
    }
}

.leaf-27 {
    width: 11px;
    height: 16px;
    position: absolute;
    top: 399px;
    margin-left: 147px;
    background-image: url(../img/logo/leaf-27.png);
	-webkit-animation: leaf-27 2.2s;
    animation-name: leaf-27;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-27 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 360px;
        top: 1210px;
    }
    100% {
        margin-left: 147px;
        top: 399px;
    }
}

@keyframes leaf-27 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 360px;
        top: 1210px;
    }
    100% {
        margin-left: 147px;
        top: 399px;
    }
}

.leaf-28 {
    width: 10px;
    height: 11px;
    position: absolute;
    top: 403px;
    margin-left: 158px;
    background-image: url(../img/logo/leaf-28.png);
	-webkit-animation: leaf-28 2.2s;
    animation-name: leaf-28;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-28 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 360px;
        top: 1210px;
    }
    100% {
        margin-left: 147px;
        top: 403px;
    }
}

@keyframes leaf-28 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 560px;
        top: 1210px;
    }
    100% {
        margin-left: 158px;
        top: 403px;
    }
}

.leaf-29 {
    width: 25px;
    height: 24px;
    position: absolute;
    top: 379px;
    margin-left: 148px;
    background-image: url(../img/logo/leaf-29.png);
	-webkit-animation: leaf-29 2.2s;
    animation-name: leaf-29;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-29 {
    0% {
        margin-right: 0;
        top: 1210px;
    }
    5% {
        margin-right: -160px;
        top: 1210px;
    }
    100% {
        margin-left: 148px;
        top: 379px;
    }
}


@keyframes leaf-29 {
    0% {
        margin-right: 0;
        top: 1210px;
    }
    5% {
        margin-right: -160px;
        top: 1210px;
    }
    100% {
        margin-left: 148px;
        top: 379px;
    }
}

.leaf-30 {
    width: 14px;
    height: 12px;
    position: absolute;
    top: 387px;
    margin-left: 171px;
    background-image: url(../img/logo/leaf-30.png);
	-webkit-animation: leaf-30 2.2s;
    animation-name: leaf-30;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-30 {
    0% {
        margin-right: 0;
        top: 1210px;
    }
    5% {
        margin-right: -460px;
        top: 1210px;
    }
    100% {
        margin-left: 171px;
        top: 387px;
    }
}


@keyframes leaf-30 {
    0% {
        margin-right: 0;
        top: 1210px;
    }
    5% {
        margin-right: -460px;
        top: 1210px;
    }
    100% {
        margin-left: 171px;
        top: 387px;
    }
}

.leaf-31 {
    width: 19px;
    height: 11px;
    position: absolute;
    top: 375px;
    margin-left: 170px;
    background-image: url(../img/logo/leaf-31.png);
	-webkit-animation: leaf-31 2.2s;
    animation-name: leaf-31;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-31 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 510px;
        top: 1210px;
    }
    100% {
        margin-left: 170px;
        top: 375px;
    }
}


@keyframes leaf-31 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 510px;
        top: 1210px;
    }
    100% {
        margin-left: 170px;
        top: 375px;
    }
}

.leaf-32 {
    width: 14px;
    height: 9px;
    position: absolute;
    top: 368px;
    margin-left: 182px;
    background-image: url(../img/logo/leaf-32.png);
	-webkit-animation: leaf-32 2.2s;
    animation-name: leaf-32;
    animation-duration: 2.2s;
}

@-webkit-keyframes leaf-32 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 510px;
        top: 1210px;
    }
    100% {
        margin-left: 170px;
        top: 368px;
    }
}


@keyframes leaf-32 {
    0% {
        margin-left: 0;
        top: 1210px;
    }
    5% {
        margin-left: 610px;
        top: 1210px;
    }
    100% {
        margin-left: 182px;
        top: 368px;
    }
}








/* Статични листа */
.leaf-static-1 {
    width: 43px;
    height: 53px;
    position: absolute;
    top: 247px;
    margin-left: 75px;
    background-image: url(../img/logo/leaf-static-1.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-2 {
    width: 41px;
    height: 32px;
    position: absolute;
    top: 267px;
    margin-left: 117px;
    background-image: url(../img/logo/leaf-static-2.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-3 {
    width: 44px;
    height: 22px;
    position: absolute;
    top: 277px;
    margin-left: 28px;
    background-image: url(../img/logo/leaf-static-3.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-4 {
    width: 23px;
    height: 10px;
    position: absolute;
    top: 290px;
    margin-left: 181px;
    background-image: url(../img/logo/leaf-static-4.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-5 {
    width: 36px;
    height: 45px;
    position: absolute;
    top: 358px;
    margin-left: 82px;
    background-image: url(../img/logo/leaf-static-5.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-6 {
    width: 59px;
    height: 19px;
    position: absolute;
    top: 359px;
    margin-left: 123px;
    background-image: url(../img/logo/leaf-static-6.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-7 {
    width: 29px;
    height: 11px;
    position: absolute;
    top: 359px;
    margin-left: 183px;
    background-image: url(../img/logo/leaf-static-7.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.leaf-static-8 {
    width: 19px;
    height: 8px;
    position: absolute;
    top: 358px;
    margin-left: 33px;
    background-image: url(../img/logo/leaf-static-8.png);
    opacity: 0;
    -webkit-animation: fadeIn 2.2s;
    animation-name: fadeIn;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}














/* Анимация лаптоп */



@media (max-height: 800px) {

.circle-logo { margin-top: -90px !important;}
.btn-modal { margin-top: 10px !important; }
/*.leaf-1, .leaf-2, .leaf-3, .leaf-4, .leaf-5, .leaf-6, .leaf-7, .leaf-8, .leaf-9, .leaf-10, .leaf-11, .leaf-12, .leaf-13, .leaf-14, .leaf-15, .leaf-16, .leaf-17, .leaf-18, .leaf-19, .leaf-20, .leaf-21, .leaf-22, .leaf-23, .leaf-24, .leaf-25, .leaf-26, .leaf-27, .leaf-28, .leaf-29, .leaf-30, .leaf-31, .leaf-32, .leaf-static-1, .leaf-static-2, .leaf-static-3, .leaf-static-4, .leaf-static-5, .leaf-static-6, .leaf-static-7, .leaf-static-8 {	transform: translate(0px, -90px);	-webkit-transform: translate(0px, -90px);	-moz-transform: translate(0px, -90px);	-o-transform: translate(0px, -90px);	-ms-transform: translate(0px, -90px); }*/

.scroll { margin-top:-43px !important; -ms-transform: scale(0.8,0.8); /* IE 9 */ -webkit-transform: scale(0.8,0.8); /* Safari */ transform: scale(0.8,0.8); }
	
.intro-text { -ms-transform: scale(0.8,0.8); /* IE 9 */ -webkit-transform: scale(0.8,0.8); /* Safari */ transform: scale(0.8,0.8); }

.video-div { overflow: visible !important; }

}