@charset "utf-8";
/* CSS Document */
body { width:100%; margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; font-weight:normal; line-height:18px; background:#000;}
#wrapper { width:990px; margin:auto; padding:0px; }
.header { width:100%; margin:0px; background:#FFF; float:left; padding:0px; border-bottom:1px #000 dotted; border-top:1px #000 dotted;}
.header img { float:left; margin:5px !important;}
.strip { float:left; margin:3px 0; padding:0px; width:100%; height:3px; background:#FFF; border-bottom:1px #000 dotted; border-top:1px #000 dotted; }

.email { float:right;  margin:0px 20px 0 0px; padding:0px; color:#666;}
.email p a { color:#666; text-decoration:none; margin-left:4px;}
.email p { color:#666; text-decoration:none; float:left; font-size:14px;}
.email p b { color:#3871f2; text-decoration:none; font-size:16px;}
.p { width:450px; float:right; line-height:30px; font-size:13px; margin:10px 20px; padding:0px 20px; color:#FFF;background:#000;border-top:2px solid #3871f2; border-bottom:2px solid #3871f2; border-top-left-radius:35px;border-bottom-right-radius:35px; }
.email p a:hover { text-decoration:underline; color:#3871f2;} 
.slider { width:980px; margin:0px 0px; float:left; height:280px; background:#FFF;  padding:5px; }
.product { width:222px; margin:10px 10px; background: #3871f2; padding:0 0 10px 0px; float:left;}
.product h6 { float:left; width:100%; text-align:center; font-size:16px; color:#FFF; margin:0px; padding:0px;}
.product img  { float:left !important; margin:6px !important; background:#FFF; padding:0px; border:none; border-top-left-radius:70px; border-bottom-right-radius:70px;}
.product p { float:left; width:100%; text-align:center !important; font-size:13px; color:#FFF; margin:0px; padding:0px;}
.leftimg { float:left; margin:0px 20px 0 0!important; padding:0px !important;}
.content { width:100%; margin:0px 0 ;border-bottom:1px #000 dotted; border-top:1px #000 dotted; padding:5px 0 10px 0; background:url(../images/cbg.jpg) repeat;float:left;}
.line { border-bottom:1px #000 dotted; border-top:1px #000 dotted; float:left; background:#FFF; height:1px; margin:3px 0 ; padding:0px; width:100%;}
.right { width:680px; margin:0px; padding:0px; float:right;}
.head { float:right !important;}
.img { width:480px; float:right; margin:0px; padding:0px;}
.content p { width:100%; float:left; margin:10px 0 0px 0; padding:0px;  text-align:justify; font-weight:normal;}
.data { width:98%; float:left; margin:10px 0 0px 0; padding:10px; background:#fff; border-radius:5px; border-bottom:4px double #3871f2;border-top:4px double #3871f2;  text-align:justify; font-weight:normal;}
.content ul { font-weight:normal; float:left; margin:10px 0 0 20px !important;  padding:0px; width:97%;} 
.content h2 { font-size:18px;color:#FFF;float:left;width:auto; background:#3871f2; margin:10px 0 0 0 ; padding:0px 20px; line-height:35px; border-top:2px solid #000; border-bottom:2px solid #000; border-top-left-radius:30px;border-bottom-right-radius:30px; }
span, strong { color:#4d3019; font-size:14px;}

.left{
float:left; width:290px;  text-align:left;background:#000000; margin:5px 0 0 0;  padding-bottom:10px;
}
.left div {
 width: 240px;height:30px;background:#e9e6e6; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */transition: width 2s;margin-top:10px;font-family:Arial, Helvetica, sans-serif;border-top:1px solid #666666;  border-bottom:1px solid #666666; text-align:left; padding:5px 0px 8px 0;
}

.left div:hover {
 width: 280px; background:#3871f2; color:#FFF !important; border-top:1px solid #FFFFFF;
}
.left div:hover a{
 width: 280px; background:#3871f2 color:#FFF !important; text-decoration:none !important;
}
.left div p, .left div p a
{
float:left; width:240px; padding-left:5px; margin:0px; text-align:left; background:none !important; font-size:18PX; border:none;
}

.content h3 { font-size:22px; text-decoration:underline; color:#ff0000; width:100%; margin:0px 0 0 0px; float:left;  padding:0px; }
.content p b {font-size:14px;}td ul { width:98%; float:left;}
.content td 
{font-weight:normal; padding:2px 10px;  }
.content img { float:right; border:2px solid #333;border-top-left-radius:70px; border-bottom-right-radius:70px; background:#3871f2; padding:3px; margin:0px 0px 10px 10px;}
.content p a { float:right; text-decoration:none; padding:3px 8px 0; color:#4d3019 !important;margin:0px !important; }
.content p a:hover { text-decoration:underline;}
iframe { border:none; width:990px; float:left; margin:0px; padding:0px;}

#contact {
	width:700px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
#contact a {
	color:#666;
}

#contact h2 {
	height: auto;
	width:700px;
	float:left;
	margin:0px 0px 0px 0px;
	background: none;
	padding:0px 0px 0px 0px; border:none;
	text-align:left;
	color:#4d3019 !important; text-decoration:underline;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#contact font {
font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	width:500px;
	float:left;
	margin:10px 0px 0px 2px;
}#contact font a{
font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	width:auto; text-decoration:none;

	margin:0px 0px 0px 2px;
}
#contact font a:hover{ text-decoration:underline; color:#4d3019;}
#contact b {
	font-size:13px;
	color:#555;
	font-weight:bold;
	float:left;
	width:110px;
	margin:10px 0px 0px 0px;
}

.icon { border:none !important; margin-right:20px !important; margin-top:20px !important;}


#footer{ width:100%; margin:0px 0 0 0; float:left; padding:0px; background:#3871f2; border-bottom:1px #3871f2 dotted; border-top:1px #3871f2 dotted;    }
#footer-contaner{ width:990px;   margin:auto; padding:0px;}
.footer-link{ float:left; margin:10px 0 0 0; padding:0px;}
.footer-link ul{ float:left; margin:0px; padding:0px;}
.footer-link li{ float:left; margin:0px; padding:0px 15px;}
.footer-link li a{ color:#666666; font-size:12px; text-decoration:none;}
.foot-main{float:left; width:99%; height:auto; color:#fff; text-align:center;line-height: 20px;font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px;}
.foot-main img { float:right; margin:5px;}

.foot-main p { width:75%; color:#FFF; text-align:left; float:left; margin-left:6px; margin-top:20px;}





/* ei slider */


.ei-slider{
	width: 980px;
	max-width: 980px;
	border-bottom: 1px solid #EAEAEA;
	height: 280px; position:absolute;
	margin: -7px 0 0 -2px ; padding:0px;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%; z-inex:0;
	width: 96%;
	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: 30px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 50px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 7px;
	width: 975px; float:left; position:absolute;
	margin: -26px 0 0 -35px; color:#693;
	
}
.ei-slider-thumbs li{
	position:relative; margin:0px; z-index:0;
	float: left; list-style:none;	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 35px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #eaeaea;
	width: 100%; margin:0px;
	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: #3871f2;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px; margin:0px; padding:0px; left:0px;
	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;
	}
}