@import url('reset.css');

.ei-slider{ position: relative; width: 100%; height: 400px; margin: 0 auto;}
.ei-slider-loading{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; background: rgba(0,0,0,0.9); color: #fff; text-align: center; line-height: 400px;}
.ei-slider-large{height: 100%; width: 100%; position:relative; overflow: hidden;}
.ei-slider-large li{position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%;}
.ei-slider-large li img{width: 100%;}
.ei-title{position: absolute; right: 0%; margin-right: 10%; top: 80%;}
.ei-title h2, .ei-title h3{ text-align: right;}
.ei-title h2{font-size: 19px; line-height: 14px; font-family: Trebuchet MS; font-style: normal; text-transform: normal; color: #F0E68C; display:block; clear:both;}
.ei-title h3{font-size: 21px; line-height: 60px; font-family: Trebuchet MS; font-style: normal; text-transform: normal; color: #FFFFFF; display:block; clear:both;}
.ei-slider-thumbs{height: 13px; margin: 0 auto; position: relative;}
.ei-slider-thumbs li{position: relative; float: left; height: 100%;}
.ei-slider-thumbs li.ei-slider-element{top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; background: #000000;}
.ei-slider-thumbs li a{display: block; text-indent: -9000px; background: #666666; width: 100%; height: 100%; cursor: pointer;
    -webkit-box-shadow:
        0px 1px 1px 0px rgba(0,0,0,0.3),
        0px 1px 0px 1px rgba(255,255,255,0.5);
    -moz-box-shadow:
        0px 1px 1px 0px rgba(0,0,0,0.3),
        0px 1px 0px 1px rgba(255,255,255,0.5);
    box-shadow:
        0px 1px 1px 0px rgba(0,0,0,0.3),
        0px 1px 0px 1px rgba(255,255,255,0.5);
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{background-color: #F0F0F0;}
.ei-slider-thumbs li img{position: absolute; bottom: 50px; opacity: 0; z-index: 999; max-width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-reflect:
        below 0px -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(transparent),
            color-stop(50%, transparent),
            to(rgba(255,255,255,0.3))
            );
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{opacity: 1; bottom: 13px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

@media screen and (max-width: 830px) {
    .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; background: #fff; background: rgba(255,255,255,0.9); padding: 5px 0; }
    .ei-title h2, .ei-title h3{ text-align: center; }
    .ei-title h2{ font-size: 20px; line-height: 24px; }
    .ei-title h3{ font-size: 30px; line-height: 40px; }
}