body{ margin:0px; padding:0px; font-size:13.5px; letter-spacing:0.5px; font-family:'Century Gothic';}
*{outline:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,div { }
input{ border-radius:0px; -webkit-border-radius:0px;-ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px}
 p, h1, h2, h3, h4, h5, h6, ul, ol, li{ margin: 0; padding: 0; list-style:none; font-weight:normal; }
input{ outline:none;}
a{ text-decoration:none;}
img{ border:0px; max-width:100%;/* ie8 */ margin:0px;}
.clearFix:before, .clearFix:after
 { content:""; display:table;}
.clearFix:after{ clear:both; margin:0px; line-height:0px; padding:0px;}

  header.smaller,header h1#logo,header.smaller h1#logo,header nav a,.readmore,.menuFix ul li a img,.aboutblack,.sendBtn, .nowinquiry-tab,.tuvcertifie, .inebotomm,.yearlogo{-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;	transition: all ease 0.5s;}
.clearFix{ zoom:1} 
 
.bannerfix{ width:95%; margin: 0 auto; margin-top: 120px;}
.aboutsec{ width:1000px; margin: 0 auto; margin-top:100px; margin-bottom: 100px; height:600px; background-image: url("../images/about-bg.jpg"); background-position: left 60px center; position: relative; background-repeat: no-repeat;}
.aboutbrder{ border: 6px solid #d8d8d8; position: absolute; z-index: -1; width:80%; left: 0;  height: 75%; top: 0; bottom: 0; margin: auto}.abrcontetn{ position: absolute; padding:50px 20px; right: -190px; top:18%; text-align: center; width:376px; background-color: #fff;}.abrcontetn h1{ font-size: 33px; letter-spacing: -0.5px; color: #f30e0e;  font-family: 'modern_no._20regular'; padding-bottom: 10px;}.abrcontetn p{   font-size: 15px; text-align: justify;letter-spacing: 0.5px; }.productvideo{ height: 1200px; position:relative;}
.windowsec{ position: absolute; display: block; left:0; height:450px; overflow: hidden; width: 55%;}.productvideo{ margin-top: 70px;}.img4{ width:100%;}
.doorsec{ position: absolute; right: 0; width: 42%; height: 600px; overflow: hidden}
 .upvcdoor{ position: absolute; top: 490px; left: 0; width:49%;  overflow: hidden;} 
.slidedoorSSec{ width:47%; position: absolute; right: 0;  overflow: hidden;margin: 0;  top: 630px;}.overblack{ width:100%; height: 100%; display: block; position: absolute; background: rgba(0,0,0,0.6)}
 .overblack{ color: #fff; text-align: center}
.overblack h2{ font-family: 'modern_no._20regular'; padding-top: 180px; font-size: 50px; letter-spacing: -1px;}
.overblack p{ text-transform: uppercase; font-size: 16px; letter-spacing: 2px; padding-bottom: 15px; font-family: 'square721_cn_btroman';}
.oversilde:hover .overblack{ background: rgba(0,0,0,0.2)} 
.viewmiretab{ width:115px; height: 113px; position:absolute; background-image: url("../images/view-more-tab.jpg") ; background-repeat: no-repeat; background-position: center center; right:0 ; top:485px; left:100px; margin: auto;	 z-index: 999} 

  .innerContern{ position: absolute; width: 1000px; background-color: #fff; left: -150px; right: 0; padding-bottom: 30px; top: 130px;  font-family: 'modern_no._20regular'; letter-spacing: -1px; font-size:80px;}
  
 header {  width: 100%;  height: 120px; background-color: #fff; background-image: url("../images/theme-patti.jpg"); background-repeat: repeat-x; background-position: center bottom; position:  fixed;  top: 0;
  left: 0;  z-index: 99999;   }.inebotomm{ width:250px; display: none; height: 8px; background-color: #21abf0; position: absolute; top: 120px; z-index: 99; left: 200px;}
  header h1#logo { display: inline-block; width:190px; background-image: url("../images/suragcomm.jpg"); background-repeat:no-repeat; background-position:left 30px top 13px;   height:120px;  float: left;  }
  header nav {  width:600px; position: fixed;  right:10px; margin: auto; }
    header nav a { position: relative; display: block; margin-top: 55px; float: left; margin-left: 20px;border-bottom:2px solid #fff; padding-bottom:2px; color: #000; font-size:12px;  text-transform:uppercase; font-family: arial; letter-spacing:1px; position: relative}
	header nav a:hover{ border-bottom:2px solid #ec1c24}
 header.smaller {height: 75px; }
    header.smaller h1#logo { width:250px; height:65px; background-size: auto 90%; 
		background-position:top 10px left 20px}
    header.smaller nav a {margin-top: 30px;  }
	.menuFix ul li a{ border-bottom:0px;}
	header.smaller .container { height:65px;}.menuFix ul li a img:hover{ padding-top:7px;}
  header.smaller .tuvcertifie{ width:100px;   margin-top: 10px; }
  header.smaller .yearlogo{ width:50px;  position: fixed; right: 20px; top: 10px; z-index: 999}

header.smaller .inebotomm{ top: 75px; } .mapsec{ width:70%; float: left}.footeradd{ width:18%; padding-top: 150px; margin-left:5%; float: left; font-size: 15px;}
.adresssec,.emailsec{ background-image: url("../images/address-icon.png"); background-repeat: no-repeat; background-position:left top; padding-left: 35px; line-height: 22px;}.iframemap{ width:100%; height: 600px}
.emailsec{ background-image: url("../images/email-icon.png"); margin-top: 50px;}.footerlogo{ width:90px;}
.copyleft{ line-height: 39px; width:90%; padding-left: 35px; position: relative; font-size: 12px; letter-spacing:1px; color: #aaaaaa;}
.technopearlink{ width:200px; position: absolute; display: block; right: 30px; height: 30px; z-index: 999; bottom:40px; background-image: url("../images/technopear-link.jpg"); background-repeat: no-repeat;}
.aboutsecc{ width:95%; margin: 0 auto; margin-top: 121px; margin-bottom: 70px; background-image: url("../images/aboutimg.jpg"); background-size:cover; background-repeat: no-repeat; background-position: left center; height: 600px; position: relative}.abt-banner-contern{
    position: absolute;
    padding: 50px 7% 0 7%;
    right: 0;
    bottom: 0;
    width: 65%;
    height: 75%;
    background-color: #fff;
}.headinner{ font-size:60px; padding-top: 40px; letter-spacing: -0.5px; font-family: 'modern_no._20regular';}.greentext,.greentext1{ font-size: 22px; color: #be070e; letter-spacing: 0px; line-height:32px; display: block; margin: 20px 0; padding-bottom: 30px; border-bottom: 1px solid #ccc;}.nomlconternt{ color: #676a6c; font-size: 16px; line-height: 25px;}.twoparallel{ width:1000px; text-align: justify; margin: 0 auto; margin-bottom: 60px; }.paragraphco{ width:46%; font-size: 14px; line-height: 25px; margin: 0 2%; float: left}.foundersecc{ width:1000px; float: right;}.founderLeft{ float: left; width: 48%; font-size: 14px; line-height: 24px; color: #868686}
.founderRight{ width:48%; float: right;}.founderFix{ margin-right: 50px; margin-bottom: 100px;}.innerHeadd{ font-size:70px;font-family: 'modern_no._20regular'; color: #000; line-height: 62px; padding-top: 100px;}.greentext1{ padding-bottom: 0px; border: 0; margin: 10px 0; }.greenboxx{ background-color: #c4e722; margin-top: 75px; width: 40%; height:55px; line-height:55px; font-weight: bold; color: #000; font-size: 17px; letter-spacing: 2px; position: absolute; text-align: center}


 

.windowvdie{ width:100%; height:650px; margin: 0 0 100px;}


.contactsecc,.seriessec{ width:95%; height: 549px; margin: 0px auto; margin-top: 121px; background-image: url("../images/contact_banner.jpg"); background-size:cover; background-repeat: no-repeat;  position: relative; background-position: center top;}
.seriessec{ background-image: url("../images/airpack-series-banner.jpg"); height: 450px; text-align: center;margin-bottom: 120px;}
.contact_text,.contact_text1{width: 1131px; height: 141px; margin: 0px auto; text-align: center;  padding-top: 410px; }.contact_text1{ padding-top: 20px;}
.contact_text_div{width: 1130px; height: 100px; margin: 0px auto; font-size: 92px; font-family:'modern_no._20regular'; text-align: center; background-color: #fff; padding-top: 40px;}
.contact_text_cont,.contact_text_cont1{width: 672px; height: 172px; margin: 0px auto; text-align: center; padding-top: 10px; }
.contact_text_cont1{ width:1000px; height: auto; padding-bottom: 30px;}
.contact_green_text{ width: 600px; height: 33px; border-bottom: 1px solid #000; margin: 0px auto;font-weight: bold; color: #bb1223; font-size: 21px; padding-bottom: 8px;}
.contact_text_small {  height: auto; margin: 0px auto;  text-align: center; padding-top: 10px; line-height: 22px;}.certificaethead{ width: 800px;  letter-spacing: 0px; font-family: 'modern_no._20regular'; margin: 0px auto; color: #71c04e; font-size:38px; padding-bottom: 2px;}

.form_main{ width: 787px; height: 1000px; margin: 0px auto; padding-top: 50px; height: auto}
.get_in_touch{width: 700px; height:45px; margin: 0px auto; border-bottom: 1px solid #000; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 30px; margin-bottom: 26px;}
.get_info{width:700px; height: 22px; margin: 0px auto; margin-top: 30px; font-size: 16px; margin-bottom: 10px; font-weight:bold;}
.get_info a{ color:#F00; font-weight:bold;}
.get_info2{width:700px; height: auto; margin: 0px auto; margin-bottom:15px;}
.get_info2 a {color:#a3a4a4}
.form_fild{width: 340px; height: 72px; float: left; margin-bottom: 8px; }
.form_fild2{width: 340px; height: 72px; float: left; margin-left: 20px }

.form_cont{ width:300px; height: 72px; font-size: 14px; color:#464646; padding-left: 20px; border:1px #e2e2e2 solid; }
.form_cont_msg{ width:660px; height:269px; font-size: 14px; color: #464646; padding-left: 20px; padding-top:10px; margin-bottom:30px; border:1px #e2e2e2 solid; }
.foem_tab{width:225px; height:33px; margin:5px; float:left; background-color:#343434; margin-left:0px; color:#fff; text-align:center; padding-top:20px; font-size:14px; font-weight:bold; background-image:url(../images/send_msg_icon.png); background-position:left center; background-repeat:no-repeat; cursor:pointer;}
.foem_tab:hover{ color:#343434; background-color:#C3E624; background-image:url(../images/send_msg_icon_ov.png);}
.foem_tab2{width:225px; height:33px; margin:5px; float:left; background-color:#c3e624; margin-left:0px; color:#343434; text-align:center; padding-top:20px; font-size:14px; font-weight:bold; background-image:url(../images/join_file.png); background-position:left center; background-repeat:no-repeat; cursor:pointer;}
.foem_tab2:hover{ color:#C3E624; background-color:#343434; background-image:url(../images/join_file_ov.png);}
.catgrysec{ width:16.6%; float: left; cursor: pointer; text-align: center}.catgrysec span{ display: block;}
.productFixx{ width:1200px; margin: 0 auto; padding: 20px 0 0px;  }.prdLeft{ width:60%; float: left}.prdright{ width:37%; float: right;}.head22{ font-size:20px; padding-top: 100px; padding-bottom: 15px; letter-spacing: -0.5px; font-weight: bold;}.nomlconte{ line-height: 22px;}

 
.menupop{ width:450px; height: auto; line-height: normal; display: none;  padding: 25px; position: absolute; top:18px; left: -150px; background-color: #d8fe4e;}
#clickpp:hover .menupop{ display: block;}.leftMenuu{ width:30%; padding-top: 50px; float: left;}.rightMenuuuv{ width:68%; float: right;}.leftMenuu span{ display: block; cursor: pointer; font-weight: bold; font-size: 17px; line-height: 40px; border: 0px; padding: 0px; text-align: left;}.menudoor1{ display: none;}.leftMenuu span:hover{ color: #57c636}
.certificatesec{ width:1100px; margin: 0 auto;}.certificatesec img,.testreport img{ width:49%;}
.testreport h3{ text-align: center; background-color: #5ac038; color: #fff; width:98%; padding: 5px 0; margin-top: 30px; font-weight: bold; font-size: 25px;}.certificate-text{ width:66px; height:419px; position: fixed; left: 20px; bottom: 50px; }
.catgrysec{ text-align: center}.twoo{ display:none}.catgrysec:hover .twoo{ display: block}.catgrysec:hover .onee{ display: none;}.onee{ display: block}
.sldingthhm,.openablethhm,.villatumbb,.tilttumbb,.foldtumbb,.combitumbb{ width:100%; height:140px; background-image: url("../images/Sliding.jpg"); background-repeat: no-repeat; background-position: center top}
.sldingthhm:hover{ background-image: url("../images/Sliding.gif")}.openablethhm{ background-image:url("../images/openable-thumb.png")}.villatumbb{ background-image: url("../images/Villa.jpg")}.tilttumbb{ background-image: url("../images/tilt.jpg")}.foldtumbb{ background-image: url("../images/fold.jpg")}
.combitumbb{ background-image: url("../images/Commbination.jpg")}.openablethhm:hover{ background-image: url("../images/openable-thumb.gif")}
.villatumbb:hover{ background-image: url("../images/Villa.gif")}.combitumbb:hover{ background-image: url("../images/combination.gif")}.foldtumbb:hover{ background-image:url("../images/fold.gif")}
.tilttumbb:hover{ background-image: url("../images/tilt (1).gif")}
.menuicn{ display: none;}

 
 

.visonMison{ width:900px; margin: 0 auto; font-size:17px; line-height: 23px; padding-bottom: 90px;}.visons{ width:40%; float: left;}.visonMison h1{ font-size:50px; font-weight: 400; padding-bottom: 30px;}.misons{ width:50%;float: right;}
.metalicpar{ width:100%; height: 650px; background-image: url("../images/metalic_parrlel.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed;}
.metalicpar a { display: block; float: left; border-radius: 100%; width:250px; margin:0 3.6%; background-color: #d20f0f; color: #fff; font-size:30px; font-weight:700; text-align: center; line-height: 250px; height:250px; }
.paralexFix{ width:600px; margin: 0 auto; padding-top: 90px;}.metalicpar a:hover{ background-color: #000}
.clrred{ color: #ce0c0c;}


.prodcut-baner{ width:100%; height:500px; background-image:url(../images/prodcut-banner.jpg); background-repeat:no-repeat; background-size:100%; background-attachment:fixed;}.prudtBanerfix{ width:1100px; margin:0 auto; padding:60px 0; color:#fff;}.headBwnnr{ width:40%; float:left; color:#ff0101; font-size:90px; font-weight:bold; letter-spacing:-2px; line-height:400px;}.bannerTxt{ float:right; width:55%; font-size:18px; line-height:30px; letter-spacing:0.5px; font-style:italic; padding-top:150px;}.productFixx{ width:1100px; text-align:center;  margin:0 auto; margin-top:50px;}.threeOfone{ width:30%; margin:0 1%; float:left;}.marginToppp{  margin-bottom:35px;}.headprodt{  letter-spacing:-1px; font-weight:bold; border: 2px solid #000; color:#ed1c24; font-size:30px; padding:0 60px ; margin-bottom:55px;}.threeOfoneh3{ text-transform:uppercase; padding-bottom:10px; letter-spacing:1px; font-weight:bold; font-size:16px;}.mmm{ margin-top:80px;}.greyBgg{ background-color:#efefef; padding:50px 0; margin-bottom:50px;}
 .twoOfone{ width:47%; margin:0 1%; float:left}
.prdctbg{ width:100%; background-image: url("../images/prd_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover;padding-top: 120px; padding-bottom: 80px;}
 
 
.abtseccdd{ width:1000px; margin:0 auto; line-height: 25px; padding-top: 150px; padding-bottom: 80px;}.heading22{ font-size:40px; position:relative; letter-spacing:-2.5px; text-align:center; padding-top:30px; padding-bottom:15px; font-weight:bold;}.heading22:after{ width:100px; height:4px; background-color:#000; position:absolute; content:''; left:0; right:0; margin:auto; top:85px;} .facilitesFix{ width:900px;  margin:0 auto; padding-top:30px;}.nomalConten{ text-align:left; padding:25px 0;   font-size:16px; width:90%; margin:0 auto; display:block}.nomalConten li{ text-align:left; font-size:14px; font-style:italic} 
 .head44{ text-align:center; font-size:22px; margin-top:25px;   font-style:italic; color:#a7a7a7; letter-spacing:0px;}.heading22:after{ width:100px; height:4px; background-color:#000; position:absolute; content:''; left:0; right:0; margin:auto; top:85px;}.head33{ padding-bottom: 10px; font-weight: 700;}


/**********scrollbar************/
 ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color:transparent;
}
::-webkit-scrollbar-track {
    background-color:transparent;
    width: 10px; 
}



::-webkit-scrollbar-track-piece  {
    background-color: #fff;
}
::-webkit-scrollbar-thumb { background:#000; 
    width: 0;
}
 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}