#banner-wrapper{z-index:1;height: 600px;overflow:hidden;position:relative;margin-top: 0px;max-height: 600px;background-color: #ebeaea;}
#banner-wrapper #slider_loader{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
z-index:100;
transition:all 0.5s;
text-align:center;
color:white;
opacity:1;
}
#back_menu{
height:0px;
}
#banner,#mainslider,#side_content{height:100%;overflow:hidden;padding:0px;width:100%;position:relative;max-height: inherit;}
#slider{position:absolute;height:100%;width:100%;}
#nav_buttons_slideshow{position: absolute;top: 80%;z-index: 3;width: 100%;padding-left: 2%;}
#banner .navig{background-color: #682f92;width: 50px;height: 50px;z-index: 3;cursor: pointer;transition: all cubic-bezier(0.42, 0, 0, 2) 4s;-webkit-transition: all cubic-bezier(0.42, 0, 0, 2) 4s;-ms-transition:all cubic-bezier(0.42, 0, 0, 2) 4s;-moz-transition: all cubic-bezier(0.42, 0, 0, 2) 4s;float: left;display: block;margin-right: 10px;transform: rotate(0deg);border-radius: 0;border: 1px solid transparent;}
#banner .navig:hover,#banner .navig[data-selected=true]{transform: rotate(0deg) scale(1.3);background-color:#fff;border: 1px solid #682f92;}
#slider div > a > span,#slider div > span{color:#fff;display:block;font-size:120%;margin-left:10%;margin-top:0px;width:100%;padding:5px;position:relative;text-decoration:none;z-index:1;left:0%;top:10%;line-height:normal;transition:all 1s;transform: translate(-200%, 0px);transition-delay: 0s;-webkit-transition:all 1s;-webkit-transform: translate(-200%, 0px);-webkit-transition-delay: 0s;-moz-transition:all 1s;-moz-transform: translate(-200%, 0px);-moz-transition-delay: 0s;-ms-transition:all 1s;-ms-transform: translate(-200%, 0px);-ms-transition-delay: 0s;background:none;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.65);text-transform: uppercase;}

#slider div span.span0{
    text-shadow:0px 0px 4px rgba(0,0,0,0.8);
    color: #fff;
    font-size: 200%;
    text-transform:uppercase;
    left:auto;
    float: right;
    margin-right: 2%;
    margin-top: 10%;
    position: absolute;
    width: auto;
    right: 0%;
    padding:20px;
    min-width: 50%;
    text-align: right;
    }

#slider div span.span1{padding-top:30px;max-width: 50%;}
#slider div.sel span{transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
#slider div.sel span.span0{-webkit-transition-delay: 0s;transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;}
#slider div.sel span.span1{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;}
#slider div.sel span.span2{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;}
#slider div.sel1 span{transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
#slider div.sel1 span.span0{-webkit-transition-delay: 0s;transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;}
#slider div.sel1 span.span1{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;}
#slider div.sel1 span.span2{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;}
#slider div.sel2 span{transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
#slider div.sel2 span.span0{-webkit-transition-delay: 0s;transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;}
#slider div.sel2 span.span1{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;}
#slider div.sel2 span.span2{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;}
#slider div.sel3 span{transform: translate(0%, -400%);-webkit-transform: translate(0%, -400%);-moz-transform: translate(0%, -400%);-ms-transform: translate(0%, -400%);}
#slider div.sel4 span{transform: translate(800%, 0px);-webkit-transform: translate(800%, 0px);-moz-transform: translate(800%, 0px);-ms-transform: translate(800%, 0px);}
#slider div.sel5 span{transform: translate(-1200%, 0px);-webkit-transform: translate(-1200%, 0px);-moz-transform: translate(-1200%, 0px);-ms-transform: translate(-1200%, 0px);}
#slider div a > span > span{position:relative;display:inline-block;transform: translate(-400px, -100px) rotate(180deg);transition:all 1s;transition-delay: 4s;opacity:0;text-shadow: 30px 30px 30px rgba(0,0,0,1);}
#slider div a > span > span:nth-child(1){transition-delay: 0s;}
#slider div a > span > span:nth-child(2){transition-delay: 0.1s;}
#slider div a > span > span:nth-child(3){transition-delay: 0.2s;}
#slider div a > span > span:nth-child(4){transition-delay: 0.3s;}
#slider div a > span > span:nth-child(5){transition-delay: 0.4s;}
#slider div a > span > span:nth-child(6){transition-delay: 0.5s;}
#slider div a > span > span:nth-child(7){transition-delay: 0.6s;}
#slider div a > span > span:nth-child(8){transition-delay: 0.7s;}
#slider div a > span > span:nth-child(9){transition-delay: 0.8s;}
#slider div a > span > span:nth-child(10){transition-delay: 0.9s;}
#slider div a > span > span:nth-child(11){transition-delay: 1s;}
#slider div a > span > span:nth-child(12){transition-delay: 1.1s;}
#slider div a > span > span:nth-child(13){transition-delay: 1.2s;}
#slider div a > span > span:nth-child(14){transition-delay: 1.3s;}
#slider div a > span > span:nth-child(15){transition-delay: 1.4s;}
#slider div a > span > span:nth-child(16){transition-delay: 1.5s;}
#slider div a > span > span:nth-child(17){transition-delay: 1.6s;}
#slider div a > span > span:nth-child(18){transition-delay: 1.7s;}
#slider div a > span > span:nth-child(19){transition-delay: 1.8s;}
#slider div a > span > span:nth-child(20){transition-delay: 1.9s;}
#slider div a > span > span:nth-child(21){transition-delay: 2s;}
#slider div a > span > span:nth-child(22){transition-delay: 2.1s;}
#slider div a > span > span:nth-child(23){transition-delay: 2.2s;}
#slider div a > span > span:nth-child(24){transition-delay: 2.3s;}
#slider div a > span > span:nth-child(25){transition-delay: 2.4s;}
#slider div a > span > span:nth-child(26){transition-delay: 2.5s;}
#slider div a > span > span:nth-child(27){transition-delay: 2.6s;}
#slider div a > span > span:nth-child(28){transition-delay: 2.7s;}
#slider div a > span > span:nth-child(29){transition-delay: 2.8s;}
#slider div a > span > span:nth-child(30){transition-delay: 2.9s;}
#slider div.sel a > span > span,#slider div.sel1 a > span > span,#slider div.sel2 a > span > span,#slider div.sel3 a > span > span{transform: translate(0px, 0px) rotate(0deg);opacity:1;text-shadow: 2px 2px 3px rgba(0,0,0,0.8);}

