/* =================  Reset CSS ================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
:focus { outline:none; }
fieldset, img, a { border:0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
.ir, .btn-plus-more { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
h1, h2, h3, h4, h5 { font-weight:normal; margin:0px 0 10px 0; color:#666666; }
h1 {font-size:40px; }
h2 {font-size:34px; }
h3 {font-size:30px; }
h4 {font-size:26px; }
h5 {font-size:20px; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#333333; line-height:170%; background:url(../images/body_bg.jpg) 0 0 / cover no-repeat; }
a { text-decoration: none; color: #78785c; cursor: pointer; }
a:hover { color:#000; }
/*a:active { position: relative; top: 1px;}*/






ul { list-style: none; }

.wrapper {width:982px; margin:0 auto; background:#fff; }
#header {height:140px;}
.logo {padding:15px 0 0 20px; width:280px; float:left;}

.topmenu {float:right; width:670px;} 
.topmenu ul {margin:0px; float:right;}
.topmenu ul li {float:left; margin:0 0 0 5px; font-size:16px; position:relative; z-index:9999; height:124px; line-height:124px; color:#666666; padding:0 13px; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:uppercase; cursor:pointer;}  
.topmenu ul li:hover { color:#fff;	animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
.topmenu ul li:hover a { color:#fff;}
.topmenu ul li a {display:block;  }
.topmenu ul li a:hover { color:#fff;}
.topmenu ul li.active a { color:#fff;}
.topmenu ul li.home {background:url(../images/home_bg.png) 0 0 repeat-x;}
.topmenu ul li.Products {background:url(../images/product_bg.png) 0 0 repeat-x;}
.topmenu ul li.Quality {background:url(../images/quailiyt_bg.png) 0 0 repeat-x;}
.topmenu ul li.Aplication {background:url(../images/application_bg.png) 0 0 repeat-x;}
.topmenu ul li.Download {background:url(../images/download_bg.png) 0 0 repeat-x;}
.topmenu ul li.Contact {background:url(../images/contact_bg.png) 0 0 repeat-x;}
.topmenu ul li.active.home,.topmenu ul li.home:hover {background:#b7e20f url(../images/home_bg.png) 0 0 repeat-x; color:#fff; }
.topmenu ul li.active.Products,.topmenu ul li.Products:hover {background:#3f04a4 url(../images/product_bg.png) 0 0 repeat-x;  color:#fff;}
.topmenu ul li.active.Quality,.topmenu ul li.Quality:hover {background:#af1de0 url(../images/quailiyt_bg.png) 0 0 repeat-x; color:#fff;}
.topmenu ul li.active.Aplication,.topmenu ul li.Aplication:hover {background:#d420b3 url(../images/application_bg.png) 0 0 repeat-x; color:#fff;}
.topmenu ul li.active.Download,.topmenu ul li.Download:hover {background:#e27918 url(../images/download_bg.png) 0 0 repeat-x; color:#fff;}
.topmenu ul li.active.Contact,.topmenu ul li.Contact:hover {background:#e1d905 url(../images/contact_bg.png) 0 0 repeat-x; color:#fff!importa;}

.topmenu .dropprod .dropdown {display:none; position:absolute; top:122px; left:0; width:250px;}
.topmenu .dropprod .dropdown li  {float:none; margin:0 0 0 0px; height:50px; line-height:50px; color:#666666; padding:0 13px; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:capitalize; background:#3f04a4 !important; border-top:dotted 1px #30037c; color:#fff;}  
.topmenu .dropprod .dropdown li a   {display:block;  } 
.topmenu .dropprod:hover .dropdown {display:block;}
.topmenu .dropprod .dropdown li:hover{animation-name: none; -webkit-animation-name: none; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  background:#380391!important;}

.topmenu .dropabout .dropdown {display:none; position:absolute; top:122px; left:0; width:250px;}
.topmenu .dropabout .dropdown li  {float:none; margin:0 0 0 0px; height:50px; line-height:50px; color:#666666; padding:0 13px; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:capitalize; background:#d420b3 !important; border-top:dotted 1px #ba0d9a; color:#fff;}  
.topmenu .dropabout .dropdown li a   {display:block; }
.topmenu .dropabout .dropdown li:hover{animation-name: none; -webkit-animation-name: none; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; background:#c716a7!important;}

.topmenu .dropabout:hover .dropdown {display:block;}

.middle_section {clear:both;}


.left_section {width:340px; float:left; background:#ededed;  color:#999999;}
.right_section {float:right; width:615px; background:#fff;}

.lefttabs {margin:0 0 0 0; position:relative; z-index:9999; background:#fff;} 
.home .lefttabs {margin:-35px 0 0 0;}
.lefttabs ul {list-style:none;}
.lefttabs ul li {display:block; width:350px; height:128px;}
.lefttabs ul li a {display:block; font-size:32px; line-height:44px; text-transform:uppercase; height:108px; width:320px; padding:20px 0 0 30px; background:url(../images/boxarrow.png) 100% 0 no-repeat; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:300; }
.lefttabs ul li a:hover {color:#fff;}
.lefttabs ul li.blue {background:#52b4f9;}
.lefttabs ul li.blue:hover {background:#3599e0;}
.lefttabs ul li.red {background:#f52f34;}
.lefttabs ul li.red:hover {background:#d61318;}
.lefttabs ul li.red a {height:88px; width:320px; padding:40px 0 0 30px;}
.lefttabs ul li.yellow {background:#ffb809;}
.lefttabs ul li.yellow:hover {background:#cd9303;}
.lefttabs ul li.yellow a {height:88px; width:320px; padding:40px 0 0 30px;}

.left_section h3 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:30px; color:#999999; margin:0 0 15px 0; text-align:left;}
.strenth {padding:24px 0 13px 0; margin:0 25px 10px 25px;}
.strenth ul {list-style:none; margin:0 0 0 20px;}
.strenth ul li {margin:0 0 4px 0; list-style:disc; color:#999999;} 
.strenth ul li a {color:#999999;}
.strenth .readmore {display:block; width:130px; height:38px; line-height:38px; color:#fff; background:#222222; text-decoration:none; text-align:center; margin:10px 0 0px 20px;}
.readmore {display:block; width:130px; height:38px; line-height:38px; color:#fff; background:#222222; text-decoration:none; text-align:center;}

.readmore:hover {background:#f52f34; color:#fff;}
p {margin:0 0 10px 0;}
a.blueee {font-weight:bold; color:#367bbd;}
a.blueee:hover {color:#222222;}
.textright {text-align:right;}

.aboutsurya {background:#f4f4f4; padding:30px 35px 15px 35px; margin-left:-17px;}
.middle_bottom {clear:both; padding:20px 0;}
.newsection {float:left; width:285px;}
.newsection h3 {font-size:32px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#727272;}
.newsection ul {list-style:none;}
.newsection ul li {display:block;margin:0 0 0px 0;}
.newsectionfade ul li { border:solid 1px #e1e1e1; margin:0px;}
.newsectionfade ul li img { border:solid 1px #e1e1e1;}

.linksright {float:right; width:255px;}
.linksright h3 {font-size:32px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#727272;}
.yeloowliks {color:#ffb809; text-decoration:underline;}
.yeloowliks:hover {color:#ffb809; text-decoration:none;}
.linksbox {margin:0 0 25px 0; line-height:22px;}
.marginzero {margin:0px;}
.marginzero li {line-height:28px;}
.linksbox h3 {margin:0 0 10px 0;}
.hometext {line-height:27px;}


#footer {clear:both; padding:20px 10px 20px; overflow:hidden;}
.footertop {border-top:solid 1px #dfdfdf; padding:20px 20px; overflow:hidden;margin:0 0 20px 0;}
.footerlinks {width:25%; float:left; line-height:24px; font-size:13px;}
.footerlinks h3 {font-size:18px; font-weight:700;  margin:0 0 5px 0;font-family: 'Open Sans', sans-serif; color:#b4b4b4; }
.footerlinks p {line-height:28px;}

.footer_bottom {clear:both; overflow:hidden;}
.polisy {float:left; padding:18px 0 0 10px;}
.polisy li {float:left; margin:0 20px 0px 0;}
.polisy li a {font-size:26px; font-family: 'Open Sans', sans-serif; font-weight:300;}

.socialliks {float:right;}
.socialliks li {float:left;margin:0 15px 0 0;}
.copyright {clear:both; text-align:left; padding:10px 0 0 10px; font-size:12px;}
.flotright {float:right;margin:0 0 10px 15px;}
.flotleft {float:left;margin:0 15px 10px 0;}
.middleinenr {text-align:justify; padding:0 20px 0 15px;}
.middleinenr p {margin:0; padding:10px 0; clear:both;}
.disktyle {list-style:disc; margin:0 0 0 20px;}
.disktyle li {margin:0 0 5px 0;}
.circletyle {list-style:circle; margin:0 0 0 20px;}

input[type="text"], input[type="email"], input[type="password"], textarea {border:solid 1px #ccc; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px; background:#f7f7f7; padding:5px 10px; color:#595959; font-family: 'Open Sans', sans-serif;}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover   {background:#fff;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus   {background:#fff;}

.contactfor {display:block;}
.contactfor li {margin:0 0 10px 0;}
.contactfor li label {display:inline-block; width:150px; vertical-align:top;}
.contactfor li input[type="text"], .contactfor li input[type="email"], .contactfor li input[type="password"], .contactfor li textarea {width:300px; padding:7px 10px;}
.contactfor li textarea {height:100px;}
.contactfor li input[type="submit"] {-webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px; display:inline-block; width:150px; color:#fff; background:#222222; text-decoration:none; cursor:pointer; border:0px; font-size:18px; font-weight:700; text-transform:uppercase; padding:10px 0; font-family: 'Open Sans', sans-serif;}
.contactfor li input[type="submit"]:hover {background:#f52f34;}

.application {display:block;}
.application ul {margin:0px 0 15px 0; ; clear:both;}
.application ul li {width:270px; float:left; overflow:hidden; margin:0 23px 0px 0; padding-top:20px;}
.application ul li strong {text-align:center; display:block;}
.application ul li:last-child {margin-right:0px; }
.application ul li .imgeffct {background:#fff; border:solid 10px #f3f3f3; margin:0 0px 10px 0; width:250px; height:193px; overflow:hidden;}
.application ul li img {width:250px; height:193px; display:block; -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear; }
.application ul li img:hover {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
 
.productbox {display:block;padding:20px; border:solid 5px #f4f4f4; overflow:hidden; margin:10px;  -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px;}
.productbox table {border:solid 1px #ccc; border-right:0px;  -webkit-box-shadow: 0px 0px 15px 5px rgba(228, 228, 228, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(228, 228, 228, .75);
box-shadow: 0px 0px 15px 5px rgba(228, 228, 228, .75);}
.productbox table .protd {background:#f3f3f3; text-align:center; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 10px;}
.productbox table td { border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 10px; vertical-align:top;}
.rageb {padding:0 0 10px 20px;}

.aboutus {display:block;}
.aboutus table {width:95%; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.aboutus table td {padding:10px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.aboutus table .manubg {background:#f4f4f4;}
.aboutus table .manu1 {font-weight:bold;}







.lefttabs ul li:hover{
animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toRightFromLeft {
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}


.sliderbox {position:relative; min-height:470px;}
.rslides {
  margin: 0 auto 10px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides li {position:relative;}
.rslides li .slidercontent {position:absolute; right:50px; top:65px; text-align:center;}  
.rslides li .slidercontent h2 {font-size:36px; color:#333333; font-family: 'Open Sans', sans-serif;  line-height:70px; text-transform:uppercase;  margin:0 0 40px 0;}
a.viewdetails {display:block; width:150px; height:38px; line-height:38px; color:#fff; background:#222222; text-decoration:none; margin:0 auto;}
a.viewdetails:hover {background:#f52f34;}

.rslides_tabs {
  list-style: none;
  padding: 0;
  position:absolute;
  bottom:10px;
  right:60px;
  z-index:9999;
  }

.rslides_tabs li {
  display: inline-block;
  float: none;
  margin-right:5px;
  
  }
  


.rslides_tabs a {
  text-indent:-9999px;
  display: block;
  width:8px; height:8px; background:#cccccc; border:solid 4px #cccccc;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

.rslides_tabs a {
  color: #222222;
  text-decoration: none;
  }






@media (min-width: 700px) and (max-width: 959px) {
 

}


@media (min-width:500px) and (max-width:700px) {
	
 

}

@media (min-width:480px) and (max-width:499px) {
	
 

}

@media (min-width:320px) and (max-width:479px) {
	
 

}