.ei-slider{
position: relative;
width: 100%;
max-width: 1920px;
height: 450px;
margin: 0 auto;
font-size:12px;
}

.ei-slidersub{
position: relative;
width: 100%;
max-width: 1920px;
height: 130px;
margin: 0 auto;
font-size:12px;
}


.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: 50%;
margin-right: 13%;
top: 30%;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.ei-title h2{
font-size: 40px;
line-height: 50px;
font-family: 'Playfair Display', serif;
font-style: italic;
color: #b5b5b5;
}
.ei-title h3{
font-size: 70px;
line-height: 70px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
color: #000;
}
.ei-slider-thumbs{
bottom:30px;
height: 20px;
margin: 0 auto;
position: relative;
padding:0 0;
width:60px;
/*text-align:center;
line-height:30px;*/
}
.ei-slider-thumbs li{
display:none; //dot hidden
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:#ffffff;
background: rgba(0,0,0,0.3);
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background:#39F;
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.3s ease;
}
.ei-slider-thumbs li a:hover{
background-color:#36F;
}
.ei-slider-thumbs li img{
display: block;
position: absolute;
bottom: 10px;
opacity: 0;
z-index: 999;
max-width: 100%;
height:0px;
-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: 20px;
-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;
}
}






@media (min-width: 1025px)
.media-1025 {
    display: block;
}

.media-320, .media-768, .media-1024, .media-1025 {
    display: none;
    overflow: hidden;
}
.mainCard {
    width: 1200px;
    height: 520px;
    margin: 0 auto 160px;
    padding: 0;
    list-style: none;
}
.mainCard li {
    float: left;
    width: 280px;
    height: 250px;
    margin: 15px 6px;
}
.mainCard .mainCard01 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card01.png) 0 0 no-repeat;
}

.mainCard .mainCard02 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card02.png) 0 0 no-repeat;
}
.mainCard .mainCard03 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card03.png) 0 0 no-repeat;
}
.mainCard .mainCard04 {
    width: 280px;
    height: 250px;
    background: url(../../../img/card04.png) 0 0 no-repeat;
}

.mainCard a {
    display: block;
    cursor: pointer;
}
a:link, a:visited, a:active {
    color: #000000;
}
a {
    text-decoration: none;
}

.media-320, .media-768, .media-1024, .media-1025 {
    display: none;
    overflow: hidden;
}