@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'poor_richardregular';
    src: url('poorich-webfont.woff2') format('woff2'),
         url('poorich-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




body,ul,li,a,span,div,img,h1,h2,h3,h4,h5{ padding: 0; margin: 0}

body{ background:#fff; padding: 0; margin: 0 ; font-family:'avantgargotitcteeregular', Helvetica, sans-serif}




.clear{ display:block; clear:both}
#wrapper{ width: 1100px; margin: 0 auto}

#banner{ width: 100%; height: auto; background:#0d1216; background-repeat:repeat-x; float:left; border-top:5px solid #fe6500;}


#right-box{ width: auto; height: auto; background:#000; float:right;}

.logo{ float:left}
.menu{ float:left; width: auto; height:auto; margin: 28px 0px; }

.phone{ float: right; font-size: 25px; color:#FFF; padding: 10px 0px; height: 30px; line-height: 30px; margin: 20px 0px; font-family:'poor_richardregular', Helvetica, sans-serif}
.phone img{ text-align:center; margin: -6px 2px}

.icon{ margin: 10px 5px; float:right}


#slide-down{ background:#0d1216; height: auto; width: 100%; float:left}
.box{ width: 350px; height:auto; background: none; float:left; margin: 5px 0px} .box img{ margin: 20px 0px}
.boxs{width: 350px; height:auto; background: none; float:left; margin: 5px 25px} .boxs img{ margin: 20px 0px}


#content-box{ width: 100%; height: 100%; float:left; background:#fff; }  #content-box img{ float:left; margin-right:25px; margin-bottom:20px; border: 5px solid #ececec}

#contents-box{ width: 100%; height: 100%; float:left; background:#fff; }
p{ font-size: 14px; color:#303030; line-height:24px; width: 100%; font-family:'open_sansregular', Helvetica, sans-serif; margin: 0px 0px; text-align:justify}

h1{ font-size: 25px; color:#000; line-height:70px; float:left; width: 100%; font-family:'poor_richardregular', Helvetica, sans-serif}

h2{ font-size: 26px; color:#fff; line-height:30px; float:left; width: 100%; font-family:'poor_richardregular', Helvetica, sans-serif}






.form .input{background:#fff; border:1px solid #d4d4d4; margin:2px 0; padding:6px 5px; color:#000; font-size:17px; margin-top:3px; width:94%; border-radius:0px; margin-left:0px; font-family:'poor_richardregular', Helvetica, sans-serif; font-weight:bold }

	

.submit {background:#292929; border:0px solid ; margin-top:8px; padding:10px 0; margin-left:0px; margin-bottom:10px;	 cursor:pointer; color:#fff; transition: all 0.3s ease-out; width:30%; border-radius:4px; text-transform:uppercase; font-weight:bold;}		

.submit:hover {background:#333;}

.code-sec {clear:left;}

.alertmsg {font-size:12px; color:#000; font-style:italic;}


#footer-box{ width: 100%; height: auto; float:left; background:#fe5700}


.areas{ float:left; width:auto; margin: 20px 0px; margin-right:5px}
.areas li{ font-size:13px; line-height:24px; color:#fff; font-family:'open_sansregular', Helvetica, sans-serif; list-style:none; height:auto; margin: 0px 5px; text-align:left}
.areas li a{ color:#fff; text-decoration:underline}


.f-box{ width: 290px; height:auto; background: none; float:left; margin: 20px 0px}
.f-boxs{width: 450px; height:auto; background: none; float:left; margin: 20px 20px}

.icon{ font-size:13px; color:#fff; float:left; line-height:25px; margin: 0; padding: 0} .icon img{ float:left}

.footer{ height: 50px; width: 100%; float:left; background-color:#000; font-size:14px; font-family:'open_sansregular', Helvetica, sans-serif; font-weight:bold; color:#fff}
.footer a {color:#fff; text-decoration:none;}
.footer a:hover {color:#fe5700;}


.copy{float:left; margin:0; padding:0; width:500px; line-height: 50px}
.design{float:right; margin:0; padding:0; width:AUTO; line-height: 50px}





.gallery{width: 100%; height:auto; float:left; margin-bottom:20PX}
.gallery img{ width: 210px; height: 170px; float:left; padding: 4px 4px}


/***********************************************************************************************************************/
#contact-box{ height:auto; width: 100%; background:#fff ; float:left; margin-bottom: 0px; margin-top:0px}

#contact-box h4{ font-size: 20px; color:#f00; line-height:70px; text-align: left; text-transform: uppercase; font-family:'oswaldmedium', Helvetica, sans-serif}

.contact_left{float:left; margin:0px 12px; padding:0; width:350px; display:block}



.contact_right{float:right; margin:0px 12px; padding:0; width:700px;}

.Feedbackform {
	padding:5px;
	margin:0 0 20px 0;
	float: left; 
}
.Feedbackform h1 {
	font-size: 22px;	
}
.Feedbackform input[type="text"] {
	width: 240px;
	margin-bottom: 7px;
	padding: 9px 10px;
	border: 1px solid #CCC;
	border-radius: 0px; font-family:'poor_richardregular', Helvetica, sans-serif;font-size:19px
}
.Feedbackform textarea{
	width: 240px;
	margin-bottom: 5px;
	padding: 7px 10px;
	border: 1px solid #CCC;
	border-radius: 0px; font-family:'poor_richardregular', Helvetica, sans-serif; font-size:19px
}
.Feedbackform input[type="submit"] {
	background:#da2a29; 
	border: none;
	margin-top:5px; 
	padding:7px 0; 
	cursor:pointer; 
	color:#FFF; 
	width: 90px;
	font-weight:bold;
	float: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; margin-bottom:20px
}
.Feedbackform input[type="submit"]:hover {
	background:#c6201f;
}
.alertmsg {
	font-size:12px; 
	color:#F00; 
	font-style:none;
	padding: 0;
}
.code-sec {
	clear:left;
}

/***************************************************************************************************************/


h4{ font-size: 26px; color:#fff; line-height:50px; float:left; width: 100%; font-family:'poor_richardregular', Helvetica, sans-serif; text-transform:capitalize; background:#000; text-align:center; clear:both; display:block; margin-bottom:10px}

.area-box{ width: 260px; height: auto; background:#CCC; margin-right:20px; float:left; margin-bottom:30px}
.area-boxs{ width: 260px; height: auto; background:#CCC; margin-right:0px; float:right; margin-bottom: 30px}
.area-t{font-size: 14px; color:#303030; line-height:20px; width: 90%; font-family:'open_sansregular', Helvetica, sans-serif; margin: 0px 0px; text-align:justify; margin: 0 auto;}








@media only screen and (max-width : 780px) 
{
	
	h1{ font-size:19px}
	
	
	#wrapper{ width: 98%; margin: 0 auto}
	#banner{ width: 100%; height:100%; float:none; margin: 0 auto; z-index:none; position:relative}
	#right-box{ width: 100%; height: 100%; background:#000; float:none; display:block; clear:both;}
	.logo{ margin: 0 auto; text-align:center; float:none }  .logo img{ width: 260px; height: 79px}
	
	.menu { display:block; clear:both; width: 100%; height:auto;background:#c52d25; margin: 0px 0px; display:block; clear:both}
	
	.phone{ text-align:center; margin: 0 auto; float:none; background: #0d1216; width: 100%}
	
	
	
	#slide-down{ background:#0d1216; height: 100%; width: 100%; float:left}
.box{ width: 96%; height:auto; background: none; float:none;  margin: 0 auto}
.box img{ height: auto; width: 100%; margin: 0 auto; padding: 5px 0px }
.boxs{width: 96%; height:auto; background: none; float:none; margin: 25px 0px; margin: 0 auto}
.boxs img{ height: auto; width: 100%; margin: 0 auto;  padding: 5px 0px }


.f-box{ width: 96%; height:auto; background: none; float:none; margin:0 auto; margin-bottom: 20px; margin-top:20px}
.f-boxs{width: 96%; height:auto; background: none; float:none; margin:0 auto; margin-bottom: 20px}
.areas{ float:none; width:auto; margin: 20px 0px; margin-right:0px; text-align:center; margin: 0 auto}



.footer{ height: auto; width: 100%; float:left; background-color:#000; font-size:14px; font-family:'open_sansregular', Helvetica, sans-serif; font-weight:bold; color:#fff; padding:10px 0px}
.copy{float:none; margin:0; padding:0; width:auto; line-height: 20px; text-align:center}
.design{float:none; margin:0; padding:0; width:AUTO; line-height: 20px; text-align:center}




.gallery{width: 100%; height:auto; float:none; margin: 0 auto; text-align:center}
.gallery img{ width: 210px; height: 170px; float:none; margin: 0 auto; text-align:center}

#content-box{ width: 96%; height: 100%; float:none; background:#fff; margin: 0 auto }
 #content-box img{ float:none; width: 96%; height:auto; margin: 0 auto}
 
 
 #contact-box{text-align:center; margin-top: 0px}
	 #contact-box h4{ text-align:center; width: 100%}
	 
	.contact_left{ width: 100%; float:none; margin: 0 auto; margin: 0px 0px}
	 
	 .contact_right{ display:none}
	 .Feedbackform{ float:none; text-align:center; margin: 0 auto}
	 
	 .box img{ margin-top:20px}  .boxs img{ margin-top:20px}
	 
	 
	 .area-box{ width: 100%; height: auto; background:#CCC; margin-right:20px; float:none; margin-bottom:30px}
.area-boxs{ width: 100%; height: auto; background:#CCC; margin-right:0px; float:none; margin-bottom: 30px}
.area-t{font-size: 14px; color:#303030; line-height:20px; width: 90%; font-family:'open_sansregular', Helvetica, sans-serif; margin: 0px 0px; text-align:justify; margin: 0 auto;}



	
	
	
	
}