*{padding:0;margin:0;}
@font-face{
	font-family:abc;
	src:url(fonts/RobotoCondensed-Regular.ttf);
}
@font-face{
	font-family:railway;
	src:url(fonts/Raleway-SemiBold.ttf);
}
#wrapper{
	max-width:1366px;
	margin:0 auto;
}
#header{
max-width:100%;
margin:0 auto;
padding:15px 0;
}
.logo img{
	max-width:100%;
}
.logo{
float:left;
margin-left:80px;
}
.logo h1{
font-size:34px;
color:red;
margin-top:-70px;
margin-left:190px;
word-spacing:5px;
}
.logo h3{
margin-left:380px;
font-family:abc;
font-weight:normal;
}
.call{
float:right;
margin-right:70px;
}
.call img{
width:20px;
height:20px;
padding-top:7px;
padding-left:10px;
padding-right:5px;
}
.call p{
font-family:abc;
font-size:18px;
padding-top:27px;
}
#nav {
position: relative !important; 
z-index: 9999 !important;
}
#menu{
background:black;
margin-top:8px;
}
#menu ul{
list-style:none;
padding:15px 0px;
}
#menu ul li{
display:inline;
position:relative;
}
#menu ul li a{
color:#fff;
font-family:abc;
font-size:20px;
text-decoration:none;
padding:15px 60px;
}
#menu ul li a:hover{
background:#d90e0e;
border-radius:5px;
}
#menu ul li ul{
width:300px;
background:black;
position:absolute;
top:34px;
left:0;
padding-top:0;
display:none;
}
#menu ul li:hover ul{
display:block;
}
#menu ul li ul li{
display:block;
padding-bottom:0;
transition:all 0.5s;
}
#menu ul li ul li a{
font-size:14px;
border-right:none;
display:block;
padding:6px 20px;
}
#menu ul li ul li a:before{
content:'\00bb';
margin-right:10px;
}
#menu ul li ul li:hover{
background:#d90e0e;
padding-left:20px;
}
#content{
padding-bottom:50px;
margin:0 auto;
padding:0px 30px;
max-width:100%;
}
.pro{
float:left;
margin-left:30px;
width:500px;	
}
.pro img{
padding-top:20px;
max-width:100%;
//width:380px;
//height:590px;
margin-left:30px;
margin-bottom:70px;
}
.desc{
float:left;
text-align:justify;
font-family:abc;
width:750px;
}
.desc h2{
font-size:30px;
color:red;
padding-right:300px;
}
.desc p{
font-size:20px;
margin-bottom:20px;
}
.desc h2{
padding-top:50px;
font-size:30px;
color:red;
}
.desc h3{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
.desc p1{
font-size:20px;
margin-left:70px;
}
.desc h4{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
.desc h5{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
#vedio{
margin:0 auto;
}
#ved{
margin:0 auto;
background-image:url(images/vedio.jpg);
margin-top:70px;	
}
.vedio{
float:left;
}
.vedio p{
font-size:22px;
color:#fff;
margin:0 auto;
margin-left:180px;
padding-bottom:60px;
}
iframe{
margin-left:100px;
border:8px solid #fff;
margin-bottom:30px;
margin-top:-40px;
}
.vedio a{
font-size:18px;
color:#fff;
margin-left:300px;
}
.video{
float:left;
margin-top:70px;
margin-bottom:30px;
}
.video h3{
font-size:20px;
color:black;
margin-top:-18px;
margin-left:275px;
}
.contact{
float:right;
font-family:Myriad Pro;
}
.contact h2{
margin-right:400px;
margin-top:30px;
color:#fff;
font-size:28px;
padding-bottom:10px;
}
.contact img{
padding-right:10px;
width:20px;
height:20px;
}
.contact h3{
color:#fff;
font-size:18px;
margin-left:45px;
}
.contact p{
color:#fff;
font-size:14px;
margin-left:45px;
}
.contact h1{
color:#fff;
font-size:24px;
margin-left:45px;
}
.contact a{
color:#fff;
padding-left:20px;
text-decoration:none;
}
.contact span{
margin-left:450px;
}
#footerwrapper{
background:linear-gradient(#db1515 70%,#8d1111 70%,#8d1111 90%,#0e0808 90%);
background:-webkit-linear-gradient(left,#db1515,#8d1111,#0e0808);
background:-moz-linear-gradient(left,#db1515,#8d1111,#0e0808);
width:100%;
}
.foter{
width:1349px;
padding:40px 0px;
margin:0px auto;
border-bottom:1px solid #fff;
}
.left{
width:28%;
float:left;
margin-left:50px;
}
.left h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.left ul li a:hover{
transition:all 1s;
padding-left:30px;
}
.left ul{
list-style:none;
}
.left ul li{
padding:5px 20px;
}
.left ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.center{
width:28%;
float:left;
margin-left:50px;
}
.center h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.center ul{
list-style:none;
}
.center ul li{
padding:5px 20px;
}
.center ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.center ul li a:hover{
transition:all 1s;
padding-left:20px;
}
.right{
width:28%;
float:left;
margin-left:115px;
}
.right h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.right ul{
list-style:none;
}
.right ul li{
padding:5px 20px;
}
.right ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.right ul li a:hover{
transition:all 1s;
padding-left:20px;
}
.social p{
padding:40px 0px;
text-align:center;
font-size:14px;
color:#fff;
font-family:Myriad Pro;
}
.product{
width:1000px;
margin:0 auto;
background:#F9F9F9;
padding:0px 30px;
}
.product h1{
font-size:40px;
padding:20px 0px;
color:red;
}
.product p{
font-family:calibri;
font-size:18px;
padding:0px 10px;
padding-bottom:15px;
}
.product ul{
font-family:calibri;
font-size:18px;
padding:0px 70px;
padding-bottom:15px;
}
.entry{
text-align:center;
padding-top:15px;	
}
.products{
display:inline-block;
padding:0px 15;
padding-bottom:35px;
}
.products img{
width:280px;
height:280px;
}
.products h3{
font-size:20px;
color:black;
font-family:abc;
font-weight:normal;
}
.products p{
font-size:18px;
color:black;
font-family:abc;
font-weight:normal;
}
.products a{
float:right;
font-size:20px;
text-decoration:none;
margin-top:-15px;
}
.products a:hover{
text-decoration:underline;
}
.aboutus{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
margin-bottom:30px;
}
.aboutus h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.aboutus h3{
font-size:20px;
color:red;
}
.aboutus p{
font-size:18px;
font-family:calibri;
}
.contactus{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.contactus h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.contactus h3{
font-size:20px;
color:red;
}
.quality{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
margin-bottom:30px;
}
.quality h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.quality b{
font-size:18px;
font-family:calibri;	
}
.quality h3{
font-size:20px;
color:red;
}
.quality p{
font-size:18px;
font-family:calibri;
}
.inquiry{
margin:0 auto;
width:600px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.inquiry h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.txt{
width:100%;
font-family:calibri;
font-size:18px;
border:1px solid #c7c7c7;
margin-bottom:20px;
padding:10px 10px;
outline:0;		
}	
.btn{
background:#e2e2e2;
font-family:open sans;
border:1px solid #c2c2c2;
padding:8px 30px;
cursor:pointer;
border-radius:5px;
}	
.txt:focus{
border-color:gray;	
}	
.pagepro{	
background-color:#ffffff;
margin-left:120px;
}
.contain-areabg{	
background-color:#F9F9F9; 
padding-left:100px;
padding-top:30px;
}
.whitebg{	
background-color:#FFF; 
border:5px #E6E5E5 solid;
}
.titlepage{
font-family:calibri; 
font-size:30px; 
text-decoration:none; 
color:#454545; 
font-weight:bold;
}
.bottom-link{  
font-family:calibri; 
font-size:16px;	
text-decoration:none; 
color:#000000;  
}
.dark-color{	
background-color:#E7E6E6; 
padding-left:10px;
}
.light-color{ 
background-color:#F3F2F2; 
padding-left:10px;
}
.dis{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.dis h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.dis h2{
font-size:22px;
color:black;
}
.dis h3{
font-size:18px;
color:black;
}
.dis h4{
font-size:22px;
color:black;
font-style:italic;
padding:15px 0px;
}
.dis p{
font-size:18px;
}
.slicknav_menu {
	display:none;
}
@media only screen and (max-width:1100px){
	
}
@media only screen and (max-width:1024px){	
}
@media only screen and (max-width:960px){
.logo{
margin:0;
margin-left:40px;
}
.call{
margin-right:380px;
}
#menu ul{
padding:12px 0px;
}
#menu ul li a{
color:#fff;
font-family:abc;
font-size:18px;
text-decoration:none;
padding:12px 36px;
}
#menu ul li ul{
top:32px;
}

#content{
width:80%;
margin:0 auto;
}
.pro img{
margin-left:160px;
}
#ved{
width:98%;	
}
.contact{
float:none;
margin-left:250px;
}
#footerwrapper{
width:98%;
margin:0 auto;
}
.left{
width:21%;
margin:0;
margin-left:15px;
margin-right:-10px;
}
.center{
width:21%;
margin:0;
margin-right:50px;
}
.right{
width:21%;
margin:0;
}
}
@media only screen and (max-width:768px){
.logo{
margin:0;
float:none;
}
.logo h1{
font-size:28px;
}
.logo h3{
margin-left:320px;
}
.call{
margin-right:300px;
}
#menu{
display:none;
}
.slicknav_menu {
display:block !important;
}
#content{
width:99%;
margin:0 auto;
}
.pro img{
margin-left:130px;
}
.contact{
float:none;
margin-left:160px;
padding-bottom:30px;
}
.desc{
width:93%;
}
.left{
width:28%;
margin-left:55px;
}
.center{
width:28%;
}
.right{
width:100%;
margin-left:230px;
}
}
@media only screen and (max-width:568px){
.logo{
margin:0;
margin-left:40px;
}
.logo h3{
margin-left:185px;
}
.call{
margin-right:200px;
}
.pro img{
margin:0;
margin-left:60px;
}
#content{
width:95%;
margin:0 auto;
}
#ved{
width:98%;	
}
iframe{
width:400px;
height:275px;
}
.vedio p{
margin:0;
margin-left:100px;
}
.contact{
float:none;
width:98%;
margin-left:12%;	
}
.left{
width:20%;
margin:0;
margin-left:10px;	
}
.center{
width:20%;
margin:0;
}
.right{
width:100%;
margin-left:130px;
}
}
@media only screen and (max-width:480px){	
}
@media only screen and (max-width:360px){
.logo{
margin:0;
}
.logo h1{
margin:0;
margin-left:14%;
font-size:25px;
}
.logo h3{
margin:0;
margin-left:10%;
}
.logo img{
margin-left:110px;
width:130px;
}
.call{
margin:0;
margin-right:95px;
}
.pro{
margin:0;
}
.pro img{
margin:0;
margin-right:30px;
}
#content{
width:90%;
margin:0 auto;
}
.desc h2{
padding:0;
margin-top:20px;
}
#ved{
width:98%;	
}
iframe{
margin:0;
margin-left:45px;
margin-top:-20px;
width:250px;
height:150px;
border:5px solid #fff;
}
.vedio p{
margin:0;
margin-left:15px;
font-size:20px;
}
.vedio a{
font-size:16px;
color:#fff;
margin-left:100px;
}
.contact{
float:none;
width:98%;
}
.contact h2{
margin-right:100px;
}
.left{
width:100%;
margin:0;
margin-left:40px;	
}
.center{
width:100%;
margin:0;
margin-left:40px;	
}
.right{
width:100%;
margin-left:40px;
}	
}