/*==========================================================================
DEFAULT
===========================================================================*/
html{
    padding: 0 !important;
    margin: 0 !important;
}
body{
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}
*, :after, :before{
    box-sizing: border-box;
}
*:focus{
    outline: 0;
    box-shadow: none;
}
img,
video{
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
svg{
    vertical-align: middle;
    max-width: 100%;
}
iframe{
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    border: none;
}
figure{
    margin: 0;
}
small{
    font-weight: var(--main-fw);
}
big{
    font-weight: var(--heading-fw-2);
}
a{
    cursor: pointer;
    color: inherit;
    fill: inherit;
    text-decoration: none;
    transition: .2s;
}
a:hover{
    color: var(--main-cl);
    fill: var(--main-cl);
}
svg{
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: inherit;
}
svg *{
    fill: inherit;
}
h1,h2,h3,h4,h5,h6{
    color: var(--dark-cl);
    font-weight: 600;
    margin: 0 0 10px;
}
h1{
    font-size: 30px;
    line-height: 1.33333333;
}
h2{
    font-size: 26px;
    line-height: 1.4;
}
h3{
    font-size: 22px;
    line-height: 1.45;
}
h4{
    font-size: 18px;
    line-height: 1.5;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 14px;
}
p{
    margin: 0 0 20px;
}
ul{
    margin: 0 0 20px;
}
@media (max-width: 1199px){
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 17px;
    }
}
@media (max-width: 767px){
    h1{
        font-size: 25px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 16px;
    }
    h5{
        font-size: 15px;
    }
}
/*----- ICON -----*/
body .fa, /* awesome */
body .fa:before,
body .fab, /* awesome b */
body .fab:before,
body .dashicons, /* dashicons */
body .dashicons:before,
body .dashicons-before:before{
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    direction: inherit;
    margin: 0;
}
/* linear-icon */
/* main-icon */
[class^="lnr-"],
[class*=" lnr-"],
[class^="main-icon-"],
[class*=" main-icon-"]{
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}
[class^="main-icon-"],
[class*=" main-icon-"]{
    fill: inherit;
    stroke: inherit;
}
[class^="main-icon-"] svg,
[class*=" main-icon-"] svg{
    vertical-align: text-top;
    fill: inherit;
    stroke: inherit;
    width: 1em;
    height: 1em;
}
[class^="main-icon-"] svg *,
[class*=" main-icon-"] svg *{
    fill: inherit;
    stroke: inherit;
}
.icon svg{
    vertical-align: text-top;
}
/*----- PLACEHOLDER -----*/
::placeholder{
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
::-webkit-input-placeholder{
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
:-moz-placeholder{
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
::-moz-placeholder{
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
:-ms-input-placeholder{
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
/*==========================================================================
GRID BOX, FLEX BOX, SLIDER BOX
===========================================================================*/
/*----- BOX -----*/
.trending-wrap,
.grid-box,
.flex-box,
.grid-slider{
    --box-cols: var(--cols);
    --box-cols-gap: var(--cols-gap);
    --box-rows-gap: var(--rows-gap);
}
@media (max-width: 1499px){
    .trending-wrap,
    .grid-box,
    .flex-box,
    .grid-slider{
        --box-cols: var(--cols-1500);
        --box-cols-gap: var(--cols-1500-gap);
        --box-rows-gap: var(--rows-1500-gap);
    }
}
@media (max-width: 1199px){
    .trending-wrap,
    .grid-box,
    .flex-box,
    .grid-slider{
        --box-cols: var(--cols-1200);
        --box-cols-gap: var(--cols-1200-gap);
        --box-rows-gap: var(--rows-1200-gap);
    }
}
@media (max-width: 991px){
    .trending-wrap,
    .grid-box,
    .flex-box,
    .grid-slider{
        --box-cols: var(--cols-992);
        --box-cols-gap: var(--cols-992-gap);
        --box-rows-gap: var(--rows-992-gap);
    }
}
@media (max-width: 767px){
    .trending-wrap,
    .grid-box,
    .flex-box,
    .grid-slider{
        --box-cols: var(--cols-768);
        --box-cols-gap: var(--cols-768-gap);
        --box-rows-gap: var(--rows-768-gap);
    }
}
@media (max-width: 479px){
    .trending-wrap,
    .grid-box,
    .flex-box,
    .grid-slider{
        --box-cols: var(--cols-480);
        --box-cols-gap: var(--cols-480-gap);
        --box-rows-gap: var(--rows-480-gap);
    }
}
/* grid-box */
.grid-box{
    display: flex;
    flex-wrap: wrap;
    gap: var(--box-rows-gap) 0;
    margin: 0 calc(var(--box-cols-gap) / 2 * -1);
    position: relative;
}
.grid-box > *{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / var(--box-cols));
    max-width: 100%;
    padding: 0 calc(var(--box-cols-gap) / 2);
}
.grid-box > * > *{
    width: 100%;
}
.grid-box > [class^="size-2x"],
.grid-box > [class*=" size-2x"]{
    width: calc(100% / var(--box-cols) * 2);
}
.grid-box > [class^="size-3x"],
.grid-box > [class*=" size-3x"]{
    width: calc(100% / var(--box-cols) * 3);
}
.grid-box > [class^="size-4x"],
.grid-box > [class*=" size-4x"]{
    width: calc(100% / var(--box-cols) * 4);
}
/* flex-box */
.trending-wrap:not(:empty),
.flex-box:not(:empty){
    display: flex;
    flex-wrap: wrap;
    gap: var(--box-rows-gap) var(--box-cols-gap);
    position: relative;
}
.flex-box > *{
    display: flex;
    flex-wrap: wrap;
    width: calc((100% + var(--box-cols-gap)) / var(--box-cols) - var(--box-cols-gap));
    max-width: 100%;
}
.flex-box > * > *{
    width: 100%;
}
/* grid-slider */
.grid-slider .slick-list{
    margin: calc(var(--box-rows-gap) / 2 * -1) calc(var(--box-cols-gap) / 2 * -1);
}
.grid-slider .slick-list .slick-slide{
    width: calc(100% / var(--box-cols));
    max-width: 100%;
    padding: calc(var(--box-rows-gap) / 2) calc(var(--box-cols-gap) / 2);
}
.grid-slider .slick-list .slick-slide > *:not([class]):not(:last-child){
    margin-bottom: var(--box-rows-gap);
}
.grid-slider .slick-list .slick-slide > *:not([class]):empty{
    display: none;
}
.grid-slider:not(.slick-initialized){
    display: flex;
    flex-wrap: nowrap;
    margin: calc(var(--box-rows-gap) / 2 * -1) calc(var(--box-cols-gap) / 2 * -1);
    overflow: hidden;
}
.grid-slider:not(.slick-initialized) > *{
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / var(--box-cols));
    max-width: 100%;
    padding: calc(var(--box-rows-gap) / 2) calc(var(--box-cols-gap) / 2);
}
.grid-slider:not(.slick-initialized) > * > *{
    width: 100%;
}
/*==========================================================================
CONTAINER, ROW, COL
===========================================================================*/
.full-width{
    width: 100%;
    padding-inline-start: var(--container-pd);
    padding-inline-end: var(--container-pd);
}
.full-width-pd{
    width: 100%;
}
/*----- CONTAINER -----*/
.container{
    width: 100%;
    max-width: calc(var(--container) + (var(--container-pd) * 2));
    padding: 0 var(--container-pd);
    margin: 0 auto;
}
/*----- ROW -----*/
.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--cols-gap) / 2 * -1);
}
.row > *{
    padding: 0 calc(var(--cols-gap) / 2);
}
/*----- COL -----*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-5, .col-2-5, .col-3-5, .col-4-5,
[class^="col-xs-"], [class*=" col-xs-"],
[class^="col-sm-"], [class*=" col-sm-"],
[class^="col-md-"], [class*=" col-md-"],
[class^="col-lg-"], [class*=" col-lg-"],
[class^="col-xl-"], [class*=" col-xl-"]{
    position: relative;
    width: 100%;
    padding: 0 calc(var(--cols-gap) / 2);
}
.col-auto{
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 0;
}
.col-1{
    max-width: calc(100% / 12)
}
.col-2{
    max-width: calc(100% / 12 * 2)
}
.col-3{
    max-width: 25%
}
.col-4{
    max-width: calc(100% / 12 * 4)
}
.col-5{
    max-width: calc(100% / 12 * 5)
}
.col-6{
    max-width: 50%
}
.col-7{
    max-width: calc(100% / 12 * 7)
}
.col-8{
    max-width: calc(100% / 12 * 8)
}
.col-9{
    max-width: 75%
}
.col-10{
    max-width: calc(100% / 12 * 10)
}
.col-11{
    max-width: calc(100% / 12 * 11)
}
.col-12{
    max-width: 100%
}
.col-1-5{
    max-width: 20%
}
.col-2-5{
    max-width: 40%
}
.col-3-5{
    max-width: 60%
}
.col-4-5{
    max-width: 80%
}
@media (min-width: 480px){
    .col-xs-1{
        max-width: calc(100% / 12)
    }
    .col-xs-2{
        max-width: calc(100% / 12 * 2)
    }
    .col-xs-3{
        max-width: 25%
    }
    .col-xs-4{
        max-width: calc(100% / 12 * 4)
    }
    .col-xs-5{
        max-width: calc(100% / 12 * 5)
    }
    .col-xs-6{
        max-width: 50%
    }
    .col-xs-7{
        max-width: calc(100% / 12 * 7)
    }
    .col-xs-8{
        max-width: calc(100% / 12 * 8)
    }
    .col-xs-9{
        max-width: 75%
    }
    .col-xs-10{
        max-width: calc(100% / 12 * 10)
    }
    .col-xs-11{
        max-width: calc(100% / 12 * 11)
    }
    .col-xs-12{
        max-width: 100%
    }
    .col-xs-1-5{
        max-width: 20%
    }
    .col-xs-2-5{
        max-width: 40%
    }
    .col-xs-3-5{
        max-width: 60%
    }
    .col-xs-4-5{
        max-width: 80%
    }
}
@media (min-width: 768px){
    .col-sm-1{
        max-width: calc(100% / 12)
    }
    .col-sm-2{
        max-width: calc(100% / 12 * 2)
    }
    .col-sm-3{
        max-width: 25%
    }
    .col-sm-4{
        max-width: calc(100% / 12 * 4)
    }
    .col-sm-5{
        max-width: calc(100% / 12 * 5)
    }
    .col-sm-6{
        max-width: 50%
    }
    .col-sm-7{
        max-width: calc(100% / 12 * 7)
    }
    .col-sm-8{
        max-width: calc(100% / 12 * 8)
    }
    .col-sm-9{
        max-width: 75%
    }
    .col-sm-10{
        max-width: calc(100% / 12 * 10)
    }
    .col-sm-11{
        max-width: calc(100% / 12 * 11)
    }
    .col-sm-12{
        max-width: 100%
    }
    .col-sm-1-5{
        max-width: 20%
    }
    .col-sm-2-5{
        max-width: 40%
    }
    .col-sm-3-5{
        max-width: 60%
    }
    .col-sm-4-5{
        max-width: 80%
    }
}
@media (min-width: 992px){
    .col-md-1{
        max-width: calc(100% / 12)
    }
    .col-md-2{
        max-width: calc(100% / 12 * 2)
    }
    .col-md-3{
        max-width: 25%
    }
    .col-md-4{
        max-width: calc(100% / 12 * 4)
    }
    .col-md-5{
        max-width: calc(100% / 12 * 5)
    }
    .col-md-6{
        max-width: 50%
    }
    .col-md-7{
        max-width: calc(100% / 12 * 7)
    }
    .col-md-8{
        max-width: calc(100% / 12 * 8)
    }
    .col-md-9{
        max-width: 75%
    }
    .col-md-10{
        max-width: calc(100% / 12 * 10)
    }
    .col-md-11{
        max-width: calc(100% / 12 * 11)
    }
    .col-md-12{
        max-width: 100%
    }
    .col-md-1-5{
        max-width: 20%
    }
    .col-md-2-5{
        max-width: 40%
    }
    .col-md-3-5{
        max-width: 60%
    }
    .col-md-4-5{
        max-width: 80%
    }
}
@media (min-width: 1200px){
    .col-lg-1{
        max-width: calc(100% / 12)
    }
    .col-lg-2{
        max-width: calc(100% / 12 * 2)
    }
    .col-lg-3{
        max-width: 25%
    }
    .col-lg-4{
        max-width: calc(100% / 12 * 4)
    }
    .col-lg-5{
        max-width: calc(100% / 12 * 5)
    }
    .col-lg-6{
        max-width: 50%
    }
    .col-lg-7{
        max-width: calc(100% / 12 * 7)
    }
    .col-lg-8{
        max-width: calc(100% / 12 * 8)
    }
    .col-lg-9{
        max-width: 75%
    }
    .col-lg-10{
        max-width: calc(100% / 12 * 10)
    }
    .col-lg-11{
        max-width: calc(100% / 12 * 11)
    }
    .col-lg-12{
        max-width: 100%
    }
    .col-lg-1-5{
        max-width: 20%
    }
    .col-lg-2-5{
        max-width: 40%
    }
    .col-lg-3-5{
        max-width: 60%
    }
    .col-lg-4-5{
        max-width: 80%
    }
}
@media (min-width: 1500px){
    .col-xl-1{
        max-width: calc(100% / 12)
    }
    .col-xl-2{
        max-width: calc(100% / 12 * 2)
    }
    .col-xl-3{
        max-width: 25%
    }
    .col-xl-4{
        max-width: calc(100% / 12 * 4)
    }
    .col-xl-5{
        max-width: calc(100% / 12 * 5)
    }
    .col-xl-6{
        max-width: 50%
    }
    .col-xl-7{
        max-width: calc(100% / 12 * 7)
    }
    .col-xl-8{
        max-width: calc(100% / 12 * 8)
    }
    .col-xl-9{
        max-width: 75%
    }
    .col-xl-10{
        max-width: calc(100% / 12 * 10)
    }
    .col-xl-11{
        max-width: calc(100% / 12 * 11)
    }
    .col-xl-12{
        max-width: 100%
    }
    .col-xl-1-5{
        max-width: 20%
    }
    .col-xl-2-5{
        max-width: 40%
    }
    .col-xl-3-5{
        max-width: 60%
    }
    .col-xl-4-5{
        max-width: 80%
    }
}
/*----- SITE CONTENT -----*/
#MainContent > .container section > .container{
    max-width: 100%;
    padding: 0;
}
@media (min-width: 768px){
    .sidebar-tablet.sidebar-start > .section-inner > .section-inner,
    .sidebar-tablet.sidebar-end > .section-inner > .section-inner{
        display: flex;
        flex-wrap: wrap;
        gap: 30px var(--sidebar-space);
    }
    .sidebar-tablet.sidebar-start > .section-inner > .site-main,
    .sidebar-tablet.sidebar-end > .section-inner > .site-main{
        flex: 1 1 auto;
        width: 1%;
    }
    .sidebar-tablet.sidebar-start > .section-inner > .sidebar{
        order: -1;
        width: var(--sidebar-width);
    }
    .sidebar-tablet.sidebar-end > .section-inner > .sidebar{
        order: 1;
        width: var(--sidebar-width);
    }
}
@media (min-width: 1200px){
    .sidebar-start > .site-inner,
    .sidebar-end > .site-inner,
    .sidebar-start > .section-inner,
    .sidebar-end > .section-inner{
        display: flex;
        flex-wrap: wrap;
        gap: 30px var(--sidebar-space);
    }
    .sidebar-start > .site-inner > .site-main,
    .sidebar-end > .site-inner > .site-main,
    .sidebar-start > .section-inner > .site-main,
    .sidebar-end > .section-inner > .site-main{
        flex: 1 1 auto;
        width: 1%;
    }
    .sidebar-start > .site-inner > .sidebar,
    .sidebar-start > .section-inner > .sidebar{
        order: -1;
        width: var(--sidebar-width);
    }
    .sidebar-end > .site-inner > .sidebar,
    .sidebar-end > .section-inner > .sidebar{
        order: 1;
        width: var(--sidebar-width);
    }
}
/*==========================================================================
HOVER EFFECT
 * image-zoom
 * image-overlay
 * plus-zoom
 * overlay-plus
 * overlay-cross
 * overlay-horizontal
 * overlay-vertical
 * border-zoom
 * border-plus
 * border-scale
 * bounce-in
 * blur-filter
 * gray-filter
 * rotate-left
 * rotate-right
===========================================================================*/
.effect{
    position: relative;
    --alz-effect-bg: #fff;
    --alz-effect-opc: .5;
    --alz-effect-trs: .5s;
}
.effect-obj{
    transition: var(--alz-effect-trs);
}
/*----- IMAGE ZOOM -----*/
.image-zoom{
    overflow: hidden;
}
.image-zoom:hover .effect-obj{
    transform: scale(1.1);
}
.zoom_img a{
    overflow: hidden;
}
.zoom_img a:hover img,
.zoom_img a:hover .pr_lazy_img,
.zoom_img .pr_lazy_img:hover{
    transform: scale(1.1);
}
.zoom_img .alz-image img{
    transform: scale(1);
    transition: opacity .5s, transform .5s
}
.zoom_img .alz-image img:hover{
    transform: scale(1.1);
}
/*----- MASK OVERLAY -----*/
.image-overlay{
    --alz-effect-trs: .3s;
}
.image-overlay > *,
.plus-zoom > *,
.overlay-plus > *,
.overlay-cross > *,
.overlay-horizontal > *,
.overlay-vertical > *,
.border-zoom > *,
.border-plus > *,
.border-scale > *{
    z-index: 2;
}
.image-overlay:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--alz-effect-bg);
    opacity: 0;
    transition: var(--alz-effect-trs);
    z-index: 1;
    pointer-events: none;
}
.image-overlay:hover:before{
    opacity: var(--alz-effect-opc);
}
/*----- PLUS ZOOM -----*/
.plus-zoom:before,
.plus-zoom:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    transition: var(--alz-effect-trs);
    z-index: 1;
    pointer-events: none;
}
.plus-zoom:hover:before{
    width: 0;
    background-color: var(--alz-effect-bg);
    opacity: var(--alz-effect-opc);
}
.plus-zoom:hover:after{
    height: 0;
    background-color: var(--alz-effect-bg);
    opacity: var(--alz-effect-opc);
}
/*----- OVERLAY PLUS, CROSS, HORIZONTAL, VERTICAL -----*/
.overlay-plus,
.overlay-cross,
.overlay-horizontal,
.overlay-vertical{
    --alz-effect-opc: .15;
}
.overlay-plus:before,
.overlay-plus:after,
.overlay-cross:before,
.overlay-cross:after,
.overlay-horizontal:before,
.overlay-horizontal:after,
.overlay-vertical:before,
.overlay-vertical:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--alz-effect-bg);
    opacity: var(--alz-effect-opc);
    margin: auto;
    transition: var(--alz-effect-trs);
    z-index: 1;
    pointer-events: none;
}
.overlay-plus:not(:hover):before{
    width: 0;
}
.overlay-plus:not(:hover):after{
    height: 0;
}
.overlay-cross:before{
    bottom: auto;
    right: auto;
}
.overlay-cross:after{
    top: auto;
    left: auto;
}
.overlay-cross:not(:hover):before,
.overlay-cross:not(:hover):after{
    width: 0;
    height: 0;
}
.overlay-horizontal:before{
    right: auto;
}
.overlay-horizontal:after{
    left: auto;
}
.overlay-horizontal:not(:hover):before,
.overlay-horizontal:not(:hover):after{
    width: 0;
}
.overlay-vertical:before{
    bottom: auto;
}
.overlay-vertical:after{
    top: auto;
}
.overlay-vertical:not(:hover):before,
.overlay-vertical:not(:hover):after{
    height: 0;
}
/*----- BORDER ZOOM, SCALE, PLUS -----*/
.border-zoom,
.border-plus,
.border-scale{
    --alz-effect-bd-w: 2px;
    --alz-effect-bd-in: 15px;
}
.border-zoom:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: var(--alz-effect-trs);
    z-index: 1;
    pointer-events: none;
}
.border-zoom:hover:before{
    background-color: rgba(var(--dark-cl-r), var(--dark-cl-g), var(--dark-cl-b), var(--alz-effect-opc));
}
.border-zoom:after,
.border-plus:before,
.border-plus:after,
.border-scale:before,
.border-scale:after{
    position: absolute;
    content: '';
    top: var(--alz-effect-bd-in);
    bottom: var(--alz-effect-bd-in);
    left: var(--alz-effect-bd-in);
    right: var(--alz-effect-bd-in);
    border: var(--alz-effect-bd-w) solid #fff;
    margin: auto;
    transition: var(--alz-effect-trs);
    z-index: 1;
    pointer-events: none;
}
.border-zoom:not(:hover):after{
    top: calc(-1px - var(--alz-effect-bd-w));
    bottom: calc(-1px - var(--alz-effect-bd-w));
    left: calc(-1px - var(--alz-effect-bd-w));
    right: calc(-1px - var(--alz-effect-bd-w));
}
.border-plus:before,
.border-scale:before{
    border-width: var(--alz-effect-bd-w) 0;
}
.border-plus:after,
.border-scale:after{
    border-width: 0 var(--alz-effect-bd-w);
}
.border-scale:not(:hover):before{
    left: 50%;
    right: 50%;
}
.border-scale:not(:hover):after{
    top: 50%;
    bottom: 50%;
}
.border-plus:not(:hover):before{
    top: 30%;
    bottom: 30%;
    opacity: 0;
}
.border-plus:not(:hover):after{
    left: 30%;
    right: 30%;
    opacity: 0;
}
/*----- BOUNCE IN -----*/
.bounce-in:hover .effect-obj{
    animation: bounceIn var(--alz-effect-trs);
}
/*----- BLUR FILTER -----*/
.blur-filter:not(:hover) .effect-obj{
    opacity: var(--alz-effect-opc);
}
/*----- GRAY FILTER -----*/
.gray-filter:not(:hover) .effect-obj{
    filter: grayscale(100%);
}
/*----- ROTATE IN -----*/
.rotate-left .effect-obj,
.rotate-right .effect-obj{
    transition: calc(var(--alz-effect-trs) + .2s);
}
.rotate-left:hover .effect-obj{
    transform: scale(1.2) rotate(-5deg);
}
.rotate-right:hover .effect-obj{
    transform: scale(1.2) rotate(5deg);
}
/*==========================================================================
ANIMATION
===========================================================================*/
/*----- MARQUEE -----*/
@keyframes alz-marquee{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(-100%);
    }
}
@keyframes alz-marquee-1{
    /* step 0*/
    0%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    /* step 1*/
    25%{
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    26%{
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
    /* step 2*/
    49%{
        transform: translateX(200%);
        opacity: 0;
        visibility: hidden;
    }
    50%{
        transform: translateX(200%);
        opacity: 1;
        visibility: visible;
    }
    /* step 3*/
    75%{
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    /* step 4*/
    100%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}
@keyframes alz-marquee-2{
    /* step 0*/
    0%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    /* step 1*/
    25%{
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    /* step 2*/
    50%{
        transform: translateX(-200%);
        opacity: 1;
        visibility: visible;
    }
    51%{
        transform: translateX(-200%);
        opacity: 0;
        visibility: hidden;
    }
    /* step 3*/
    74%{
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    75%{
        transform: translateX(100%);
        opacity: 1;
        visibility: visible;
    }
    /* step 4*/
    100%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}
@keyframes alz-marquee-3{
    /* step 0*/
    0%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    /* step 1*/
    25%{
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    /* step 2*/
    50%{
        transform: translateX(-200%);
        opacity: 1;
        visibility: visible;
    }
    /* step 3*/
    75%{
        transform: translateX(-300%);
        opacity: 1;
        visibility: visible;
    }
    76%{
        transform: translateX(-300%);
        opacity: 0;
        visibility: hidden;
    }
    /* step 4*/
    99%{
        transform: translateX(0);
        opacity: 0;
        visibility: hidden;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}
@keyframes alz-marquee-4{
    /* step 0*/
    0%{
        transform: translateX(-400%);
        opacity: 1;
        visibility: visible;
    }
    1%{
        transform: translateX(-400%);
        opacity: 0;
        visibility: hidden;
    }
    /* step 1*/
    24%{
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
    25%{
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
    }
    /* step 2*/
    50%{
        transform: translateX(-200%);
        opacity: 1;
        visibility: visible;
    }
    /* step 3*/
    75%{
        transform: translateX(-300%);
        opacity: 1;
        visibility: visible;
    }
    /* step 4*/
    100%{
        transform: translateX(-400%);
        opacity: 1;
        visibility: visible;
    }
}
/*----- ANIMATION -----*/
.slide-layer{
    animation-duration: .5s;
}
.sales_animated{
    animation-duration: 1s;
    animation-fill-mode: both
}
.animation-up{
    animation: animate-up linear infinite 6s;
}