/*-------------------------
    Sal Styels
-------------------------*/
/**
 * Settings
 */
/**
  * Easings
  */
/**
  * Core
  */
  [data-sal] {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: var(--sal-duration, 0.2s);
    transition-duration: var(--sal-duration, 0.2s);
    -webkit-transition-delay: var(--sal-delay, 0s);
    transition-delay: var(--sal-delay, 0s);
    -webkit-transition-timing-function: var(--sal-easing, ease);
    transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration='200'] {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

[data-sal][data-sal-duration='250'] {
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

[data-sal][data-sal-duration='300'] {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

[data-sal][data-sal-duration='350'] {
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

[data-sal][data-sal-duration='400'] {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

[data-sal][data-sal-duration='450'] {
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

[data-sal][data-sal-duration='500'] {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

[data-sal][data-sal-duration='550'] {
    -webkit-transition-duration: 0.55s;
    transition-duration: 0.55s;
}

[data-sal][data-sal-duration='600'] {
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

[data-sal][data-sal-duration='650'] {
    -webkit-transition-duration: 0.65s;
    transition-duration: 0.65s;
}

[data-sal][data-sal-duration='700'] {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

[data-sal][data-sal-duration='750'] {
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

[data-sal][data-sal-duration='800'] {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

[data-sal][data-sal-duration='850'] {
    -webkit-transition-duration: 0.85s;
    transition-duration: 0.85s;
}

[data-sal][data-sal-duration='900'] {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

[data-sal][data-sal-duration='950'] {
    -webkit-transition-duration: 0.95s;
    transition-duration: 0.95s;
}

[data-sal][data-sal-duration='1000'] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

[data-sal][data-sal-duration='1050'] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s;
}

[data-sal][data-sal-duration='1100'] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s;
}

[data-sal][data-sal-duration='1150'] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s;
}

[data-sal][data-sal-duration='1200'] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

[data-sal][data-sal-duration='1250'] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s;
}

[data-sal][data-sal-duration='1300'] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s;
}

[data-sal][data-sal-duration='1350'] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s;
}

[data-sal][data-sal-duration='1400'] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

[data-sal][data-sal-duration='1450'] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s;
}

[data-sal][data-sal-duration='1500'] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

[data-sal][data-sal-duration='1550'] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s;
}

[data-sal][data-sal-duration='1600'] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

[data-sal][data-sal-duration='1650'] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s;
}

[data-sal][data-sal-duration='1700'] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s;
}

[data-sal][data-sal-duration='1750'] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s;
}

[data-sal][data-sal-duration='1800'] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

[data-sal][data-sal-duration='1850'] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s;
}

[data-sal][data-sal-duration='1900'] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s;
}

[data-sal][data-sal-duration='1950'] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s;
}

[data-sal][data-sal-duration='2000'] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}

[data-sal][data-sal-delay='50'] {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

[data-sal][data-sal-delay='100'] {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

[data-sal][data-sal-delay='150'] {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

[data-sal][data-sal-delay='200'] {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

[data-sal][data-sal-delay='250'] {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

[data-sal][data-sal-delay='300'] {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

[data-sal][data-sal-delay='350'] {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

[data-sal][data-sal-delay='400'] {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-sal][data-sal-delay='450'] {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

[data-sal][data-sal-delay='500'] {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

[data-sal][data-sal-delay='550'] {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

[data-sal][data-sal-delay='600'] {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

[data-sal][data-sal-delay='650'] {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

[data-sal][data-sal-delay='700'] {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

[data-sal][data-sal-delay='750'] {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

[data-sal][data-sal-delay='800'] {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

[data-sal][data-sal-delay='850'] {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

[data-sal][data-sal-delay='900'] {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

[data-sal][data-sal-delay='950'] {
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

[data-sal][data-sal-delay='1000'] {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

[data-sal][data-sal-easing='linear'] {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

[data-sal][data-sal-easing='ease'] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

[data-sal][data-sal-easing='ease-in'] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

[data-sal][data-sal-easing='ease-out'] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

[data-sal][data-sal-easing='ease-in-out'] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing='ease-in-cubic'] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing='ease-out-cubic'] {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing='ease-in-out-cubic'] {
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing='ease-in-circ'] {
    -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing='ease-out-circ'] {
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing='ease-in-out-circ'] {
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing='ease-in-expo'] {
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing='ease-out-expo'] {
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing='ease-in-out-expo'] {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing='ease-in-quad'] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing='ease-out-quad'] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing='ease-in-out-quad'] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing='ease-in-quart'] {
    -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing='ease-out-quart'] {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing='ease-in-out-quart'] {
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing='ease-in-quint'] {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing='ease-out-quint'] {
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing='ease-in-out-quint'] {
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing='ease-in-sine'] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing='ease-out-sine'] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing='ease-in-out-sine'] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing='ease-in-back'] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing='ease-out-back'] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing='ease-in-out-back'] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
  * Animations
  */
[data-sal|='fade'] {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

[data-sal|='fade'].sal-animate,
body.sal-disabled [data-sal|='fade'] {
    opacity: 1;
}

[data-sal|='slide'] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-sal='slide-up'] {
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

[data-sal='slide-down'] {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}

[data-sal='slide-left'] {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
}

[data-sal='slide-right'] {
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
}

[data-sal|='slide'].sal-animate,
body.sal-disabled [data-sal|='slide'] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

[data-sal|='zoom'] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-sal='zoom-in'] {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

[data-sal='zoom-out'] {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

[data-sal|='zoom'].sal-animate,
body.sal-disabled [data-sal|='zoom'] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

[data-sal|='flip'] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

[data-sal='flip-left'] {
    -webkit-transform: perspective(2000px) rotateY(-91deg);
    transform: perspective(2000px) rotateY(-91deg);
}

[data-sal='flip-right'] {
    -webkit-transform: perspective(2000px) rotateY(91deg);
    transform: perspective(2000px) rotateY(91deg);
}

[data-sal='flip-up'] {
    -webkit-transform: perspective(2000px) rotateX(-91deg);
    transform: perspective(2000px) rotateX(-91deg);
}

[data-sal='flip-down'] {
    -webkit-transform: perspective(2000px) rotateX(91deg);
    transform: perspective(2000px) rotateX(91deg);
}

[data-sal|='flip'].sal-animate,
body.sal-disabled [data-sal|='flip'] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}