#slider div.sel1 span.span2{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;}
#slider div nav{text-decoration:none;cursor:default;}
#slider div a[href]{cursor:pointer;color:#fff;text-decoration:underline;}
#slider .d{height:auto;width:100%;height:100%;overflow:hidden;position:absolute;float:left;opacity:1;-webkit-transition:all 3s, left 1s;transition:all 3s, left 1s;-moz-transition:all 3s, left 1s;-ms-transition:all 3s, left 1s;left:-100%;}
#slider .sel,#slider .sel1,#slider .sel2{
    opacity:1;z-index:2;left:0px;
}
#slider .sel span.span0:after,#slider .sel1 span.span0:after,#slider .sel2 span.span0:after{opacity:1;background-position-x: 0px;}
#slider .d.sel4{left:100%;}
#slider .d img{width:100%!important;height:auto!important;transition:transform 6s;-moz-transition:-moz-transform 6s;-webkit-transition:-webkit-transform 6s;-o-transition:-o-transform 6s;transform:scale(1.05) translate(-2%,0px);-moz-transform:scale(1.05) translate(-2%,0px);-o-transform:scale(1.05) translate(-2%,0px);-webkit-transform:scale(1.05) translate(-2%,0px);position:absolute;top:0px;bottom: 0px;opacity:1;margin: auto;}
#slider .sel3 img{width:100%!important;height:auto!important;transform:scale(1.2) translate(-6%,0px);-moz-transform:scale(1.2) translate(-6%,0px);-o-transform:scale(1.2) translate(-6%,0px);-webkit-transform:scale(1.2) translate(-6%,0px);}
#slider .sel4 img{width:100%!important;height:auto!important;transform:scale(1.4) translate(0%,-8%);-moz-transform:scale(1.4) translate(0%,-8%);-o-transform:scale(1.4) translate(0%,-8%);-webkit-transform:scale(1.4) translate(0%,-8%);}
#slider .sel5 img{width:100%!important;height:auto!important;transform:scale(1.6) translate(-10%,0px);-moz-transform:scale(1.6) translate(-10%,0px);-o-transform:scale(1.6) translate(-10%,0px);-webkit-transform:scale(1.6) translate(-10%,0px);}
#slider .sel img{transform:scale(1) translate(0px,0px);-webkit-transform:scale(1) translate(0px,0px);-moz-transform:scale(1) translate(0px,0px);-ms-transform:scale(1) translate(0px,0px);}
#slider .sel1 img{transform:scale(1) translate(0px,0px);-webkit-transform:scale(1) translate(0px,0px);-moz-transform:scale(1) translate(0px,0px);-ms-transform:scale(1) translate(0px,0px);}
#slider .sel2 img{transform:scale(1) translate(0px,0px);-webkit-transform:scale(1) translate(0px,0px);-moz-transform:scale(1) translate(0px,0px);-ms-transform:scale(1) translate(0px,0px);}
#side_content{position:absolute;width:100%;overflow:hidden;}
@media (min-width:1400px){
header #banner-wrapper{height: 600px;max-height: 600px;margin-left: 5%;
    margin-right: 5%;}
}
@media all and (min-width:800px) and (max-width:1200px){
#slider .d img{min-width: 1200px;}    
}
@media all and (min-width:500px) and (max-width:800px){
#slider .d img{min-width: 800px;}
#banner-wrapper{max-height: 400px;}
#slider div span.span0{font-size: 150%;}
#slider div span{margin-left:0px;}}
@media all and (min-width:0px) and (max-width:500px){
#banner .navig{
width:30px;
height:30px;
max-height:30px;max-width:30px;
}
#slider .sel img{transform:scale(1.1) translate(0px,0px);-webkit-transform:scale(1.1) translate(0px,0px);-moz-transform:scale(1.1) translate(0px,0px);-ms-transform:scale(1.3) translate(0px,0px);}
#slider .sel1 img{transform:scale(1.1) translate(0px,0px);-webkit-transform:scale(1.1) translate(0px,0px);-moz-transform:scale(1.1) translate(0px,0px);-ms-transform:scale(1.3) translate(0px,0px);}
#slider .sel2 img{transform:scale(1.1) translate(0px,0px);-webkit-transform:scale(1.1) translate(0px,0px);-moz-transform:scale(1.1) translate(0px,0px);-ms-transform:scale(1.3) translate(0px,0px);}
#slider .d img{opacity:1;}
#slider div span{font-size:100%;}
#slider div span.span0{font-size:120%;}
#slider div span.span1{max-width:100%;font-size: 18px;font-weight: normal;}
#banner-wrapper{height:220px;max-height:220px;}
#slider div span{top:0%;margin-left:0px;}
#nav_buttons_slideshow{padding-top:5px;padding-bottom: 12px;bottom: 0px;top: auto;}}