/*Muse elements transitions*/

/*User elements transitions*/
.transition {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}

.move-block {
    animation: load-page 2s cubic-bezier(.13,.52,.65,.97);
}

@keyframes load-page {
    0% {
        transform: translateY(-150px);
        opacity: 0;
    }
    75% {
        transform: translateY(-150px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.icon-toggle-menu-1 {
    animation: trans1 2.5s cubic-bezier(.17, .84, .44, 1) 5s infinite;
}

@keyframes trans1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(19px);
    }
    100% {
        transform: translateY(19px);
    }
}

.icon-toggle-menu-2 {
    animation: trans2 2.5s cubic-bezier(.17, .84, .44, 1) 5s infinite;
}

@keyframes trans2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-19px);
    }
    100% {
        transform: translateY(-19px);
    }
}

.line-top, .line-right, .line-bottom, .line-left, .btn-bg-hover:before {
    -webkit-transition: all 0.4s cubic-bezier(1, -0.49, .51, .76) 0s;
    -moz-transition: all 0.4s cubic-bezier(1, -0.49, .51, .76) 0s;
    -o-transition: all 0.4s cubic-bezier(1, -0.49, .51, .76) 0s;
    transition: all 0.4s cubic-bezier(1, -0.49, .51, .76) 0s;
}

.btn-discover:hover .line-right {
    transform: translateY(100%);
    opacity: 0;
}

.btn-discover:hover .line-bottom {
    transform: translateX(-100%);
    opacity: 0;
}

.line-top, .line-left {
    -webkit-transition: all 0.4s cubic-bezier(.74, .06, .07, 1.29) 0s;
    -moz-transition: all 0.4s cubic-bezier(.74, .06, .07, 1.29) 0s;
    -o-transition: all 0.4s cubic-bezier(.74, .06, .07, 1.29) 0s;
    transition: all 0.4s cubic-bezier(.74, .06, .07, 1.29) 0s;
}

.line-left {
    transform: translateY(-100%);
    opacity: 0;
}

.line-top {
    transform: translateX(-100%);
    opacity: 0;
}

.btn-discover:hover .line-left {
    transform: translate(0);
    opacity: 1;
}

.btn-discover:hover .line-top {
    transform: translate(0);
    opacity: 1;
}

.icon-rotate span {
    animation: irotate 2s linear infinite;
}

@keyframes irotate {
    from {
        transform: rotate(0deg);
        transform-origin: center;
    }
    to {
        transform: rotate(360deg);
        transform-origin: center;
    }
}

.btn-bg-hover::before {
    content: '';
    background-color: #181818;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-bg-hover:hover:before {
    width: 100%;
}