.ma5slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media (max-width: 359px) {
    .ma5slider {
        margin-bottom: -15px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .ma5slider {
        margin-bottom: -15px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .ma5slider {
        margin-bottom: -30px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .ma5slider {
        margin-bottom: -40px
    }
}
@media (min-width: 1200px) {
    .ma5slider {
        margin-bottom: -40px
    }
}
.ma5slider .slides {
    position: relative
}
td .ma5slider {
    margin-bottom: 0
}
.ma5slider .slide {
    width: 100%; 
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 50px;
    display: none;
    z-index: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    outline: none;
    padding-top: 0px;
}
.ma5slider .slide img,
.ma5slider>img.slide {
    display: block;
    outline: none;
    width: 100%;
    height: auto
}
.ma5slider .navs-wrapper {
    position: relative;
    overflow: hidden
}
.ma5slider .canvas {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}
.ma5slider .slide--prev {
    display: block;
    z-index: 1
}
.ma5slider .slide--active {
    display: block;
    z-index: 2
}
.ma5slider .slide--next {
    display: block;
    z-index: 0
}
.ma5slider.hover-navs .nav--next,
.ma5slider.hover-navs .nav--prev {
    opacity: 0;
    -webkit-transition: opacity .5s ease-out .3s;
    transition: opacity .5s ease-out .3s
}
.ma5slider.hover-navs:hover .nav--next,
.ma5slider.hover-navs:hover .nav--prev {
    opacity: 1!important;
    -webkit-transition: opacity .15s ease-in 0s;
    transition: opacity .15s ease-in 0s
}
.ma5slider.hover-navs.first-slide:hover .nav--prev,
.ma5slider.hover-navs.last-slide:hover .nav--next {
    opacity: .25!important
}
.ma5slider__control.targeted {
    opacity: .25;
    pointer-events: none
}
.slide-area {
    overflow: hidden;
    width: 100%;
    position: relative
}
.ma5slider>.slides>* {
    display: none
}
.ma5slider>.slides>:first-child {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 50px;
    z-index: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    outline: none
}
.ma5slider>.slides>:first-child img {
    display: block;
    outline: none;
    width: 100%;
    height: auto
}
 
@font-face {
    font-family: ma5sf;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAASEAAsAAAAABDgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAJQAAACUlXL2j2hlYWQAAAJYAAAANgAAADYKk+0daGhlYQAAApAAAAAkAAAAJAbBA8ZobXR4AAACtAAAABQAAAAUCgABAWxvY2EAAALIAAAADAAAAAwAKABebWF4cAAAAtQAAAAgAAAAIAAHABluYW1lAAAC9AAAAW4AAAFu4YBcm3Bvc3QAAARkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEB/7sC/wOPABYAAAkBJiIHBhQXCQEGFBceATMyNjcBNjQnAv/+OAsgCwsLAa3+UwsLBQ4IBw4GAcgLCwHFAcoLCwsgC/5R/lILIAsFBgYFAckLHwwAAAEAAAABAADMb+RrXw889QALBAAAAAAA1DrUawAAAADUOtRrAAD/uwL/A48AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAv8AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAABAQAAAAAACgAUAB4ASgABAAAABQAXAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABQAAAAEAAAAAAAIABwBOAAEAAAAAAAMABQAwAAEAAAAAAAQABQBjAAEAAAAAAAUACwAPAAEAAAAAAAYABQA/AAEAAAAAAAoAGgByAAMAAQQJAAEACgAFAAMAAQQJAAIADgBVAAMAAQQJAAMACgA1AAMAAQQJAAQACgBoAAMAAQQJAAUAFgAaAAMAAQQJAAYACgBEAAMAAQQJAAoANACMbWE1c2YAbQBhADUAcwBmVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwbWE1c2YAbQBhADUAcwBmbWE1c2YAbQBhADUAcwBmUmVndWxhcgBSAGUAZwB1AGwAYQBybWE1c2YAbQBhADUAcwBmRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff")
}
.nav--next,
.nav--prev {
    display: none;
    position: absolute;
    z-index: 3;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    opacity: .7
}
@media (max-width: 359px) {
    .nav--next,
    .nav--prev {
        height: 28px;
        font-size: 20px;
        line-height: 28px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .nav--next,
    .nav--prev {
        height: 32px;
        font-size: 22px;
        line-height: 32px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .nav--next,
    .nav--prev {
        height: 40px;
        font-size: 30px;
        line-height: 40px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .nav--next,
    .nav--prev {
        height: 60px;
        font-size: 35px;
        line-height: 60px
    }
}
@media (min-width: 1200px) {
    .nav--next,
    .nav--prev {
        height: 80px;
        font-size: 45px;
        line-height: 80px
    }
}
.nav--next:before,
.nav--prev:before {
    content: "\e900";
    display: block;
    font-family: ma5sf, sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.nav--next:hover,
.nav--prev:hover {
    opacity: 1
}
.outside-navs .nav--next,
.outside-navs .nav--prev {
    color: #b4b4b4;
    display: block
}
.inside-navs .nav--next,
.inside-navs .nav--prev {
    display: block
}
.nav--prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.nav--prev {
    left: 0
}
.first-slide .nav--prev {
    opacity: .25;
    pointer-events: none
}
.nav--next {
    right: 0
}
.last-slide .nav--next {
    opacity: .25;
    pointer-events: none
}
@media (max-width: 359px) {
    .outside-navs .nav--next,
    .outside-navs .nav--prev {
        width: 16px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .outside-navs .nav--next,
    .outside-navs .nav--prev {
        width: 18px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .outside-navs .nav--next,
    .outside-navs .nav--prev {
        width: 25px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .outside-navs .nav--next,
    .outside-navs .nav--prev {
        width: 30px
    }
}
@media (min-width: 1200px) {
    .outside-navs .nav--next,
    .outside-navs .nav--prev {
        width: 35px
    }
}
@media (max-width: 359px) {
    .inside-navs .nav--next,
    .inside-navs .nav--prev {
        width: 28px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .inside-navs .nav--next,
    .inside-navs .nav--prev {
        width: 32px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .inside-navs .nav--next,
    .inside-navs .nav--prev {
        width: 40px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .inside-navs .nav--next,
    .inside-navs .nav--prev {
        width: 60px
    }
}
@media (min-width: 1200px) {
    .inside-navs .nav--next,
    .inside-navs .nav--prev {
        width: 80px
    }
}
@media (max-width: 359px) {
    .horizontal-navs.outside-navs .navs-wrapper {
        padding-left: 18px;
        padding-right: 18px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .horizontal-navs.outside-navs .navs-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .horizontal-navs.outside-navs .navs-wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .horizontal-navs.outside-navs .navs-wrapper {
        padding-left: 35px;
        padding-right: 35px
    }
}
@media (min-width: 1200px) {
    .horizontal-navs.outside-navs .navs-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}
.vertical-navs .nav--next,
.vertical-navs .nav--prev {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (max-width: 359px) {
    .vertical-navs .nav--next,
    .vertical-navs .nav--prev {
        width: 28px;
        font-size: 22px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .vertical-navs .nav--next,
    .vertical-navs .nav--prev {
        width: 32px;
        font-size: 26px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .vertical-navs .nav--next,
    .vertical-navs .nav--prev {
        width: 40px;
        font-size: 30px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .vertical-navs .nav--next,
    .vertical-navs .nav--prev {
        width: 60px;
        font-size: 35px
    }
}
@media (min-width: 1200px) {
    .vertical-navs .nav--next,
    .vertical-navs .nav--prev {
        width: 80px;
        font-size: 45px
    }
}
.vertical-navs .nav--prev {
    top: 0
}
.vertical-navs .nav--prev:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -1px
}
.vertical-navs .nav--next {
    bottom: 0
}
.vertical-navs .nav--next:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -4px
}
@media (max-width: 359px) {
    .vertical-navs.inside-navs .nav--next,
    .vertical-navs.inside-navs .nav--prev {
        height: 28px;
        line-height: 28px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .vertical-navs.inside-navs .nav--next,
    .vertical-navs.inside-navs .nav--prev {
        height: 32px;
        line-height: 32px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .vertical-navs.inside-navs .nav--next,
    .vertical-navs.inside-navs .nav--prev {
        height: 40px;
        line-height: 40px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .vertical-navs.inside-navs .nav--next,
    .vertical-navs.inside-navs .nav--prev {
        height: 60px;
        line-height: 60px
    }
}
@media (min-width: 1200px) {
    .vertical-navs.inside-navs .nav--next,
    .vertical-navs.inside-navs .nav--prev {
        height: 80px;
        line-height: 80px
    }
}
.vertical-navs.outside-navs .nav--next,
.vertical-navs.outside-navs .nav--prev {
    z-index: 0
}
@media (max-width: 359px) {
    .vertical-navs.outside-navs .nav--next,
    .vertical-navs.outside-navs .nav--prev {
        height: 14px;
        line-height: 14px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .vertical-navs.outside-navs .nav--next,
    .vertical-navs.outside-navs .nav--prev {
        height: 16px;
        line-height: 16px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .vertical-navs.outside-navs .nav--next,
    .vertical-navs.outside-navs .nav--prev {
        height: 18px;
        line-height: 18px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .vertical-navs.outside-navs .nav--next,
    .vertical-navs.outside-navs .nav--prev {
        height: 18px;
        line-height: 18px
    }
}
@media (min-width: 1200px) {
    .vertical-navs.outside-navs .nav--next,
    .vertical-navs.outside-navs .nav--prev {
        height: 28px;
        line-height: 28px
    }
}
@media (max-width: 359px) {
    .vertical-navs.outside-navs .navs-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }
}
@media (min-width: 360px) and (max-width: 767.9px) {
    .vertical-navs.outside-navs .navs-wrapper {
        padding-top: 22px;
        padding-bottom: 22px
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    .vertical-navs.outside-navs .navs-wrapper {
        padding-top: 28px;
        padding-bottom: 28px
    }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    .vertical-navs.outside-navs .navs-wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }
}
@media (min-width: 1200px) {
    .vertical-navs.outside-navs .navs-wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
} 
.nav__top {
    top: 0;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.nav__top:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -1px
}
.nav__bottom {
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.nav__bottom:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -4px
} 
.anim-horizontal .slide--prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.anim-horizontal .slide--active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.anim-horizontal.dir-next .slide--prev,
.anim-horizontal .slide--next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.anim-horizontal.dir-next .slide--next {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.anim-horizontal .slide.transition-on,
.anim-horizontal.transition-on .slide {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}
.anim-horizontal .slides.dragged-prev-end {
    position: static
}
.anim-horizontal .slides.dragged-prev-end .slide--prev {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3
}
.anim-horizontal .slides.dragged-next-end {
    position: static
}
.anim-horizontal .slides.dragged-next-end .slide--next {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3
}
.anim-horizontal.safe-slides.drag-prev .slide--prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.anim-horizontal.safe-slides.drag-prev.dir-next .slide--prev {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.anim-horizontal.safe-slides.drag-prev.dir-next .slide--next {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.anim-horizontal.first-slide .ui-draggable-dragging .slide--prev {
    display: none
}
.anim-horizontal.first-slide.loop-mode .ui-draggable-dragging .slide--prev {
    display: block
}
.anim-horizontal.last-slide .ui-draggable-dragging .slide--next {
    display: none
}
.anim-horizontal.last-slide.loop-mode .ui-draggable-dragging .slide--next {
    display: block
}
.anim-vertical .slide--prev {
    -webkit-transform: translateY(calc(100% - .5px));
    transform: translateY(calc(100% - .5px))
}
.anim-vertical .slide--active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.anim-vertical.dir-prev .slide--prev,
.anim-vertical .slide--next {
    -webkit-transform: translateY(calc(-100% + .5px));
    transform: translateY(calc(-100% + .5px))
}
.anim-vertical.dir-prev .slide--next {
    -webkit-transform: translateY(calc(100% - .5px));
    transform: translateY(calc(100% - .5px))
}
.anim-vertical .slide.transition-on,
.anim-vertical.transition-on .slide {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}
.anim-vertical.safe-slides.drag-prev.dir-prev .slide--prev,
.anim-vertical.safe-slides.drag-prev .slide--prev {
    -webkit-transform: translateY(calc(100% - .5px));
    transform: translateY(calc(100% - .5px))
}
.anim-vertical.safe-slides.drag-prev.dir-prev .slide--next {
    -webkit-transform: translateY(calc(-100% + .5px));
    transform: translateY(calc(-100% + .5px))
}
.anim-vertical.first-slide .ui-draggable-dragging .slide--next {
    display: none
}
.anim-vertical.first-slide.dir-prev .ui-draggable-dragging .slide--next,
.anim-vertical.first-slide.loop-mode .ui-draggable-dragging .slide--next {
    display: block
}
.anim-vertical.last-slide .ui-draggable-dragging .slide--prev {
    display: none
}
.anim-vertical.last-slide.dir-prev .ui-draggable-dragging .slide--prev,
.anim-vertical.last-slide.loop-mode .ui-draggable-dragging .slide--prev {
    display: block
}
.anim-fade .slide--prev {
    opacity: 0
}
.anim-fade .slide--active {
    opacity: 1
}
.anim-fade .slide--next {
    opacity: 0
}
.anim-fade .slide.transition-on.slide--active {
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out
}
.anim-fade .slide.transition-on.slide--next,
.anim-fade .slide.transition-on.slide--prev {
    -webkit-transition: opacity .2s ease-in-out .5s;
    transition: opacity .2s ease-in-out .5s
}
.anim-fade.transition-on .slide.slide--active {
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out
}
.anim-fade.transition-on .slide.slide--next,
.anim-fade.transition-on .slide.slide--prev {
    -webkit-transition: opacity .2s ease-in-out .5s;
    transition: opacity .2s ease-in-out .5s
}