@keyframes animate-red {
    0% {
        color: red
    }

    100% {
        color: inherit
    }
}

@font-face {
    font-family: FontAwesome;
    src: url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-search:before {
    content: "\f002"
}

.fa-warning:before {
    content: "\f071"
}

.fa-phone:before {
    content: "\f095"
}

.fa-exchange:before {
    content: "\f0ec"
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    unicode-range: U+0400-04FF, U+0500-052F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    unicode-range: U+0590-05FF, U+FB1D-FB4F;
    font-display: swap
}

@font-face {
    font-family: 'Odoo Unicode Support Noto';
    src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
    font-display: swap
}

.dropdown-toggle {
    white-space: nowrap
}

@keyframes catchAttention {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        transform: translateY(-30%)
    }

    20% {
        transform: translateY(-25%)
    }

    40% {
        transform: translateY(-20%)
    }

    60% {
        transform: translateY(-15%)
    }

    80% {
        transform: translateY(-10%)
    }

    100% {
        transform: translateY(-5%)
    }
}

@keyframes markAnim {
    0% {
        opacity: 0;
        transform: scaleX(.5) scaleY(.5)
    }

    30% {
        opacity: 1;
        transform: scaleX(1) scaleY(1)
    }

    100% {
        opacity: 0;
        transform: scaleX(1) scaleY(1)
    }
}

@-moz-keyframes markAnim {
    0% {
        opacity: 0;
        -moz-transform: scaleX(.5) scaleY(.5)
    }

    30% {
        opacity: 1;
        -moz-transform: scaleX(1) scaleY(1)
    }

    100% {
        opacity: 0;
        -moz-transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes markAnim {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(.5) scaleY(.5)
    }

    30% {
        opacity: 1;
        -webkit-transform: scaleX(1) scaleY(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(1) scaleY(1)
    }
}

@-o-keyframes markAnim {
    0% {
        opacity: 0;
        -o-transform: scaleX(.5) scaleY(.5)
    }

    30% {
        opacity: 1;
        -o-transform: scaleX(1) scaleY(1)
    }

    100% {
        opacity: 0;
        -o-transform: scaleX(1) scaleY(1)
    }
}

@-ms-keyframes markAnim {
    0% {
        opacity: 0;
        -ms-transform: scaleX(.5) scaleY(.5)
    }

    30% {
        opacity: 1;
        -ms-transform: scaleX(1) scaleY(1)
    }

    100% {
        opacity: 0;
        -ms-transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -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)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -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)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes reward-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes reward-fading-reverse {
    100% {
        opacity: 0
    }
}

@keyframes reward-jump {
    0% {
        transform: scale(.5)
    }

    50% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes reward-jump-reverse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    to {
        transform: scale(.5)
    }
}

@keyframes reward-rainbow {
    0% {
        stroke-dashoffset: -500
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes reward-rainbow-reverse {
    to {
        stroke-dashoffset: -500
    }
}

@keyframes reward-float {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@keyframes reward-stars {
    from {
        transform: scale(.3) rotate(0)
    }

    50% {
        transform: scale(1) rotate(20deg)
    }

    to {
        transform: scale(.3) rotate(80deg)
    }
}

@keyframes reward-scale {
    from {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes slide-top {
    0% {
        opacity: 0;
        transform: translateY(-5%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slide-bottom {
    0% {
        opacity: 0;
        transform: translateY(5%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes move-left-right {
    0% {
        transform: translate(-3px, 0)
    }

    100% {
        transform: translate(3px, 0)
    }
}

@-moz-keyframes move-left-right {
    0% {
        transform: translate(-3px, 0)
    }

    100% {
        transform: translate(3px, 0)
    }
}

@keyframes move-left-right {
    0% {
        transform: translate(-3px, 0)
    }

    100% {
        transform: translate(3px, 0)
    }
}

@-webkit-keyframes move-bottom-top {
    0% {
        transform: translate(0, -3px)
    }

    100% {
        transform: translate(0, 3px)
    }
}

@-moz-keyframes move-bottom-top {
    0% {
        transform: translate(0, -3px)
    }

    100% {
        transform: translate(0, 3px)
    }
}

@keyframes move-bottom-top {
    0% {
        transform: translate(0, -3px)
    }

    100% {
        transform: translate(0, 3px)
    }
}