*{
	padding:0px;
	margin:0px;	
	max-height: 5000em;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
body
{
	font-family: 'Lato', sans-serif;
	line-height:18px;color:#666666;
}
 #spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249);
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
}

a { text-decoration: none; outline: none; color:inherit; cursor:pointer !important;}
a, img { border: none;outline:none; }

button
{
	 outline:none;border:none;
	 transition:1s ease background-color;border:1px solid #333;
}
select
{
	text-transform:uppercase;
}
button:hover
{
	background-color:#172331;color:#fff;border:1px solid #333;cursor:pointer;
}
.fleft
{
	 float:left;
}
.fright
{
	 float:right;
}
.color
{
	color:#0099cc;font-weight:bold;
}
h1
{
	font-size:35px;color:#0099cc; font-weight:lighter !important;
	margin-bottom:10px;
}
h5
{
	font-size:17px;color:#000000;font-weight:lighter;margin-bottom:18px; 
}
h4
{
	 font-size:18px;color:#0099cc;margin-bottom:5px;
}
h3
{
	 font-size:20px;color:#0099cc;margin-bottom:5px;
}
h2
{
	 font-size:25px;color:#333333;margin-bottom:5px;font-style:italic;
}
h6
{
	font-size:15px;color:#333333;margin-top:10px;
}
.black
{
	color:#333333;
}
p
{
	font-size:15px;line-height:22px;color:#666666;
}
p.text-heading
{
	font-size:15px;line-height:22px;margin:14px 30px;
}
.mt30
{
	 margin-top:30px;
}
.clear
{
	clear:both;
}
#main-container
{
	width:100%;height:auto;
}
.container-960
{
	width:960px;margin:0 auto;position:relative;
}
.content
{
	width:960px;margin:0 auto;position:relative;margin-top:25px;margin-bottom:25px;
	min-height:300px;overflow:hidden;
}
#header
{
	height:80px;
	background-color: rgba(23, 35, 49, 0.8);
}
#logo-index
{
	 border:1px solid #fff;position:absolute; left:0;top:0;
	 z-index:999;
}
#logo
{
	 border:1px solid #fff;float:left;
}
#menu
{
  float:right;width:760px;
}
/**************menu css*************/

.nav {
position: relative;
margin: 0;
padding: 0;
z-index:999;
}
/* The main navigation link containers */
.nav>li {
display: block;
float: left; /* Displaying them on the same line */
margin: 0;
padding: 0;text-align:center;line-height:80px;
}
/* The main navigation links */
.nav>li>a {
/* Layout */
display: block;
position: relative;
margin-left:30px;
font-size: 15px;
text-decoration: none;
color:#999999;
}
.nav>li:first-child a
{
	 margin-left:0px;
}
.nav>li>a:hover, .nav>li:hover>a {
   color: #0099cc;
}
.nav>li>a.active{
   color: #0099cc;
}
.nav>.dropdown>a {
   
}
.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;margin:0 auto;right:0px;width:960px;
background-color:#f1f1f1;border-bottom-left-radius:10px;border-bottom-right-radius:10px;
z-index:99999;
}

.dropdown:hover>ul
{
	
}

.nav ul li {
position: absolute;
top: -9999px; /* Hiding them */
height: 0px;
display: block;
margin: 0;
padding: 0;float:left;text-align:center;


}
.dropdown:hover>ul>li {
height: 140px;
position: relative;
top: auto;z-index:999999;
}
.dropdown:hover>ul>li p
{
	 height:50px;	
}

.nav ul li a {
/* Layout */
padding: 32px 20px;
height:80px;margin-left:39px;
display: block;
position: relative;
text-decoration: none;z-index:999999;line-height:20px;

}

.nav ul li:hover .dropdown-heading
{
	 color:#990099;
}

.nav ul li.select .dropdown-heading
{
	 color:#990099;
}

.dropdown-heading
{
	 font-size:14px;color:#666666;margin-top:10px;
}

.nav ul li:hover>a, .nav ul li a:hover {

}

