body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#777777; line-height:18px;}


img { border:0;}
ul, li { padding:0; margin:0; list-style:none; }
.clear {clear:both;}
p { font-family:arial;font-size:13px; line-height:22px; margin:4px 0; padding:0;}
h1, h2 , h3 , h4 , {font-family:arial; line-height:22px; margin:4px 0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}

/*------------------------- Main ------------------------- */
.main { width:1000px; margin:auto;}
.wrapper { width:100%; float:left; /*background:url(/web/20220130161415im_/http://matrixtexscreen.in/images/hed-bg.jpg) repeat-x left top !important;*/ }

/*------------------------- Header ------------------------- */

.header { width:1000px; float:left;}
.logo { width:199px; float:left; margin:15px 0 0px 0;}


.menu { width:1000px;  float:left; margin-top:24px;}
.menu li { padding:0px 10px; list-style-type:none; display:inline;  float:left; color:#b4b3b3;}
.menu a { color:#333; font-size:13px; text-decoration:none; padding:13px 10px;}
.menu a:hover { color:#fff;  background:url(http://matrixtexscreen.in/images/hover-bg.jpg)#3c424c no-repeat right top;}

.menu a.active { color:#fff;  background:url(http://matrixtexscreen.in/images/hover-bg.jpg)#3c424c no-repeat right top;}

.hed-right { width:160px;  float:right; margin-top:28px;}

.banner-full {width:100%; float:left; text-align:center;}

.full-width {width:100%; float:left;max-width:100%; margin:0; padding:0;}
.banner-wrapper {width:100%; float:left;}
.full-width1 {width:100%; float:left;max-width:100%; margin:12px 0 0 0; padding:38px 0;background:#bd2b35;}

.banner {width:100%; float:left; margin-top:12px;max-width:100%; }
.banner img { display:inline-block; max-width:100%;}
.product-part {width:100%; float:left; margin-top:-501; background:#fff; margin-top:-125px;  overflow:auto; display:compact ; display:compact; display: block; clear: both; visibility: hidden ; height:237px;}


.content {width:100%; float:left; background:#e7e7e7 !important; }

.content-left, .content-right {width:314px; float:left; border-right:1px solid #d7d7d7; margin-left:20px;}
.content-right {width:314px; float:left; margin-left:12px;}

.main-title {width:283px; float:left; color:#696969; font-size:18px; margin-top:50px; text-transform:uppercase;} 
.content-peregraph {width:283px; float:left; color:#525252; margin-top:16px;}


.content-img  {width:55px; float:left; padding-right:25px}
.more-btn  {width:55px; float:right; padding-top:25px; margin-right:25px; padding-bottom:40px;}

.content-centre {width:313px; float:left; border-right:1px solid #d7d7d7; margin-left:25px;}
.content-last {width:300px; float:left; margin-left:25px;}
.slider-img {width:277px; float:left; margin-top:20px;}
.video-img {margin-top:20px; float:left;}
.white-wrapper{width:100%; float:left;}
.addresh {width:100%; float:left; color:#212121; font-weight:normal; margin-top:10px;}
.addresh  span { color:#c5172e; font-size:30px; font-weight:bold; float:left; margin-top:-5px}


.addresh-left {width:353px; float:left; color:#212121;}


.inquery-title {width:600px; float:left; color:#696969; font-size:18px;  text-transform:uppercase;  border-bottom:1px solid #d9d9d9; padding-bottom:10px}  
.inquery-left {width:626px; float:left; color:#696969; margin-top:50px; padding-bottom:10px}  

.footer {width:100%; float:left; background:url(../images/footer-bg1.jpg) repeat left top; padding-top:30px}
.footer-logo {width:257px; float:left;}
.footer-left {width:303px; float:left;}
.social-main {width:100%; float:left; margin-top:0px;}
.social-icon {width:32px; float:left; margin-top:10px; }
.social-name a {width:200px; float:left; margin-top:10px; color:#d9dde6; text-decoration:none; text-transform:lowercase; font-size:12px;}

.footer-left {width:303px; float:left; color:#c1c6d1; font-size:15px; margin-bottom:22px;} 


.footer-menu { width:100%;  float:left; }
.footer-menu ul {margin:0; padding:0;}
.footer-menu li { padding:0px 0px; list-style-type:none; display:list-item !important; color:#b4b3b3;}
.footer-menu a { color:#d9dde6; font-size:13px; text-decoration:none; padding:5px 0; display:block}
.footer-menu a:hover { color:#fff; }


.copyright {width:100%; float:left; margin-top:10px; color:#d9dde6;   padding-bottom:43px;}

.inner-title {width:980px; color:#fff; font-size:28px; text-transform:uppercase; padding:0px 0 0px 0; margin:0 auto;} 
.full-content {width:650px; float:left; border-right:1px solid #d7d7d7; margin-left:20px;}
.main-title-full{ color:#696969; font-size:18px; margin-top:15px; text-transform:uppercase;} 
.content-peregraph-full {width:650px; float:left; color:#525252; margin-top:16px;}

.big-title {width:100%; float:left; color:#fff; font-size:28px; text-transform:uppercase; padding:40px 0 0px 0; height:100px ;} 




.point-menu { width:100%;  float:left;margin: 10px 0 10px 40px;}
.point-menu ul {margin:0; padding:0;}
.point-menu li { padding:0px 0px; list-style-type:circle; display:list-item;}


/********** Contact Us ************/

.contact-right { width:300px; float:right !important; margin-left:-40px; }
.inquery-img   { width:100%; float:left;}    


.contact-us-title, .contact-us-title-2{ width:95%; float:left; font-size:21px; color:#b71100; padding-top:15px; border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:10px;}  
.contact-us-title-2 { width:100} 
 
.our-show-room-icon { width:2%; float:left;}
.address-title { width:87%; float:right; color:#b71100; font-size:14px; margin-bottom:5px; font-weight:bold;}

.address-left-part, .address-left-part-2 { width:100%; float:left; margin:15px 0 0 0;}
.address-left-part-2 { width:81%;}

.address-name   { width:87%; float:right; color:#333; font-size:13px; line-height:16px;}  
.address { color:#333;}

.contact-number { width:87%; float:right; color:#333; font-size:16px; line-height:10px; padding-bottom:5px; text-shadow:1px 1px 1px #797979; font-family:Arial, Helvetica, sans-serif;}  

.contact-email a  { width:87%; float:right; color:#333; font-size:14px; line-height:10px; text-decoration:none; text-shadow:1px 1px 1px #fff; }    
.contact-email a:hover  { color:#333; text-decoration:underline;}  

.contact-left { width:600px; float:left; }
.contact-content { width:97%; float:left; padding-bottom:0px; color:#333;}
.form-input-name, .form-input-name-2 { width:95%; float:left; color:#757575; font-size:14px; text-align:left; padding-right:10px;}
.form-input-name-2 { width:18%; float:left; padding-top:5px;}
.form-input-name-2 span {color:#F00;}

.form-input, .form-input-2, .form-input-3, .form-input-4 { margin-top:2px;
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #cdcdcd;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05) inset;
    font-size: 13px;
    padding: 7px 8px;
    transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7) 0s;
    width: 250px;
}
.form-input-2, .form-input-4 { width:380px; height:120px;}
.form-input-3 { width:60%;}
.form-input-4 { width:60%; float:left; }

.send-btn a { width:60px; float:right; margin-right:200px; margin-bottom:20px; background-color: #333; text-align:center; 
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background-repeat: repeat-x;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 3px 14px;
    text-decoration: none;
    text-shadow:1px 1px 1px #000;
    transition: all 0.2s linear 0s;
}

.send-btn a:hover { background-color:#b71100; color:#fff; }

.colum3, .colum3-last {width:320px; float:left; margin-right:20px; margin-top:20px;}
.colum3-last {margin:0; margin-top:20px;}
.colum3-img {width:320px; float:left;}
.colum3-img-shadow {width:320px; float:left;} 
.production-bg{width:100%; float:left; background:#e2e2e2; padding:0 0px; margin:0px 0;}
.cont-left2  {width:250px; float:left; margin-top:25px}

h1  {width:100%; float:left; text-align:left; color:#3c424c; font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; margin:0; margin-bottom:10px;}


.full-content2 {width:100%; float:left;}
.main-title-full2 {width:100%; float:left; color:#696969; font-size:18px; margin-top:10px; text-transform:uppercase;} 
.header-main {
width: 100%;
height: auto;
margin: 0;
padding: 0;
float: left;
max-width: 100%;
}




#images {
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
	
	margin: 0px auto;
}
#images img {
	width:100%;
	height:100%;
	
	position: absolute;
	top: 0;
	left: -400px;
	z-index: 1;
	opacity: 0;
	
	transition: all linear 500ms;
	-o-transition: all linear 500ms;
	-moz-transition: all linear 500ms;
	-webkit-transition: all linear 500ms;
}
#images img:target {
	left: 0;
	z-index: 9;
	opacity: 1;
}
#images img:first-child {
	left: 0;
	opacity: 1;
}

#slider {
position: relative;
z-index: 999;
margin-top: -120px;
float: right;
right: 20px;
}

#slider a {
	text-decoration: none;
	background: #E3F1FA;
	border: 1px solid #C6E4F2;
	padding: 4px 6px;
	color: #222;
}
#slider a:hover {
	background: #C6E4F2;
}

#submit {
background: #bd2b35;
border: 0;
padding: 5px 23px;
color: #FFF;
float: right;
margin: 0 203px 10px 0;
font-size: 17px;
cursor:pointer;
}

#submit:hover {
background: #000;
}