﻿.tns-outer {
    padding: 0 !important;
    position: relative;
}

    .tns-outer [hidden] {
        display: none !important
    }

    .tns-outer [aria-controls],
    .tns-outer [data-action] {
        cursor: pointer
    }

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

    .tns-slider > .tns-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

    .tns-horizontal.tns-subpixel > .tns-item {
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

    .tns-gallery > .tns-item {
        position: absolute;
        left: -100%;
        -webkit-transition: transform 0s, opacity 0s;
        -moz-transition: transform 0s, opacity 0s;
        transition: transform 0s, opacity 0s
    }

    .tns-gallery > .tns-slide-active {
        position: relative;
        left: auto !important
    }

    .tns-gallery > .tns-moving {
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s
    }

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
}

    .tns-lazy-img.tns-complete {
        opacity: 1
    }

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

    .tns-vpfix > div, .tns-vpfix > li {
        display: inline-block
    }

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

    .tns-t-ct:after {
        content: '';
        display: table;
        clear: both
    }

    .tns-t-ct > div {
        width: 1.4285714%;
        width: -webkit-calc(100% / 70);
        width: -moz-calc(100% / 70);
        width: calc(100% / 70);
        height: 10px;
        float: left
    }

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

img {
    max-width: 100%;
}

    img:not(.tns-lazy-img), .lazyload img {
        height: auto;
    }

.autoWidth img {
    max-width: none;
    vertical-align: top;
}

.autoHeight img {
    width: 100%;
}

.img {
    font-weight: 100;
    color: #fff;
    text-align: center;
}

    .img a {
        display: block;
        padding: 0 0 0.2em 0;
        color: inherit;
        text-decoration: none;
        border: 1px solid transparent;
    }

.tns-outer .img a:focus {
    border-color: #ff2566;
}

.controls {
    text-align: center;
}

    .controls li {
        display: block;
        position: absolute;
        top: 50%;
        height: 60px;
        line-height: 60px;
        margin-top: -30px;
        padding: 0 15px;
        cursor: pointer;
        transition: background 0.3s;
    }

        .controls li img {
            display: inline-block;
            vertical-align: middle;
        }

    .controls .prev {
        left: 0;
    }

    .controls .next {
        right: 0;
    }

    .controls li:hover {
        background: #f2f2f2;
    }

.tns-controls {
    width: 100%;
    bottom: 38px;
    position: absolute;
}

    .tns-controls [aria-controls] {
        font-size: 15px;
        padding: 0.4em 1em;
        background: rgba(250,250,250,0.5);
        border: 0;
        right: 0;
        position: absolute;
        z-index: 1000;
        bottom: -5px;
        border-radius: 8px;
        background-image: url(../../media/images/icons/actionArrows.png);
        text-indent: -1000em;
        background-position: -12px -232px;
    }

        .tns-controls [aria-controls]:first-of-type {
            right: auto;
            background-position: -12px -272px;
        }

        .tns-controls [aria-controls]:hover {
            background-position: -12px -72px;
            background-color: var(--orange);
        }

        .tns-controls [aria-controls]:first-of-type:hover {
            background-position: -12px -112px;
        }

    .tns-controls:focus [aria-controls] {
        background-color: #efefef;
        background-position: -12px 8px;
        border: 2px solid var(--orange);
    }

        .tns-controls:focus [aria-controls]:first-of-type {
            background-position: -12px -32px;
        }

.lt-ie9 .tns-controls > [aria-controls] {
    line-height: 2.5em;
}

.tns-outer [data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
}

.tns-controls [disabled] {
    color: #999999;
    background: #B3B3B3;
    cursor: not-allowed !important;
}

.tns-nav {
    text-align: center;
    margin: 10px 0;
    display: none;
}

    .tns-nav > [aria-controls] {
        width: 9px;
        height: 9px;
        padding: 0;
        margin: 0 5px;
        border-radius: 50%;
        background: #ddd;
        border: 0;
    }

    .tns-nav > .tns-nav-active {
        background: #999;
    }

.playbutton-wrapper {
    text-align: center;
}

    .playbutton-wrapper button {
        height: 34px;
        padding: 0 10px;
        font-size: 14px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

.wrapper {
    padding: 0 5em;
}


a.tns-item {
    margin-right: 10px;
    padding: 0 !important;
    border: 2px solid transparent;
}

    a.tns-item:hover {
        border-color: #ccc;
    }

.customize-tools [hidden] {
    display: none;
}


/* https://daneden.github.io/animate.css/ */
@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
