* {margin: 0; padding: 0;}
li {list-style-type: none;}

#slider {position: relative; height: 440px; width: 100%; overflow: hidden; min-width: 965px;}
#slider .area {width: 100%; height: 100%; margin: 0 auto;}
#slider .nav {position: absolute; width: 200px; top: 0; bottom: 0; cursor: pointer; z-index: 1100;}
#slider .prev {right: 50%; margin-right: 400px;}
#slider .next {left: 50%; margin-left: 400px;}
#slider .nav span {display: block; width: 25px; height: 50px; margin: 180px auto;}
#slider .prev span {background: url('../img/fancybox_sprite.png') 0 -50px no-repeat;}
#slider .next span {background: url('../img/fancybox_sprite.png') 0 0 no-repeat;}
#slider li div {width: 100%;}

#slider li {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-left: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
#slider li.show {opacity: 1 !important; z-index: 1000;}
#slider li.endshow {opacity: 0 !important; z-index: 900;}

#slider .img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
#slider .text {
    position: absolute;
    bottom: 50%;
    right: 50%;
    width: 400px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
#slider .link {
    position: absolute;
    bottom: 50px;
    right: 50%;
    width: 400px;
    margin-right: -200px;
    text-align: center;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
#slider li.notransition div {
    -webkit-transition: all 0s ease !important;
    -moz-transition: al 0s ease !important;
    -o-transition: all 0s ease !important;
    -ms-transition: all 0s ease !important;
    transition: all 0s ease !important;
}
#slider li.show .img {margin-left: 0; opacity: 1 !important;}
#slider li.endshow .img {margin-left: 100% !important;}
#slider .img.left {margin-left: -100%;}
#slider .img.right {margin-left: 100%;}

#slider li.show .text {right: 50% !important; opacity: 1 !important;}
#slider li.endshow .text {right: -100% !important;}
#slider .text.left {right: 100%;}
#slider .text.right {right: -100%;}

#slider li.active .link {opacity: 1 !important;}
#slider li.endshow .link {opacity: 0 !important;}
#slider .link.opacity {opacity: 0}


#slider a.button {
	display: inline;
    padding: 10px 58px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    background: #ff6e00;
    font-size: 28px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
}