/****************end menu css***********/
#banner
{
	width:100%;clear:both;overflow:hidden;position:relative;
}

#banner img
{
	 width:100%;
}
#search-container
{
	background-color:#f4f4f4;min-height:220px;padding:30px 0px;
	overflow:hidden;
}
.search-form
{
	margin-top:22px;
}
.search-form div
{
	 margin-top:10px;
}
.search-form label
{
	font-size:15px;display:block;margin-bottom:5px;
	
}
.search-form select
{
	width:400px;padding:5px;
	
}
.search
{
	float:left;width:430px;
}
.app-guid
{
	float:right;width:500px;}
.app-guid p
{
	margin-top:22px;
}
.product-categories
{
  	border-bottom:1px solid #cccccc;padding-bottom:22px;
}
.pc-left
{
	float:left;width:430px;
}
.pc-right
{
	float:right;width:465px;text-align:right;
}
ul.listStyle 
{
  margin-top: 10px; 
  margin-left:22px;
  width:170px;
}
ul.listStyle li 
{  
   line-height: 22px; 
   font-size:18px;color:#0099cc;   
}
.guide-container
{
	float:left;
	/*width:450px;*/
}
.guide-container img
{
	margin:18px 0px;
}
.locate-us
{
	float:right;width:470px;
}
.locate-us img
{
	margin-top:25px;
}
.tab-button
{
	padding:15px 25px;background-color:#0099cc;color:#fff;font-weight:bold;font-size:16px;
	text-align:center;border-right: 13px solid #990099;
	display:table;margin:auto;min-width:200px;transition:1s ease all;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}



/*==================================about===================================*/
#about-bg
{
	
	 margin-top:100px;
}
.aboutus-container
{
	width:860px;margin:0 auto;
	min-height:300px; overflow:hidden; background: rgba(242, 243, 246, 0.8);
	left:30px;padding:20px;
}

/*=================================contact=====================================*/
.contact-left
{
	float:left; width:450px;padding:15px 0px;
}
.contact-left h4
{
	padding-top:10px;
}
.contact-icons
{
	margin:30px 0px;
}
.contact-icons img
{
	 vertical-align:middle;margin-right:5px;
}
.contact-icons p
{
	margin-top:8px;line-height:18px;
}
.contact-icons p:nth-child(2)
{
	 margin-top:12px;
}
.contact-form
{
	float:right; width:450px;padding:15px 0px;
}
.contact-form form
{
	text-align:left;padding-top:2px;
}
.contact-form label
{
	font-size:15px;margin-right:8px;display:inline-block;
	min-width:100px;overflow:hidden;vertical-align:top;
}
.contact-form div
{
	margin-top:8px;
}
.contact-form input
{
	 width:300px;padding:4px 3px;outline:none;
	 
}

.contact-form textarea
{
	 width:300px;padding:3px;outline:none;height:170px;
}
form  input[type="text"],form  input[type="email"],
form input[type="number"], form  select, form  textarea
{
	
	border: 1px solid #816E6E;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	
}
form input[type="text"]:focus,form.minimal input[type="email"]:focus,
form.minimal input[type="number"]:focus, form select:focus, form textarea:focus
 { 
	border-color: #4195fc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	color: rgb(0,0,0);
}
.button
{
	padding:6px 35px;background-color:#0099cc;color:#fff; font-size:15px;
	border-radius:5px;
}
.button1
{
	padding:6px 35px;background-color:#990099;color:#fff;font-size:15px;margin-right:4px;
	border-radius:5px;
}
.button2
{
	padding:8px 20px;background-color:#990099;color:#fff;font-size:14px;font-weight:bold;
	margin-top:18px;border:1px solid #990099;border-radius:4px;cursor:pointer;
}
.button2:hover
{
	background-color:#fff;color:#990099;border:1px solid #990099;	
}
.vline
{
	 position:absolute;top:0;bottom:0;width:1px;background-color:#999;left:455px;
}
.vline-distributors
{
	 position:absolute;top:0;bottom:0;width:1px;background-color:#999;left:530px;
}
.vline-order
{
	 position:absolute;top:5px;bottom:0;width:1px;background-color:#999;left:475px;
}
.product-box-vline
{
	 position:absolute;top:15px;bottom:15px;width:1px;background-color:#999;left:452px;
}


