.animation-container {
    /* overflow: hidden; */
    position: relative;
}

.animate-block {
    overflow: hidden;
    /* visibility: hidden; */
}


/*=========================Bottom-To-Top===========================*/

.btt {
    -moz-animation: abtt 1s ease 0s forwards;
    -webkit-animation: abtt 1s ease 0s forwards;
    -ms-animation: abtt 1s ease 0s forwards;
    animation: abtt 1s ease 0s forwards;
}

@-moz-keyframes abtt
/* Firefox */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateY(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateY(0%);
    }
}

@-webkit-keyframes abtt
/* Safari and Chrome */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateY(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateY(0%);
    }
}

@-ms-keyframes abtt
/* IE10 */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateY(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateY(0%);
    }
}

@keyframes abtt {
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateY(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateY(0%);
    }
}


/*=========================Right-To-Left===========================*/

.rtl {
    -moz-animation: artf 1s ease 0s forwards;
    -webkit-animation: artf 1s ease 0s forwards;
    -ms-animation: artf 1s ease 0s forwards;
    animation: artf 1s ease 0s forwards;
}

@-moz-keyframes artf
/* Firefox */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@-webkit-keyframes artf
/* Safari and Chrome */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@-ms-keyframes artf
/* IE10 */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@keyframes artf {
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}


/*=========================Left-To-Right===========================*/

.ltr {
    -moz-animation: altr 1s ease 0s forwards;
    -webkit-animation: altr 1s ease 0s forwards;
    -ms-animation: altr 1s ease 0s forwards;
    animation: altr 1s ease 0s forwards;
}

@-moz-keyframes altr
/* Firefox */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(-100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@-webkit-keyframes altr
/* Safari and Chrome */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(-100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@-ms-keyframes altr
/* IE10 */

{
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(-100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}

@keyframes altr {
    from {
        overflow: hidden;
        visibility: hidden;
        transform: translateX(-100%);
    }
    to {
        overflow: unset;
        visibility: visible;
        transform: translateX(0%);
    }
}


/*=========================Header===========================*/

.fade-out-header {
    -moz-animation: afoh 0.5s ease 0s forwards;
    -webkit-animation: afoh 0.5s ease 0s forwards;
    -ms-animation: afoh 0.5s ease 0s forwards;
    animation: afoh 0.5s ease 0s forwards;
}

@-moz-keyframes afoh
/* Firefox */

{
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes afoh
/* Safari and Chrome */

{
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-ms-keyframes afoh
/* IE10 */

{
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes afoh {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}



.fade-in-header {
    -moz-animation: afih 0.5s ease 0s forwards;
    -webkit-animation: afih 0.5s ease 0s forwards;
    -ms-animation: afih 0.5s ease 0s forwards;
    animation: afih 0.5s ease 0s forwards;
}

@-moz-keyframes afih
/* Firefox */

{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes afih
/* Safari and Chrome */

{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes afih
/* IE10 */

{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes afih {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.block-text-img{
    position: relative;
}

.block-text-img .text-inner-wrap .big-text .text-inner{
    position: relative;
}

.block-text-img .text-inner-wrap .big-text .text-white{
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    color: #fff;
    font-family: 'Dolis Dark';
    font-size: 50px;
}

.block-text-img .text-inner-wrap .big-text .text-red{
    font-family: 'Sierra Irregular';
    text-shadow: none;
    color: #ff0000;
    font-size: 50px;
    position: absolute;
    left: -5px;
    bottom: -20px;
}

.block-text-img .text-inner-wrap .text-img p{
    font-family: 'Dolis Dark';
    font-size: 45px;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    color: #E30000;
}

.animation-corner img{
    position: absolute;
}

.lead-to-party-text{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -100px;
    height: 100%;
    display: flex;
    align-items: center;
}
.lead-to-party-text .wtf{
    position: absolute;
    top: 70px;
    width: 70px;
    right: -100px;
    z-index: 9;
}
.lead-to-party-text > img{
    width: 70%;
    margin: 0 auto;
}
.ani-top-left{
    top: -15px;
    width: 300px;
    left: -15rem;
}
.ani-top-right{
    right: -28rem;
    top: -100px;
    width: 360px;
}

.ani-bottom-left{
    bottom: -80px;
    left: -25rem;
    width: 355px;
}

.ani-bottom-right{
    right: -17rem;
    top: -13rem;
    z-index: 5;
    width: 350px;
    position: absolute;
}

.video-image-section-destop .image-lemon{
    z-index: 10;
}

.text-inner-wrap > div .inner{
    position: relative;
}

.text-inner-wrap .ani-tres .big-text{
    position: absolute;
    left: -130px;
    top: -30px;
}

.text-inner-wrap .ani-tres .text-img{
    margin: -5px 0 0 25px;
}

.text-inner-wrap p{
    margin: 0;
}

.text-inner-wrap .ani-tres .text-img p{
    margin: 0;
}

.text-inner-wrap .ani-dos .big-text{
    position: absolute;
    left: -90px;
    top: -40px;
}

.text-inner-wrap .ani-uno .big-text{
    position: absolute;
    left: 110px;
    top: 30px;
}

.text-inner-wrap .ani-uno .text-img{
    margin: -10px 0 0 65px;
}

.ani-uno{
    position: absolute;
    top: 0;
    right: 105rem;
}

.ani-dos{
    position: absolute;
    top: 10rem;
}

.ani-tres{
        position: absolute;
    top: 17rem;
    left: 55rem;
}

.sierra-tequila-reposado-image .text-inner-wrap .ani-dos .big-text{
    top: 0;
}

.sierra-tequila-reposado-image .text-inner-wrap .ani-tres .text-img{
    margin: -8px 0 0 -10px;
}

.sierra-tequila-reposado-image .text-inner-wrap .ani-uno .big-text{
    position: absolute;
    left: 95px;
    top: 0;
}

.sierra-tequila-reposado-image .text-inner-wrap .ani-uno .text-img{
    margin: 0px 0 0 -65px;
}

.sierra-tequila-reposado-image .ani-uno{
    position: absolute;
    top: -36px;
    right: inherit;
}

.sierra-tequila-reposado-image .ani-tres{
    left: 23rem;
}

.sierra-tequila-reposado-image .ani-dos{
    position: absolute;
    top: 12rem;
}

.logo img{
    width: 100%;
}