@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Droid Sans', sans-serif;
	font-size:14px;
	color:#3d3d3d;
	line-height:25px;
	background:#ffffff;
}
.containor{
	width:980px;
	margin: 0px auto;
	border-left:1px  groove #ccc;
border-right:1px  inset #ccc;
}
/*.sub_content{
	width:938px;
	margin: 0px auto;
}*/
.header{
	width:938px;
	height:73px;
	margin-bottom: 0px;
}
.slider{
	width:100%;
	height:330px;
	background:#000;
	margin-bottom:20px;
}
.text_start{
	padding:10px;
	clear:both;
}
/*
.text_start h1{
	font-size:18px;
	text-align:center;
	line-height:35px;
	font-weight:bold;
	color:#345268;
	display: block;
	margin-bottom:20px;
}
*/
.text_start h2{
	font-size:18px;
	text-align:left;
	line-height:28px;
	font-weight:bold;
	color:#345268;
	display: block;
	margin-bottom:10px;
}
.text_start h1{
	font-size:22px;
	text-align:left;
	line-height:32px;
	font-weight:bold;
	color:#f10d0d;
	display: block;
	margin-bottom:10px;
}
hr{
	colof:#333;
	width:95%;
	margin:0 auto;margin-top:20px;
}
.text_start_left{
	width:65%;
	float:left;margin-left:10px;
}
.text_start_right{
	width:32%;
	float:right;margin-right:10px;
}
.text_start p{
	margin: 0 0 10px 0;line-height:25px;font-size:15px;
}
.text_start img{
     width:100%;
	
}
.text_start_right h2{
	font-size:16px;color:#F00;
}
.footer{
	
	height:37px;
	line-height:37px;
	text-align: center;
	color:#fff;background:#345268;padding-top:5px;
}
.logo{
	float: left;
	height: 79px;
	margin: 5px 0 0 0;
}
.logo_txt{
	width:400px;
	float:left;margin-left:-15px;margin-top:5px;
	
}
.logo_footer{
    width:80px;
	height: 79px;
	margin: 0 auto;
}

.address{
	float: right;
	width:400px;
	color: #1100ff;
	font-size:19px;
	font-weight: bold;
	padding:37px 0px 20px 20px;
	text-align:left;
	line-height:27px;
	font-family: Arial, Helvetica, sans-serif;font-weight:bold;
}
.address label{
	
	color:#CC022B;font-size:18px;
}
.nav{
clear:both;background:#345268;height:35px;}
.nav ul{
background:#345268;height:35px;margin-left:140px;
}
.nav ul li{
	float:left;
	padding:0 25px;

	line-height:35px;
	font-weight:bold;
	
	color: #fffff;text-transform:uppercase;
}

.nav ul li a:hover {
    color: #cccccc;
   
}
.nav ul li a{
	color: #fff;font-size:14px;
    text-decoration: none;
    padding-top: 8px;
}
.nav ul li.selected a{
	/*background:#360301;*/
	color: #cccccc;
}
.address span{
	font-size:25px;
	font-weight:bold;
	color:#594635;
}
#banner img{
		 width: 100%;
    height: 400px;
   
    background-size: contain;
	}
#ajSlider a{
		margin-left:10%;
		color:white!important;
		text-decoration:none!important;
	
		width: 100%;
		height: 450px;
		opacity: 1;background-size: cover;
         display:block;		z-index: -999;
	}
	#ajSlider img{
		 width: 100%;
    height: 450px;
   
    background-size: contain;
	}
.fnav{
clear:both;height:35px;width:450px;margin:0 auto;}
.fnav ul{
height:35px;margin:0;padding:0;
}
.fnav ul li{
	float:left;
	padding:0 15px;

	line-height:35px;
	font-weight:bold;
	font-size:12px;
	color: #7c95ae;text-transform:uppercase;
}

.fnav ul li a:hover {
    color: #cccccc;
   
}
.fnav ul li a{
	color: #7c95ae;
    text-decoration: none;
    padding-top: 8px;
}
.fnav ul li.selected a{
	/*background:#360301;*/
	color: #cccccc;
}

.clear{clear:both;}


