@import url(http://fonts.googleapis.com/css?family=Roboto);/*font-family: 'Roboto', sans-serif;Normal 400*/

.ei-slider{

	position: relative;

	width: 100%;

	height: 440px;

	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%;
	
	display:inline-block;

}

.ei-slider-large li img{

}

.ei-title{

	position: absolute;

	right: 50%;

	top: 30%;

}

.ei-title h2, .ei-title h3{

	text-align: right;

}

.ei-title h2 {padding:0 10px; display:inline-block; float:left; background:#fff; color:#4683A1; font-size:30px; font-family:Roboto; text-align:center; font-weight:400; line-height:35px;   margin-bottom:10px;}

.ei-title h2.green{

	background: none repeat scroll 0 0 #7aaf3a;

    color: #fff;

    font-family: Roboto;

    font-size: 50px;

    font-weight: 400;

    line-height: 60px;

    padding: 0 10px;

    text-align: center;

	display:inline-block;

	float:left; clear:both;

	width:100%;

}

.ei-title h3{

	background: none repeat scroll 0 0 #357899;

    color: #A7CB7B;

    font-family: Roboto;

    font-size: 30px;

    font-style: normal;

    font-weight: 400;

    line-height: 35px;

    text-align: center;

	padding:0 10px;

	float:right; clear:both;

	margin-top:10px;

	position:relative; right:-20px;

}

.ei-slider-thumbs{

	height: 20px;

	margin: 0 auto;

	position: relative;

	text-align:center;

	bottom:30px;

	z-index:99;

	max-width: intrinsic!important;

    max-width:-webkit-fit-content!important;

    max-width:  -moz-max-content!important;

}

.ei-slider-thumbs li{

	  border-radius: 25px !important;

    display:inline-block;

    height: 12px !important;

    position: relative;

    width: 12px !important;

	margin-left:5px;

}

.ei-slider-thumbs li.ei-slider-element{

	top: 0px;

	left: 0px;

	position: absolute;

	height: 100%;

	z-index: 999;

	text-indent: -9000px;

	background: #A1C770;

	border:2px solid #fff;

}

.ei-slider-thumbs li a{

	display: block;

	text-indent: -9000px;

	background: #fff ;

	border:2px solid #ccc;

	cursor: pointer;

	-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;

	border-radius: 25px !important;

    height: 12px !important;

    width: 12px !important;

}

.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;

	}

}