/******================distributor=================*/
.distributor-left
{
	float:left; width:500px;padding:15px 0px;
}
.distributor-left p
{
	margin-top:25px;margin-right:0px;
	 
}
.distributor-left p:first-child
{
	margin-top:0px;
}

.distributor-form
{
	float:right; width:400px;padding:15px 0px;
}
.distributor-form form
{
	text-align:left;padding-top:2px;
}
.distributor-form label
{
	font-size:15px;margin-right:8px;display:inline-block;
	min-width:108px;overflow:hidden;vertical-align:top;
}
.distributor-form div
{
	margin-top:8px;
}
.distributor-form input
{
	 width:270px;padding:4px 3px;outline:none;
	 
}

.distributor-form textarea
{
	 width:270px;padding:3px;outline:none;height:150px;
}
/*==============order==============*/
.order-left
{
	float:left; width:460px;padding:15px 0px;
}
.order-left label
{
	font-size:15px;margin-right:8px;display:inline-block;
	min-width:102px;overflow:hidden;vertical-align:top;
}
.order-left div
{
	margin-top:8px;
}
.order-left select
{
	 width:320px;padding:3px;outline:none;	
}
 .order-left input 
{
	 width:312px;padding:4px 3px;outline:none;	
}
.order-left textarea
{
	 width:312px;padding:3px;outline:none;height:116px;
}
.order-form
{
	float:right; width:450px;padding:15px 0px;
}
.order-form form
{
	text-align:left;padding-top:2px;
}
.order-form label
{
	font-size:15px;margin-right:8px;display:inline-block;
	min-width:108px;overflow:hidden;vertical-align:top;
}
.order-form div
{
	margin-top:8px;
}
.order-form input
{
	 width:300px;padding:4px 3px;outline:none;	 
}
/*=================================products=====================================*/

.product-box
{
	background-color:#fff;min-height:200px;
	margin-bottom:20px;padding:25px 15px;overflow:hidden;
	border-radius:10px/20px;position:relative;
}
.product-box:last-child
{
	margin-bottom:0px;
}
.product-box-left
{
	 float:left;width:410px;
}
.product-box-right
{
	float:right;width:430px;
}
.product-img
{
	float:left;width:180px;font-weight:bold;text-align:center;
}
.product-specifications
{
	float:right;width:220px;padding-top:20px;
}
.product-specifications p
{
	font-size:13px;margin-top:6px;
}
.product-specifications h2
{
	font-size:15px;color:#666666;font-weight:bold;font-style:normal;
	margin-bottom:15px;	line-height:25px;
	text-transform:uppercase;
}
ul.product-listStyle
{
	list-style: none;
	margin-top: 40px;
	
}
ul.product-listStyle li {
	display: block;
	padding-left: 20px;
	line-height: 22px;
	margin-top:10px;
	background: url(../images/icons/icon-next.png) no-repeat left 3px;
}
.product-buttons
{
	width:400px;
	position:absolute; top:0;right:0;padding-bottom:20px;
}
.data-sheet
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
  	padding-left: 46px;
  	padding-top: 9px;
}
.icons-bg
{
	background-image:url(../images/products/bg-img.png);
	height:50px;background-repeat:no-repeat;
}
.icon
{
	display:inline-block;
}
.icon-text
{
	display:inline-block;width:80px;font-size:14px;color:#333333;
	vertical-align:top;margin-left:2px;
}



/*************media and promo******************/

.news-text-box
{
	background-color:#fafafa;padding:18px;width:195px;
}
.news-text-box p
{
	margin-bottom:12px;font-size:14px;
}
.media-promo
{
	margin-top:32px;
}
.media-promo h5
{
	font-size:16px;color:#990099;margin-bottom:15px;text-align:center;
	font-weight:bold;
}
.visit-link
{
	font-size:14px;font-style:italic;color:#0099cc;
}
.media-links
{
	width:478px;float:left;padding:35px 10px;
}