/*----Slider CSS----*/
.sld{position:relative}
#wrapper {width:673px; margin:50px auto}
#container {position:relative; background:#fff; padding:32px; height:235px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.sliderbutton {float:left; width:25px; height:235px; cursor:pointer}
#slideleft {background:url(../images/left.gif) left 150px no-repeat; position: absolute;
z-index: 20;}
#slideright {background:url(../images/right.gif) left 150px no-repeat; position: absolute;
z-index: 20; right:0;}
#slider {float:left; position:relative; overflow:auto;
	width:100%;
	height:400px;

	margin-bottom:20px;
}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:100%;height:450px;}
/*.pagination {position:absolute; top:40px; right:61px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}*/



#confirmEmail{
	font-size:17px;
	margin-bottom:15px;
	font-weight:bold;
	color:#090;
	
}

#contactForm{
	
	float:none;
	
}

#contactFormBody{
	
	padding:5px;

}
.button{color:#fff; background:#5c110f; text-align:center;font-family:Arial, Helvetica, sans-serif;width:80px;cursor:pointer;height:25px;font-size:16px;margin-top:20px;padding:3px;font-weight:bold;}
.button:hover{color:#0C3;}

.text_start ol, .text_start ul{width:94%; list-style:outside;margin:5px;padding:5px;}
.text_start u{font-weight:bold;}
.text_start table{ width:80%;margin:0 auto;}
.text_start table td{border-collapse:collapse;border:1px solid #666;}
.text_start table td h6{color:#333;text-align:center;margin:0;padding:0;font-size:16px;}
.text_start table td strong{color:#333;font-size:14px;}`
.text_start li p a{color:#5c110f;margin-right:30px;}
#list_in_order{ width:80%;margin:0 auto;color:#6C3;}
#list_in_order ul{
	margin-left:100px;
	margin-bottom:20px;
	margin-top:10px;
	list-style:circle;
	font-size:14px;
	color:#333;
}
#list_in_order ul li{
	list-style:circle;
	font-size:14px;
	color:#333;
}

.b-menu__opener
{
 display: none;
}
.label_thumb_sm{
	width: 12%;
	float: left;
	padding: 10px;
}
.label_thumb_lg{
	width: 32%;
	float:left;
	padding: 10px;
}
.label_thumb_sm img, .label_thumb_lg img {
    border: 3px solid #f2f2f2;
	width: 100%;
}

/*----Responsive CSS----*/

@media (max-width:960px){
.containor {
    width: 100%;
}
.sub_content {
    width: 95%;
}
.header {
    width: 100%;
 }
 #slider {
    width: 100%;
}
.nav ul{
	margin-left:70px;
}
.logo {
    width: 50%;
}


}

@media (max-width:710px){
.logo {
    width: 30%;
}

.logo img
{
    width: 30%;
    height: auto;
}

.address {
    width: 230px;
    padding: 10px 8px 10px 8px;
}
.address span {
    font-size: 24px;
}
.nav ul{
	margin-left:70px;
}
.nav ul li {
    padding: 0 15px;
}
#list_in_order ul {
    margin-left: 0px;
}
}


@media (max-width:550px){
.containor {
    background: #fff;
}
.header {
    width: 100%;
    height: auto;
    background: #F4F4F4;
    margin-bottom: 15px;
}

.logo {
    width: 100%;
    height: auto;
    text-align: center;
}
.logo img {
    width: auto;
}
.address {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
	margin-bottom: 10px;
}
.text_srart_left {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.text_srart_left  img
{
width: 90%;
    height: auto;
}

.text_start h1 {
    text-align: center;
}
.address_left {
    width: 100%;
 }
 .map {
    width: 100%;
}
.map iframe
{
    width: 100%;
}
.nav ul {
    display: none;
}
.b-menu__opener
{
display: block;
padding: 5px;

}
.b-menu__opener span {
    display: block;
    width: 40px;
    height: 5px;
    margin: 0 0 5px;
    background: #14181A;
}
.nav ul li {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid;
    height: auto;
    line-height: inherit;
}
.nav ul li:nth-child(even) {
	display: none;
}
.nav ul {
    margin-top: 4px;margin-left:20px;
}
.nav ul li a {
    color: #360301;
    padding:5px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.nav ul li.selected a {
    color: #cccccc;
}
.nav ul li:hover a {
    color: #cccccc;
}
.label_thumb_sm, .label_thumb_lg{
	float: none;
}
.label_thumb_sm, .label_thumb_sm img, .label_thumb_lg, .label_thumb_lg img{
	width: 98%;
	height: auto;
}

}

@media (max-width:300px){
.logo img {
    width: 100%;
}
.text_start table {
    width: 100%;
}
.nav ul li a {
	font-size:9px;
}
}


