/*!
*   MA5-mobile-menu
*   v 3.0.3
*   Copyright (c) 2016 Tomasz Kalinowski
*   GitHub: https://github.com/ma-5/ma5-mobile-menu
*/
.ma5menu { display: none; max-width:720px;}
.ma5menu--active .ma5menu__page { margin-right: -17px; height: 100%; overflow: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: -webkit-transform 0.3s ease-out 0s; -o-transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; }

@media (min-width: 768px) {
    .ma5menu--active .ma5menu__page { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

.ma5menu > ul { display: none; }
.ma5menu__head { overflow: hidden; color: #fff; background-color: transparent; position: relative; }
.ma5menu__header { overflow: hidden; color: #fff; background-color: transparent; position: relative; }

.ma5menu__close { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; background-color: transparent; }
.ie .ma5menu__close { fill: #fff; }
.ma5menu__toggle:hover .ma5menu__close { background-color: transparent; }
.ma5menu__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 40px; height: 40px; }
.ie .ma5menu__logo { fill: #fff; }
.ma5menu__home { font-weight: 700; color: inherit; }
.ma5menu__tools { display: none; }
.ma5menu__footer .ma5menu__tools { display: block; }
.ma5menu__footer { padding: 20px 20px 30px 20px; text-align: center; color: rgba(0,0,0,0.6); background-color: transparent; text-transform: none; }
.ma5menu__footer a { color: #ffc107; }
.ma5menu__toggle { cursor: pointer; color: #fff; -ms-touch-action: manipulation; touch-action: manipulation; position: relative; }
.ma5menu__toggle:hover { color: #fff; }
.ie .ma5menu__toggle:hover { fill: #fff; }
.ie .ma5menu__toggle { fill: #fff; }
.ma5menu__toggle .ma5menu__icon-toggle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 42px; height: 24px; }

.ma5menu__header .ma5menu__toggle:hover { background-color: transparent; }
.ma5menu--left .ma5menu__header .ma5menu__toggle { right: 0; }
.ma5menu--right .ma5menu__header .ma5menu__toggle { left: 0; }
.ma5menu__icon-up { margin: 0; width: 44px; height: 44px; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px 8px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%206%204%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.999%2C3.999%20L5.999%2C1.999%20L5.999%2C0.082%20L2.999%2C2.095%20L-0.001%2C-0.001%20L-0.001%2C1.999%20L2.999%2C3.999%20L2.999%2C3.999%20Z%22/%3E%3C/svg%3E"); }
.ma5menu__alert { display: block; text-align: center; width: 100%; height: 50px; bottom: 0; left: 0; position: absolute; overflow: hidden; z-index: 500; -webkit-transform: translateZ(0); transform: translateZ(0); background-image: -o-linear-gradient(top, rgba(14,101,182,0) 0%, #0e65b6 50%); background-image: linear-gradient(to bottom, rgba(14,101,182,0) 0%, #0e65b6 50%); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 50px; -o-transition: background-position .4s ease-in .3s; transition: background-position .4s ease-in .3s; will-change: auto; pointer-events: none; }

@media (min-width: 768px) {
    .ma5menu__alert { width: 100%; }
}

.ma5menu__container--scroll .ma5menu__alert { background-position: 0 0; -o-transition: background-position .4s ease-out; transition: background-position .4s ease-out; pointer-events: auto; }
.ma5menu__alert-content { width: 150px; height: 40px; position: absolute; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -o-transition: bottom .4s ease-in; transition: bottom .4s ease-in; }
.ma5menu__container--scroll .ma5menu__alert-content { bottom: 0; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ma5-arrowDown; animation-name: ma5-arrowDown; -o-transition: bottom .4s ease-out .4s; transition: bottom .4s ease-out .4s; }

.ma5menu__container {position: fixed; 
height: 100%; top: 0; overflow: hidden; border: none; z-index: 10000; }


@media (max-width: 767px) {
    .ma5menu__container { width: 100%; }
}

@media (min-width: 768px) {
    .ma5menu__container { width: 100%; }
}

.ma5menu--left .ma5menu__container { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
.ma5menu--right .ma5menu__container { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: -100%; }
.ma5menu--ready.ma5menu--left .ma5menu__container { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie.ma5menu--ready.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOut; animation-name: ma5menuOut; }
.ie.ma5menu--ready.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOutIEphone; animation-name: ma5menuOutIEphone; }

@media (min-width: 768px) {
    .ie.ma5menu--ready.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOutIEtablet; animation-name: ma5menuOutIEtablet; }
}

.ma5menu--ready.ma5menu--right .ma5menu__container { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie.ma5menu--ready.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB; }
.ie.ma5menu--ready.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone; }

@media (min-width: 768px) {
    .ie.ma5menu--ready.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet; }
}

.ma5menu--active.ma5menu--left .ma5menu__container { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie.ma5menu--active.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB; }
.ie.ma5menu--active.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone; }

@media (min-width: 768px) {
    .ie.ma5menu--active.ma5menu--left .ma5menu__container { -webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet; }
}

.ma5menu--active.ma5menu--right .ma5menu__container { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie.ma5menu--active.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuIn; animation-name: ma5menuIn; }
.ie.ma5menu--active.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuInIEphone; animation-name: ma5menuInIEphone; }

@media (min-width: 768px) {
    .ie.ma5menu--active.ma5menu--right .ma5menu__container { -webkit-animation-name: ma5menuInIEtablet; animation-name: ma5menuInIEtablet; }
}

@media (min-width: 768px) {
    .ma5menu--left .ma5menu__container { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); padding: 0; left: 0; }
}

@media (min-width: 768px) {
    .ma5menu--right .ma5menu__container { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: -100%; }
}

.safari .ma5menu__container { height: 100%; }
.preload .ma5menu__container { opacity: 0; z-index: -1; }
.ma5menu__panel { display: none; width: 100%; height: 80%; height: calc(100% - 60px); position: absolute; overflow: hidden; overflow-y: auto; top: 60px; left: 0; margin: 0; padding: 0; list-style-type: none; z-index: 100; color: rgba(0,0,0,1); }

@media (min-width: 768px) {
    .ma5menu__panel { width: 100%; }
}

.ma5menu__panel.has-scrollbar { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.ma5menu__panel:hover::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.4); }
.ma5menu__panel::-webkit-scrollbar { width: 9px; background-color: #0d60ad; }
.ma5menu__panel::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.15); outline: none; border-right: 3px solid #0d60ad; }
.ma5menu__panel:first-of-type { z-index: 160; }
.ma5menu__panel--parent-leave, .ma5menu__panel--parent-enter { z-index: 180; display: block; }
.ma5menu__panel--active-leave, .ma5menu__panel--active-enter { z-index: 190; display: block; }
.ma5menu__panel--active-enter { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie .ma5menu__panel--active-enter { -webkit-animation-name: ma5-panelIn; animation-name: ma5-panelIn; }
.ie .ma5menu__panel--active-enter { -webkit-animation-name: ma5-panelInIEphone; animation-name: ma5-panelInIEphone; }

@media (min-width: 768px) {
    .ie .ma5menu__panel--active-enter { -webkit-animation-name: ma5-panelInIEtablet; animation-name: ma5-panelInIEtablet; }
}

.ma5menu__panel--active-leave { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie .ma5menu__panel--active-leave { -webkit-animation-name: ma5-panelOut; animation-name: ma5-panelOut; }
.ie .ma5menu__panel--active-leave { -webkit-animation-name: ma5-panelOutIEphone; animation-name: ma5-panelOutIEphone; }

@media (min-width: 768px) {
    .ie .ma5menu__panel--active-leave { -webkit-animation-name: ma5-panelOutIEtablet; animation-name: ma5-panelOutIEtablet; }
}

.ma5menu__panel--parent-enter { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie .ma5menu__panel--parent-enter { -webkit-animation-name: ma5menuOut; animation-name: ma5menuOut; }
.ie .ma5menu__panel--parent-enter { -webkit-animation-name: ma5menuOutIEphone; animation-name: ma5menuOutIEphone; }

@media (min-width: 768px) {
    .ie .ma5menu__panel--parent-enter { -webkit-animation-name: ma5menuOutIEtablet; animation-name: ma5menuOutIEtablet; }
}

.ma5menu__panel--parent-leave { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.noie .ma5menu__panel--parent-leave { -webkit-animation-name: ma5menuOutB; animation-name: ma5menuOutB; }
.ie .ma5menu__panel--parent-leave { -webkit-animation-name: ma5menuOutBIEphone; animation-name: ma5menuOutBIEphone; }

@media (min-width: 768px) {
    .ie .ma5menu__panel--parent-leave { -webkit-animation-name: ma5menuOutBIEtablet; animation-name: ma5menuOutBIEtablet; }
}


@media (max-width: 767px) {
    .ma5menu--active > body * { pointer-events: none; }
    .ma5menu--active > body .ma5menu__toggle { pointer-events: auto; }
    .ma5menu--active > body .ma5menu__toggle * { pointer-events: auto; }
    .ma5menu--active > body .ma5menu__container { pointer-events: auto; }
    .ma5menu--active > body .ma5menu__container * { pointer-events: auto; }
    .ma5menu--active > body .ma5menu__container .ma5menu__alert { pointer-events: none; }
    .ma5menu--active > body .ma5menu__container--scroll { pointer-events: auto; }
}

@media (max-width: 1199px) {
    .ma5menu--active.has-body-scrollbar { overflow: hidden; overflow-y: scroll; height: auto; min-height: 100%; -webkit-overflow-scrolling: touch; }
}

.ma5menu--active.ma5menu--left:before { right: 0; }
.ma5menu--active.ma5menu--right:before { left: 0; }
.ma5menu--swipe { position: relative; overflow-x: hidden !important; }
.ma5menu--swipe body { position: relative; }
.ma5menu--swipe.ma5menu--left body { -o-transition: left 0.5s ease-out; transition: left 0.5s ease-out; left: 0; }
.ma5menu--swipe.ma5menu--right body { -o-transition: right 0.5s ease-out; transition: right 0.5s ease-out; right: 0; }
.ma5menu--swipe.ma5menu--active.ma5menu--left body { left: 100%; }

@media (min-width: 768px) {
    .ma5menu--swipe.ma5menu--active.ma5menu--left body { left: 100%; }
}

.ma5menu--swipe.ma5menu--active.ma5menu--right body { right: 100%; }

@media (min-width: 768px) {
    .ma5menu--swipe.ma5menu--active.ma5menu--right body { right: 100%; }
}

@-webkit-keyframes ma5-panelIn {
    0% { -webkit-transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes ma5-panelIn {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ma5-panelOut {
    0% { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); }
}

@keyframes ma5-panelOut {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@-webkit-keyframes ma5menuIn {
    0% { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuIn {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOut {
    0% { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuOut {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOutB {
    0% { -webkit-transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes ma5menuOutB {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@media (min-width: 768px) {
    @-webkit-keyframes ma5-panelIn {
        0% { -webkit-transform: translate3d(100%, 0, 0); }
        100% { -webkit-transform: translate3d(0, 0, 0); }
    }

    @keyframes ma5-panelIn {
        0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
        100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    }

    @-webkit-keyframes ma5-panelOut {
        0% { -webkit-transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(100%, 0, 0); }
    }

    @keyframes ma5-panelOut {
        0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    }

    @-webkit-keyframes ma5menuIn {
        0% { -webkit-transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(-100%, 0, 0); }
    }

    @keyframes ma5menuIn {
        0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    }

    @-webkit-keyframes ma5menuOut {
        0% { -webkit-transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(-100%, 0, 0); }
    }

    @keyframes ma5menuOut {
        0% { -webkit-transform: translate3d(0, 0, 0); }
        100% { -webkit-transform: translate3d(-100%, 0, 0); }
    }

    @-webkit-keyframes ma5menuOutB {
        0% { -webkit-transform: translate3d(-100%, 0, 0); }
        100% { -webkit-transform: translate3d(0, 0, 0); }
    }

    @keyframes ma5menuOutB {
        0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
        100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    }
}

@-webkit-keyframes ma5-panelInIEphone {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes ma5-panelInIEphone {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ma5-panelOutIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@keyframes ma5-panelOutIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@-webkit-keyframes ma5menuInIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuInIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOutIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuOutIEphone {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOutBIEphone {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes ma5menuOutBIEphone {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ma5-panelInIEtablet {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes ma5-panelInIEtablet {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ma5-panelOutIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@keyframes ma5-panelOutIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@-webkit-keyframes ma5menuInIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuInIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOutIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes ma5menuOutIEtablet {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes ma5menuOutBIEtablet {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes ma5menuOutBIEtablet {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ma5-arrowDown {
    0% { opacity: 1; }
    40% { opacity: 0; }
    60% { opacity: 0.5; }
    100% { opacity: 1; }
}

@keyframes ma5-arrowDown {
    0% { opacity: 1; }
    40% { opacity: 0; }
    60% { opacity: 0.5; }
    100% { opacity: 1; }
}

*, *::after, *::before { box-sizing: border-box; }