.media-column
{
	float:left;width:240px;
}
.media-column2
{
	float:left;width:220px;margin-left:12px;
}
.media-column .clear, .media-column2 .clear
{
	padding-top:30px;clear:both;
}
.media-column p, .media-column2 p
{
	font-size:16px;margin-bottom:02px;
}
.hline
{
	border:none;width:100%;height:1px;background-color:#999999;
	margin:25px 0px;
}


















#footer
{
	background-color:#172331;
	padding:35px 0px;
}
#footer p
{
   color:#294259;margin-top:15px;
}
#footer a:hover
{
	color:#0099cc;
}
.social-icons
{
	margin-bottom:15px;
}

.social-icons img
 {   margin:0px 3px;
	vertical-align:middle;
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
 }
 .social-icons img:hover
 {
	transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
 }

/*--------------------------------------------------
	Reveal Modal next event popup
-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 		
		left: 50%;
		margin-left: -300px;
		width: 550px;	
		-webkit-background: linear-gradient(#f2f2f2, #cccccc); 	
		-moz-background: linear-gradient(#f2f2f2, #cccccc); 
		-o-	background: linear-gradient(#f2f2f2, #cccccc);  
		background: linear-gradient(#f2f2f2, #cccccc); /* Standard syntax */
		background-color:#f2f2f2;
		position: absolute;
		z-index: 101;
		padding:30px;		
		border-radius: 12px;		
		}
	
	.reveal-modal .close-reveal-modal {
		font-size: 45px;
		line-height: .5;
		position: absolute;
		top: 18px;
		right: 25px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.reveal-modal a:hover
		{
			 color:#990099;
		}	
		.reveal-modal p
		{
			margin-top:10px;color:#000000;
		}		
		.listStyle1
		{
			margin-left:25px;
		}
		
		.reveal-modal label
{
	font-size:15px;margin-right:8px;display:inline-block;
	min-width:142px;overflow:hidden;vertical-align:top;color:#000000;
}
.reveal-modal div
{
	margin-top:8px;
}
.reveal-modal select 
{
	 width:320px;padding:3px;outline:none;	
}
.reveal-modal input
{
	 width:312px;padding:4px 3px;outline:none;	 
}
.reveal-modal textarea
{
	 width:312px;padding:3px;outline:none;height:116px;
}

/*******about popup css**********/
.reveal-modal-bg1 { 
		position: fixed; 
		height: 100%;
		width: 100%;
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal1 {
		visibility: hidden;
		top: 140px; 		
		left: 50%;
		margin-left: -445px;
		width: 880px;	
		background: rgba(242, 243, 246, 0.9);
		position: absolute;
		z-index: 101;
		padding:20px;
		border-radius:10px;
		}
	
	.reveal-modal1 .close-reveal-modal1 {
		font-size: 45px;
		line-height: .5;
		position: absolute;
		top: 18px;
		right: 25px;
		color: #666;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.reveal-modal1 a:hover
		{
			 color:#990099;
		}	
		
		.reveal-modal1 p
		{
			margin-top:08px;color:#333;
		}
		

/*************parsley validation css***********/		
input.parsley-error, select.parsley-error, textarea.parsley-error {
    border: 2px solid red;
       }

	.parsley-error-list {
		color: red; display:none !important;
	}
	input.parsley-error, select.parsley-error, textarea.parsley-error {  
			color: #B94A48 !important;  
			background-color: #F2DEDE !important;  
			 border:1px solid #F2DEDE !important;
			box-shadow: 0 0 3px red !important; 
		  }  
	input.parsley-success, select.parsley-success, textarea.parsley-success {  
			color: #468847 !important;  
			background-color: #DFF0D8 !important;  
			border: 1px solid #D6E9C6 !important;
			border:1px solid #D6E9C6 !important;
			box-shadow: 0 0 3px green !important  
		  }  

		

/*************fade in css on page load*************/
#animation-effect{
        -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}