﻿@charset "utf-8";

.tiles-preload .tiles-slider-wrap *
{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}

.tiles-slider-wrap *
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tiles-slider-wrap a:focus
{
    outline: 0;
}

.tiles-slider-wrap, .tiles-tile
{
    position: relative;
}

.tiles-wrap
{
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
}

.tiles-tile
{
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tiles-timer
{
    position: absolute;
    top: 0;
    height: 5px;
    width: 0;
    background: #088bbf;
}

.tiles-next, .tiles-prev
{
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    /*margin: 0 .5em;*/
    margin-top: -24px;
    margin-left: -50%;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    line-height: 50px;
    background: url(../../../img/prev_next.png) left no-repeat;
    color: white;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tiles-next
{
    right: 0;
    background-position: right;
}

.tiles-slider-wrap:hover .tiles-next, .tiles-slider-wrap:hover .tiles-prev
{
    opacity: 1;
}

.tiles-nav:hover ~ .tiles-next, .tiles-nav:hover ~ .tiles-prev
{
    opacity: 0;
}

.tiles-nav
{
    position: absolute;
    top: 100%;
    left: 50%;
    /*margin-top: 1em;*/
}

    .tiles-nav .tiles-nav-item
    {
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .tiles-nav .tiles-nav-item.tiles-nav-active
        {
            cursor: default;
        }

        .tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span
        {
            visibility: visible;
            opacity: 1;
            margin-top: -1em;
        }

    .tiles-nav .tiles-pagination
    {
        text-decoration: none;
        color: #222;
        padding: .1em .5em;
        margin: 0 .1em;
        border-radius: 2px;
    }

        .tiles-nav .tiles-pagination:hover
        {
            text-decoration: none;
            color: #088bbf;
        }

        .tiles-nav .tiles-pagination.tiles-nav-active
        {
            background: #088bbf;
            color: #fff;
        }

    .tiles-nav .tiles-bullet
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 .3em;
        border-radius: 16px;
        background: #ddd;
    }

        .tiles-nav .tiles-bullet.tiles-nav-active
        {
            background: #088bbf;
        }

    .tiles-nav span
    {
        position: absolute;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        padding: .3em;
        margin-top: -1.5em;
        background: rgba(255,255,255,0.85);
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        border-radius: 2px;
        border-top: 1px solid white;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
    }

        .tiles-nav span:after, .tiles-nav span:before
        {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -10px;
            border-style: solid;
            border-width: 10px;
            border-color: transparent;
            border-top-color: rgba(255,255,255,0.85);
        }

        .tiles-nav span:before
        {
            margin-top: 1px;
            border-top-color: rgba(0,0,0,0.5);
        }

    .tiles-nav img
    {
        display: block;
    }

.tiles-description
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em 2em;
    line-height: 1.5;
    visibility: hidden;
    opacity: 0;
    color: white;
    background: rgba(0,0,0,0.65);
    box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .tiles-description p
    {
        position: relative;
        padding: 0;
        margin: 0;
        left: -5em;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.tiles-description-active
{
    opacity: 1;
    visibility: visible;
}

    .tiles-description-active p
    {
        left: 0;
    }

.tiles-description-empty
{
    display: none;
}

.tiles-slider-s100 .tiles-tile
{
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.tiles-slider-s200 .tiles-tile
{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.tiles-slider-s300 .tiles-tile
{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tiles-slider-s400 .tiles-tile
{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.tiles-slider-s500 .tiles-tile
{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tiles-slider-s600 .tiles-tile
{
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.tiles-slider-s700 .tiles-tile
{
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.tiles-slider-s800 .tiles-tile
{
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.tiles-slider-s900 .tiles-tile
{
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}

.tiles-slider-s1000 .tiles-tile
{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tiles-tile.tiles-reset
{
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.tiles-simple-anim
{
    opacity: 0;
}

.tiles-default-anim
{
    position: relative;
    opacity: 0;
    box-shadow: 0 0 10px black;
    top: -5%;
    left: 5%;
    z-index: 1;
}

.tiles-y1.tiles-up-anim
{
    height: 1px!important;
}

.tiles-x1.tiles-left-normal
{
    clear: both;
}

.tiles-x1.tiles-left-anim
{
    width: 0!important;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2
{
    left: 50%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4
{
    left: 25%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6
{
    left: 16.666666666666668%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8
{
    left: 12.5%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10
{
    left: 10%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12
{
    left: 8.333333333333334%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14
{
    left: 7.142857142857143%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16
{
    left: 6.25%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18
{
    left: 5.555555555555555%;
}

.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20
{
    left: 5%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2
{
    left: -50%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4
{
    left: -25%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6
{
    left: -16.666666666666668%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8
{
    left: -12.5%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10
{
    left: -10%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12
{
    left: -8.333333333333334%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14
{
    left: -7.142857142857143%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16
{
    left: -6.25%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18
{
    left: -5.555555555555555%;
}

.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20
{
    left: -5%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2
{
    top: 50%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4
{
    top: 25%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6
{
    top: 16.666666666666668%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8
{
    top: 12.5%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10
{
    top: 10%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12
{
    top: 8.333333333333334%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14
{
    top: 7.142857142857143%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16
{
    top: 6.25%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18
{
    top: 5.555555555555555%;
}

.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20
{
    top: 5%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2
{
    top: -50%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4
{
    top: -25%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6
{
    top: -16.666666666666668%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8
{
    top: -12.5%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10
{
    top: -10%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12
{
    top: -8.333333333333334%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14
{
    top: -7.142857142857143%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16
{
    top: -6.25%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18
{
    top: -5.555555555555555%;
}

.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20
{
    top: -5%;
}

.tiles-fliplr-anim
{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.tiles-flipud-anim
{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.tiles-reduce-anim
{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.tiles-360-anim
{
    -webkit-transform: rotateZ(360deg) scale(0);
    -moz-transform: rotateZ(360deg) scale(0);
    -ms-transform: rotateZ(360deg) scale(0);
    -o-transform: rotateZ(360deg) scale(0);
    transform: rotateZ(360deg) scale(0);
}

.tiles-leftright-anim.tiles-even
{
    -webkit-transform: translate(50%,0);
    -moz-transform: translate(50%,0);
    -ms-transform: translate(50%,0);
    -o-transform: translate(50%,0);
    transform: translate(50%,0);
}

.tiles-leftright-anim.tiles-odd
{
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.tiles-updown-anim.tiles-even
{
    -webkit-transform: translate(0,50%);
    -moz-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    transform: translate(0,50%);
}

.tiles-updown-anim.tiles-odd
{
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.tiles-slider-wrap .tiles-switchlr-anim, .tiles-slider-wrap .tiles-switchud-anim, .tiles-slider-wrap .tiles-fliplr-anim, .tiles-slider-wrap .tiles-y1.tiles-up-anim, .tiles-slider-wrap .tiles-x1.tiles-left-anim, .tiles-slider-wrap .tiles-updown-anim, .tiles-slider-wrap .tiles-leftright-anim, .tiles-slider-wrap .tiles-flipud-anim, .tiles-slider-wrap .tiles-reduce-anim
{
    opacity: 0;
    visibility: hidden;
}

.tiles-slider-leftright .tiles-wrap, .tiles-slider-updown .tiles-wrap, .tiles-slider-360 .tiles-wrap
{
    overflow: hidden;
}
