* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; letter-spacing:1px; font-family:"Raleway", serif; list-style-type:none; margin:0px; padding:0px; text-decoration:none; }
h1 {font-size:10px; text-align:center; color:#ffffff; display:block; background-color:#ce1800;}
.clear { clear:both;}


header {width:100%;}
.top-slogan { width:100%; line-height:30px; background-color:#ce1500; font-size:14px; color:#fff; text-align:center; }
.logo { width:auto; text-align:center; float:left; height:100px; margin:0px 50px;}
.logo img { width:auto; height:auto; }

.Banner {background-image:url(../image/Inner-Banner.jpg); background-position:top center;  background-attachment:fixed;  background-repeat:repeat; }
.innerbanner {height:250px; background-color:rgba(49, 49, 49, 0.5); }
.table { width:100%; text-align:center; text-transform:capitalize; margin-bottom:20px; border: 1px solid #dcdcdc; }
.table td { padding:5px; border: inset 1px #ffffff; font-size:14px; line-height:18px;}
.images {width: auto; height: auto;}
@media only screen and (max-width:1000px) {
	.logo img { width:90%; }
    .images {width: 100%; height: auto;}
	}
	
@media only screen and (max-width:768px) {
	
	.logo { text-align:left; margin:0px;}
	
	}
	
		
@media only screen and (max-width:600px) {
	.top-slogan { width:100%; line-height:20px; font-size:12px;}
	
	
	}
@media only screen and (max-width:480px) {
	.logo  { width:85%; margin-bottom:20px; }
	
	
	}
	





.content { width:100%; padding:70px 10%; text-align:center; border-top:5px solid #ce1800;}
.content img { border:1px solid #9C9C9C;}
.video { width:48%; height:300px; float:left; margin:1%;}
.title { font-size:30px; color:#ce1500; line-height:50px; padding:0px 10px; display:inline-block; border-radius:5px; text-transform: uppercase;  font-weight:bold; }
.sub-title { font-size:18px; color:#ce1500; line-height:20px; margin:5px 0px; text-transform:capitalize; text-align:left;}
.text { font-size:14px; color:#000; line-height:20px; text-align:justify; margin:15px 0px;}
.more { font-size:14px; color:#fff; background-color:#ce1500; line-height:40px; padding:0px 10px; display:inline-block; border-radius:5px; margin:20px 0px; font-weight:normal; }
.more:hover { background-color:#353535; box-shadow:none;}
.uniq { margin:5px; line-height:30px; box-shadow:inset 0px 0px 7px #171616; background-color:#353535; }
.uniq:hover {background-color:#ce1500; }
.contact-page{ font-size:18px; color:#000; line-height:30px; text-align:center;}
.fetures { margin-left:20px; text-align:left;}
.fetures li { margin:10px 0px; font-size:14px; color:#000; list-style-type: disc;}

@media only screen and (max-width:768px) {
	.sub-title { text-align:center;}
	.video { width:98%; height:300px; float:none; margin:1%;}
	}
	
@media only screen and (max-width:600px) {
	.content img {  width:100%; height:auto;}
	}	
	
@media only screen and (max-width:480px) {
	.content { width:100%; padding:50px 5%;}
	.title { font-size:20px; line-height:40px;}
	}	



.product { width:100%; padding:70px 10%; background-color:rgb(232, 232, 232); text-align:center;}
.sub-product { width:100%;  display:flex; flex-wrap:wrap; justify-content:center;}
.pro { width:31.30%; margin:10px 1%; background-color:#fff; float:left; padding:10px; box-shadow: 0px 5px 5px #989898}

.image-box{
  width:100%;
  overflow:hidden;
  }
  
.image {
	background-size:cover;
	width:100%;
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
} 
.image img {
	height:auto;
	width:100%;
	
} 
.image:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); opacity:0.7;}
  
.pro h2 { font-size:20px; line-height:30px; color:#ce1500;}
.pro p { text-align:center;}

@media only screen and (max-width:768px) {
	.product { width:100%; padding:70px 3%;}
	}
	
@media only screen and (max-width:600px) {
	.product { padding:70px 10%; }
	.sub-product { display:block;}
	.pro { width:100%; margin:5% 0%; float:none;}
	}
	
@media only screen and (max-width:480px) {
	.product { padding:70px 5%; }
	
	}		



footer { width:100%; text-align:center; border-top: 3px groove #4a4a4a; }
footer span { background-color:#333333; width:100%; display:block; background-image:url(../image/footer-bg.png);}
footer span a { color:#fff; line-height:40px; display:inline-block; padding:0px 10px; font-size:14px;}
footer span a:hover { color:#888888;}
footer .fa { color:#ce1500 !important; font-size:18px;}
.contact-text {font-size:14px; color:#fff; line-height:30px; text-decoration:none;}