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

img{display:inline-block !important; height:auto !important;}

.menulinst{float: right; margin:10px 0 0;}
.mobile_menu_header{display:none;}
.menulisting{ width:100%; position:absolute; top:0px; left:0px; background:#fff; opacity:0.9; height:80px; z-index:9999;}
.menulinst ul li{ list-style:none; float:left; margin-right:20px;}
.menulinst ul li a{ display:inline-block; text-align:center; text-transform:uppercase; font:normal 13px/60px 'Open Sans', Geneva, sans-serif; color:#000; }







.logoaria{ width:210px; height:58px; float:left; overflow:hidden; margin-top:10px;}
.logoaria img{ width:210px; height:52px; display:block;}

.midbanner{ width:auto; height:auto; overflow:hidden;}
.midbanner img{ width:1600px; height:500px}

.wapper{ width:1140px; margin:auto;}
.wapper1{ width:100%; margin:auto;}
.bann{ width:100%; height:auto; overflow:hidden; margin:auto;}
.bann img{ width:100%; height:auto; display:block;}
.bann1{ width:100%; overflow:hidden; margin:auto;}
/* CSS about us */
.tytlehit{ font:600 22px/35px Helvetica, sans-serif; color:#686767;}
.tytleh{ font:600 22px/35px Helvetica, sans-serif; color:#686767;}
.tytlehn{ font:600 22px/35px Helvetica, sans-serif; color:#686767;}
.tytlehl{ font:600 22px/35px Helvetica, sans-serif; color:#686767;}



.allmenu{ border-top:2px solid #f16338;}
.allmenu ul li{ float:left; list-style:none;}
.allmenu ul li a{ display:inline-block; text-align:center; text-decoration:none; font:bold 14px/36px Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:0px 10px;}
.allmenu ul li a:hover{ background:#f16338; color:#fff;}
.act1{ background:#f16338; color:#fff;}


/* CSS capeblitiese us midle*/
.box1{ width:560px; min-height:450px; border:1px solid #e7e7e7; float:left; margin-top:7px;}
.box1 div{ margin:15px; width:auto; height:auto; overflow:hidden;}
.box1 div img{ width:560px; height:290px; display:block;}
.box1 h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; margin-left:15px;}
.box1 p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}

.box2{ width:560px; min-height:450px; border:1px solid #e7e7e7; float:left; margin:7px 0px 0px 20px;}
.box2 div{ margin:15px; width:auto; height:auto; overflow:hidden;}
.box2 div img{ width:560px; height:290px; display:block;}
.box2 h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; margin-left:15px;}
.box2 p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}

.box3{ width:270px; min-height:360px; border:1px solid #e7e7e7; float:left; margin-top:53px;}
.box3 div{ margin:15px; width:auto; height:auto; overflow:hidden;}
.box3 div img{ width:270px; height:360px; display:block;}
.box3 h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; margin-left:15px;}
.box3 p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}


.box4{ width:270px; min-height:360px; border:1px solid #e7e7e7; float:left; margin:53px 0px 0px 20px;}
.box4 div{ margin:15px; width:auto; height:auto; overflow:hidden;}
.box4 div img{ width:270px; height:378px; display:block;}
.box4 h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; margin-left:15px;}
.box4 p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}

.box5{ width:560px; min-height:450px; border:1px solid #e7e7e7; float:right; margin:53px 0px 0px 20px;}
.box5 div{ margin:15px; width:auto; height:auto; overflow:hidden;}
.box5 div img{ width:560px; height:290px; display:block;}
.box5 h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; margin-left:15px;}
.box5 p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}

/* CSS infrastructure us midle*/

.box1c{ width:800px; min-height:450px; float:left; margin-top:20px;}
.box1c div{ width:auto; height:auto; overflow:hidden;}
.box1c div img{ width:560px; height:290px; display:block;}
.box1c h1{ font:bold 22px/30px Helvetica, sans-serif; color:#686767; text-transform:uppercase;}
.box1c p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090;}

.box3c{ width:270px; min-height:177px; float:left; margin:20px 0px 0px 20px;}
.box3c div{width:auto; height:auto; overflow:hidden;}
.box3c div img{ width:270px; height:177px; display:block;}
.box3c h1{ font:bold 22px/30px Helvetica, sans-serif;; color:#010101; text-transform:uppercase;}
.box3c p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090;}


.box4c{ width:270px; min-height:177px;float:right; margin:20px 0px 0px 20px;}
.box4c div{width:auto; height:auto; overflow:hidden;}
.box4c div img{ width:270px; height:177px; display:block;}
.box4c h1{ font:bold 22px/30px Helvetica, sans-serif; color:#010101; text-transform:uppercase;}
.box4c p{ font:normal 14px/26px Helvetica, sans-serif; color:#909090;}
.erxtex{ font:normal 14px/26px Helvetica, sans-serif; color:#909090; margin:15px;}

.btn{ color:#909090;}
.coloremore{ color:#909090;}

/* CSS about us midle*/




#services{ width:100%; margin:auto; height:400px; background:#FFF url(../banner/home_banner_new.jpg) no-repeat center center;   }





/* CSS left containner us midle*/
.leftcontainner{ max-width:910px; min-height:363px; border-right:1px solid #f2f2f2; float:left; padding-right:30px;}
.aboutimg-box{ width:auto; height:auto; overflow:hidden;}
.aboutimg-box img{ width:768px; height:438px; display:block}

.aboutimg-box1{ width:auto; height:auto; overflow:hidden;}
.aboutimg-box1 img{ width:739px; height:440px; display:block}

.about-box1{ width:auto; height:auto; overflow:hidden;}
.about-box1 img{ width:880px; height:auto; display:block}

.about-box2{ width:auto; height:auto; overflow:hidden;}
.about-box2 img{ width:880px; height:292px; display:block}

.point{ min-height:340px;}
.aboutimg-van{ width:auto; height:auto; overflow:hidden; margin-top:63px;}
.aboutimg-van img{ width:880px; height:633px; display:block;}

.leftcontainner2{ width:770px; min-height:363px; border-right:1px solid #f2f2f2; float:left; padding-right:30px;}


/* CSS rightcontainer midle*/
.rightcontainner{ min-height:363px; float:right;}




/* CSS rightcontainer midle Media*/
.leftcon_media{ width:300px; min-height:363px; float:right; padding-left:20px;}
.rightcon_media{ width:830px; min-height:910px; float:left; border-right:1px solid #f2f2f2;  padding-right:30px;}
.mediamenu{}
.mediamenu ul li{ list-style:none; float:none; border-bottom:1px solid #ccc;}
.mediamenu ul li a{ font:normal 16px/32px Helvetica, sans-serif; color:#242424;}

/* CSS rightcontainer midle images Media*/

.mediabox{ width:305px; height:auto; float:left; overflow:hidden;}
.mediabox img{ width:305px; height:203px; display:block;}

.mediaboxse{ width:305px; height:auto; float:left; margin-left:28px;  overflow:hidden;}
.mediaboxse img{ width:305px; height:203px; display:block;}

.mediaboxth{ width:137px; height:auto; float:right;  overflow:hidden;}
.mediaboxth img{ width:137px; height:203px; display:block;}

.autoimgbox{ width:198px; height:265px; overflow:hidden; float:left;}
.autoimgbox{ width:198px; height:265px; display:block;}

.autotex{ text-align:left;}

.automacanic1{ width:353px; height:242px; float:left; overflow:hidden;}
.automacanic1 img{width:353px; height:242px; display:block;}

.automacanic2{ width:259px; height:242px; float:left; overflow:hidden;}
.automacanic2 img{width:259px; height:242px; display:block;}


.autoimgbox1{ width:197px; height:149px; overflow:hidden; float:left;}
.autoimgbox1 imh{ width:197px; height:149px; display:block;}

.autotex1{ width:580px; min-height:149px; float:right; text-align:left;}

.automacanic3{ width:335px; height:242px; float:left; overflow:hidden;}
.automacanic3 img{width:335px; height:242px; display:block;}

.automacanic4{ width:353px; height:242px; float:left; overflow:hidden;}
.automacanic4 img{width:353px; height:242px; display:block;}

.footmenu a{font: normal 14px/25px helvetica Arial, Helvetica, sans-serif; color:#9f9f9f; display:block; text-align:left; text-decoration:none;}
.footmenu a:hover{ color:#f1f1f1;}
















/* ======================================================================================================
   MEDIA QUERIES
   =====================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */

@media only screen and (max-width: 999px) {
	wapper{ width:95%; margin:0px auto;}
.wapper1{ width:95%; margin:auto;}	



	.allmenu ul li{ float:none; list-style:none}
.allmenu ul li a{ display:block;}
	
/* CSS capeblitiese us midle*/
.box1{ width:90%; margin:auto; padding:10px; float:none;}

.box2{  width:90%; margin:auto; padding:10px; float:none;}

.box3{ width:90%; margin:auto; padding:10px; float:none;}


.box4{  width:90%; margin:auto; padding:10px; float:none;}

.box5{  width:90%; margin:auto; padding:10px; float:none;}

/* CSS infrastructure us midle*/

.box1c{  width:90%; margin:auto; padding:10px; float:none;}

.box3c{  width:90%; margin:auto; padding:10px; float:none;}

.box4c{  width:90%; margin:auto; padding:10px; float:none;}


}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width: 767px) {
		wapper{ width:95%; margin:0px auto;}
	.wapper1{ width:95%; margin:auto;}
	

.allmenu ul li{ float:none; list-style:none}
.allmenu ul li a{ display:block;}	
	
/* CSS capeblitiese us midle*/
.box1{  width:90%; margin:auto; padding:10px; float:none;}

.box2{  width:90%; margin:auto; padding:10px; float:none;}

.box3{  width:90%; margin:auto; padding:10px; float:none;}


.box4{  width:90%; margin:auto; padding:10px; float:none;}

.box5{  width:90%; margin:auto; padding:10px; float:none;}

/* CSS infrastructure us midle*/

.box1c{ width:90%; margin:auto; padding:10px; float:none;}

.box3c{  width:90%; margin:auto; padding:10px; float:none;}

.box4c{  width:90%; margin:auto; padding:10px; float:none;}

}

/* ================= Mobile (Portrait) below 480px  ================= */

@media only screen and (max-width: 479px) {
		wapper{ width:95%; margin:0px auto;}
	
	.wapper1{ width:95%; margin:auto;}
	



.allmenu ul li{ float:none;}
.allmenu ul li a{ display:block;}


/* CSS capeblitiese us midle*/
.box1{  width:90%; margin:auto; padding:10px; float:none;}

.box2{  width:90%; margin:auto; padding:10px; float:none;}

.box3{  width:90%; margin:auto; padding:10px; float:none;}


.box4{  width:90%; margin:auto; padding:10px; float:none;}

.box5{  width:90%; margin:auto; padding:10px; float:none;}

/* CSS infrastructure us midle*/

.box1c{  width:90%; margin:auto; padding:10px; float:none;}

.box3c{  width:90%; margin:auto; padding:10px; float:none;}

.box4c{  width:90%; margin:auto; padding:10px; float:none;}




}
/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$ CSS Document not to edit $$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/
/* Desktop/Laptop/Others - Above 980px */
.img_responsive {
	display:block;
	width:100%;
	line-height:0;
	height:auto;
}
.mob_only {
	display:none
}
.tab_only {
	display:none
}
.des_only {
	display:block
}
.des_hider {
	display:none;
}
/* floating classes */
.floater, .floater li {
	margin:0;
	padding:0;
	list-style:none;
}
.float_2 li {
	width:50%;
	float:left
}
.float_2x li {
	width:50%;
	float:left
}
.float_3 li {
	width:33.33333%;
	float:left
}
.float_4 li {
	width:25%;
	float:left
}
.float_4x li {
	width:25%;
	float:left
}

/* Tab 960px - 768px */
@media only screen and (max-width: 999px) {
.mob_only {
display:none
}
.tab_only {
display:block
}
.des_only {
display:none
}
.des_hider {
display:block;
}
.tab_hider {
display:none;
}
.wrapper {
width:100%
}
/* floating classes */
.float_2 li {
width:100%;
float:none
}
.float_3 li, .float_4 li {
width:50%;
float:left
}
.float_4x li {
width:33.333333%;
float:left
}
}
/* Mobile 480px - 767px */
@media only screen and (max-width: 767px) {
.mob_only {
display:block
}
.tab_only {
display:none
}
.des_hider {
display:block;
}
.mob_hider {
display:none;
}
.mob_shower {
display:block;
}
/* floating classes */
.float_2 li, .float_2x li, .float_3 li, .float_4 li, .float_4x li {
width:100%;
float:none
}
}
/* Mobile Below 480px */
@media only screen and (max-width: 479px) {
}