@keyframes floating{
    0%,to{transform:translate(0%,-50%)}
    25%{transform:translate(5px,calc(-50% + 15px))}
    50%{transform:translate(10px,calc(-50% + 5px))}
    75%{transform:translate(0%,calc(-50% + 15px))}
}



@keyframes text-botom-to-top{
    0% {bottom: -200px;}
    100% {bottom:0;}
    from {opacity: 0;}
    to   {opacity: 1;}
}


@keyframes text-top-to-bottom{
    0% {bottom: 0px;}
    100% {bottom:-200px;}
    from {opacity: 1;}
    to   {opacity: 0;}
}


@keyframes up-down{
    0% {top: -170px;}
    100% {top: 0px;}
}



@keyframes down-up{
    0% {top: 0px;}
    100% {top: -170px;}
}

@keyframes preloader{
    from{-webkit-transform:rotateY(0deg)}
    to{-webkit-transform:rotateY(-360deg)}
}

@keyframes text-animate-left {
    0% {left: -790px;}
    100% {left:0;}
}
@keyframes text-animate-right {
    0% {right: -800px;}
    100% {right:0;}
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes text-animate-left {
    0% {left: -800px;}
    100% {left:0;}
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes text-animate-top-600 {
    0% {top: -600px;}
    100% {top:0;}
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes text-animate-top {
    0% {top: -200px;}
    100% {top:0;}
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes text-animate-fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


section.showroom img.logo-image {
    top: -600px;
    position: relative;
    opacity: 0;
}
img.logo-image {
    top: -200px;
    position: relative;
    opacity: 0;
}

/*img#lightBulb {*/
/*    animation: pulse 3s linear ;*/
/*}*/

section.section-product-list .product-animation h2.animation-right {
    right: -800px;
    position: relative;
    display: block;
    opacity: 0;
}

section.section-product .card.product-animation .card-body h2.animation-bottom-to-top,
section.section-product .card.product-animation .card-body p.animation-bottom-to-top,
section.section-product-list .product-animation p.animation-bottom-to-top,
section.section-product-list .product-animation h2.animation-bottom-to-top {
    bottom: -200px;
    position: relative;
    display: block;
    opacity: 0;
}

section.section-product-list .product-animation h2.animation-left {
    left: -800px;
    position: relative;
    display: block;
    opacity: 0;
}

section.section-product .card.product-animation.animate .card-body p.animation-bottom-to-top,
section.section-product .card.product-animation.animate .card-body h2.animation-bottom-to-top,
section.section-product-list .product-animation.animate p.animation-bottom-to-top,
section.section-product-list .product-animation.animate h2.animation-bottom-to-top {
    animation-name: text-botom-to-top;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}


section.section-product-list .product-animation.animate h2.animation-right {
    animation-name: text-animate-right;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
section.section-product-list .product-animation.animate h2.animation-left {
    animation-name: text-animate-left;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

section.section-product-list .product-animation a.text-animate-fadeIn {
    opacity: 0;
}
section.section-product .card.product-animation.animate .card-body a.product-button.text-animate-fadeIn,
section.section-product-list .product-animation.animate a.text-animate-fadeIn {
    animation-name: text-animate-fadeIn;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
}

h3.logo-text {
    opacity: 0;
}
h3.logo-text.animate {
    animation-name: text-animate-fadeIn;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

section.showroom.animate img.logo-image {
    animation-name: text-animate-top-600;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}
img.logo-image.animate {
    animation-name: text-animate-top;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes up-down-bulb-contact{
    0% {bottom: 0px}
    100% {bottom: -150px;}
}

@keyframes down-up-bulb-contact{
    0% {bottom: -150px;}
    100% {bottom: 0%;}
}


/*
@media (min-width: 320px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 6.2%}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 6.2%;}
    }
}
@media (min-width: 390px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 7.5%}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 7.5%;}
    }
}

@media (min-width: 490px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 9.5%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 9.5%;}
    }
}

@media (min-width: 590px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 9.3%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 9.3%;}
    }
}


@media (min-width: 690px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 10.7%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 10.7%;}
    }
}

@media (min-width: 790px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 9.8%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 9.8%;}
    }
}

@media (min-width: 890px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 11%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 11%;}
    }
}


@media (min-width: 992px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 12.3%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 12.3%;}
    }
}

@media (min-width: 1120px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 6.4%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 6.4%;}
    }
}

@media (min-width: 1220px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 6.9%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 6.9%;}
    }
}

@media (min-width: 1320px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 7.5%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 7.5%;}
    }
}

@media (min-width: 1420px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 11.9%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 11.9%;}
    }
}

@media (min-width: 1520px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 8.6%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 8.6%;}
    }
}


@media (min-width: 1620px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 9.2%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 9.2%;}
    }
}

@media (min-width: 1720px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 9.8%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 9.8%;}
    }
}

@media (min-width: 1820px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 10.4%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 10.4%;}
    }
}

@media (min-width: 1920px) {
    @keyframes up-down-bulb-contact{
        0% {bottom: 11%;}
        100% {bottom: 0px;}
    }

    @keyframes down-up-bulb-contact{
        0% {bottom: 0px;}
        100% {bottom: 11%;}
    }
}
*/