::-moz-selection { /* Code for Firefox */
    color:#fff;
	text-shadow:none; 
    background:#818b9a;
}

::selection {
    color: #fff;
	text-shadow:none; 
    background: #818b9a;
}




@font-face {
  font-family:aller;
 src:url(../fonts/Aller_Lt.ttf) format('opentype');
  font-weight: bold;
}

@font-face {
  font-family: cal;
 src:url(../fonts/cadence-atlis-regular.ttf) format('opentype');
  font-weight: bold;
}
@font-face {
  font-family: hel;
 src:url(../fonts/HelveticaNeueLTStd-LtCn.otf) format('opentype');
  font-weight: bold;
}
@font-face {
  font-family: helb;
   src:url(../fonts/HelveticaNeueLTStd-Cn.otf) format('opentype');
  font-weight: bold;
}
   #header{
	    background-color:#FFF;
	    display:block;
	    padding:15px 0 0 0;
	}
	
	.header-left{
		float:left;}
		

		
	.header-right{
		float:right;
		padding:10px 0 0 0;
		margin:0;
		text-align:right;}
		
		.header-right p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#3c3c3c;
			float:right;
			margin:0;
			margin-left:15px;
			margin-top:10px;
			margin-bottom:0;
			padding:0;
			line-height:18px;
			text-align:right;
			font-weight:normal;
			}
			
			.mail{
				font-weight:bold;
				color:#3c3c3c;
				font-size:15px;}
		
	
	
	.associates{
		width:80%;
		margin:auto;
		padding:0;}
		
		.associates img{
			width:20%;
			float:left;
			padding:10px;}
	
	
				
	
	.logo{
		float:left;
		padding:0;
		margin:0;}
		
	.banner{
			background-color:#f3f3f3;
			padding:0px 0;}
			
			.navbar-margin{
				bottom:-15px;}
				
				.thumb{					
					margin-top:-60px;
					margin-bottom:25px;
					z-index:1;
					}
					
						
					
					
					.thumb-bg{
						background-color:#819da9;}
						.thumb-bg-dark{
						background-color:#4d6987;}
					
					
					.thumbheader {
						background-color:#fff;
						margin:0;
						padding:17px 24px;
		}
					
					.thumbheader h1{
						font-family:'helb',Arial, Helvetica, sans-serif;
						font-size:23px;
						color:#4d6987;
							margin:0;
						padding:0;
						text-transform:uppercase;}
						
						.hel-regular{
							font-family:'hel',Arial, Helvetica, sans-serif;
						}
						
						
						.spacer{
							width:100%;
							height:30px;
							clear:both;
							}
							
						.article-padding{
							padding:10px 20px 20px;}
							
							.article-padding img{
					float:left;
					
					padding:0 30px 0 0;
					margin:0 0px 0 0;}
						
						.text-padding{
							padding:10px 20px 0;}
							
							.text-padding p{
							font-family:'cal',Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:20px;
							font-weight:100;
							font-style:normal;
							color:#fafafa;
							text-shadow:1px 1px 1px #384c61;
							 text-align: justify;}
							
								.text-padding p a{
							font-family:'helb',Arial, Helvetica, sans-serif !important;
							font-size:13px;
							line-height:13px!important;
							font-weight:100;
							font-style:normal;
							color:#f2f2f2;
							margin:0;
							padding:0;
							letter-spacing:.08em;
							text-transform:uppercase;
							text-shadow:1px 1px 1px #384c61;}
							
							.text-padding p a:hover{
								text-decoration:none;}
							
							.bottom-pan{
								background-color:#f2f2f2;
								margin:10px 0 0;
								padding:20px 0;}
								
									.bottom-pan h1 {
										background:url(../images/underline.jpg) no-repeat bottom center;
							font-family:'helb',Arial, Helvetica, sans-serif;
							font-size:30px;
							line-height:35px;
							font-weight:100;
							font-style:normal;
							color:#818b9a;
							text-align:center;}
							
								.bottom-pan p{
									width:66%;
							font-family:'cal',Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:20px;
							font-weight:100;
							font-style:normal;
							color:#57616f;
							text-align:center;
							margin:auto;
							margin-bottom:25px;}
							
							.bottom-pan p a{
								color:#fff;
								background-color:#818b9a;
								padding:5px 10px;
								border-radius:3px;
								margin-top:25px !important;
								}
								
								.bottom-pan p a:hover{
									text-decoration:none;}
							
							#footer{
								background-color:#818b9a;
								display:block;
								padding:30px 0 20px 0;}
								
								.footer-colomn{
									display:block;}
									
										.footer-colomn h2 {
							font-family:'helb',Arial, Helvetica, sans-serif;
							background:url(../images/footer-underline.jpg) no-repeat bottom left;
							font-size:16px;
							line-height:22px;
							font-weight:100;
							font-style:normal;
							color:#dedede;
							text-align:left;
							text-transform:uppercase;
							margin:0 0 10px 0;
							padding:0;}
							
							
										.footer-colomn p{
							font-family:'cal',Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:20px;
							font-weight:100;
							font-style:normal;
							color:#fff;
							text-align:left;
							margin:0 0 10px 0;
							padding:0;}
							
							
										.footer-colomn p a:hover{
											color:#fff;
											text-decoration:none;}
							
							.footer-colomn p img{
								margin-right:5px;}
							
							.address-span{
								color:#fff;}
							
								
								.footer-nav{
									width:50%;
									padding-right:30px;
									padding-left:0;
									margin:0;
									float:left;}
								
								.footer-nav li{
									font-family: 'cal', Arial, Helvetica, sans-serif;
									font-size:13px;
									list-style:url(../images/list-style.png) inside;
									border-bottom:1px solid #9da6b1;							
									line-height:19px;
									padding:5px 0;}
									
									.footer-nav li a{
												color:#f2f2f2;
												text-decoration:none;}
												
												.footer-nav li:last-child{
													border:none;}
									
	
	
	.full-background{
		background-color:#fff;}
	.facebook{		
		display:inline-block;
		border-top:1px dotted #fdfdfd;
		border-bottom:1px dotted #fdfdfd;
		padding:5px 30px 5px 0!important;
		margin:0;}
	
	
	.inner-background{		
		background:url(../images/bg.jpg) no-repeat #f2f2f2 center fixed;
		}
		
		.page-title{
			margin:0 0 0 20px;
			display:block;}
			
			.page-title p{
							font-family:'hel',Arial, Helvetica, sans-serif !important;							
							font-size:16px !important;
							line-height:28px;
							font-weight:100;
							font-style:normal;
							color:#4d6987;
							text-align:left;
							text-transform:uppercase;
							margin:10px 0 10px 0;
							padding:0;							
							}
							.page-title p a{
								color:#4d6987;
								text-decoration:none;}
							
		
		.page{
			background-color:#fff;
			padding:20px 20px 10px;
			margin:50px 0 100px;}
			
				
			
			.page  h1 {
							font-family:'helb',Arial, Helvetica, sans-serif;
							
							font-size:23px;
							line-height:28px;
							font-weight:100;
							font-style:normal;
							color:#4d6987;
							text-align:left;
							text-transform:uppercase;
							margin:10px 0 10px 0;
							padding:0;
							
							}
							
							.page  h2 {
							
							font-family:'helb',Arial, Helvetica, sans-serif;
							
							font-size:23px;
							line-height:28px;
							font-weight:100;
							font-style:normal;
							color:#4d6987;
							text-align:left;
							text-transform:uppercase;
							margin:10px 0 10px 0;
							padding:0;}
							
							.page  h3 {
							font-family:'helb',Arial, Helvetica, sans-serif;
							
							font-size:18px;
							line-height:28px;
							font-weight:100;
							font-style:normal;
							color:#0191c8;
							text-align:left;
							margin:0 0 10px 0;
						
							padding:0;}
							
							.page  h4 {
							font-family:'helb',Arial, Helvetica, sans-serif;							
							font-size:18px;
							line-height:28px;
							font-weight:100;
							font-style:normal;
							color:#0191c8;
							text-align:left;
							margin:60px 0 10px 40px;						
							padding:0;}
							
								.page  h5 {
							font-family:'helb',Arial, Helvetica, sans-serif;							
							font-size:14px;
							line-height:20px;
							font-weight:100;
							font-style:normal;
							color:#0191c8;
							text-align:center;
							margin:30px 0 10px ;					
							padding:0;}
							
							.page  h5 a{
								color:#0191c8;
								text-decoration:none;}
							
							.page  p {
							font-family:'cal',Arial, Helvetica, sans-serif;
							
							font-size:14px;
							line-height:22px;
							font-weight:100;
							font-style:normal;
							color:#57616f;
							text-align:left;
							margin:0 0 10px 0;
							padding:0;
							}
							
							
							.coloumn-height{
								min-height:460px;
								margin-bottom:45px;
								}
								
									.height-balance{
							
								}
								
						.four-coloumn{							
								width:33%;
								padding:0 20px; 
								margin:0 0 30px 0;
								float:left;
								}
								
								.four-coloumn img{
									width:100%;
									background:none;
									margin:0 0 20px 0;
									padding:0 20px 0 0;}
									
							.clients{
								width:25%;
								padding:0 10px; 
								margin:0 0 20px 0;
								float:left;
								}
								
								.clients img{
									width:100%;
									background:none;
									padding:0;}
									
									
								.brands{
								width:20%;
								padding:0 15px; 
								margin:0 0 30px 0;
								float:left;
								}
								
								.brands img{
									width:100%;
									background:none;
									padding:0;}
									
									.cover{
										padding:25px 25px 5px;
										border:1px solid #819da9;
										border-radius:4px;
										margin:10px 0;}
									
									

.text-field{
	width:93%;
	float:none;
	height:40px;
	border:1px solid #dddddd;
	border-radius:4px;
	margin:0 0 3% 0;
	padding:5px 10px;
	color:#a4a4a4;}
	
	

.text-field-large{
	width:93%;
	float:left;
	height:40px;
	border:1px solid #dddddd;
	border-radius:4px;
	margin:0 3% 3% 0;
	padding:5px 10px;
	color:#a4a4a4;}
		
		
		
.text-area{
	width:93%;
	float:left;
	min-height:100px;
	border:1px solid #dddddd;
	border-radius:4px;
	margin:0 3% 3% 0;
	padding:5px 10px;
	color:#a4a4a4;}
		
		
	.form-button{
		width:120px;
	height:40px;
		float:left;
		background-color:#818b9a;
		color:#fafafa;
		border-radius:4px;
		border:none;
		margin:0 3% 3% 0;}
		
									
		.map{
			width:100%;
			margin:30px 0 30px 0;}		
			
				.map iframe{
					width:100%;}
			
			
	.spcl-col{
		width:33%;}		
			
			
			.list{
				display:table;
				margin-top:10px;
				margin-bottom:50px;
				padding:0 0 0 40px;}
				
				.list li {				
					float:none;
				margin: 0;
		
		padding: 0px px ;
		
				position: relative;		
		font-family:'cal',Arial, Helvetica, sans-serif;
		list-style:disc inside;
							
							font-size:13px;
							line-height:22px;
								color:#69767c;
							letter-spacing:.05em;
	}
			
			
			
			
.pdf{
	width:157px !important;
		height:41px !important;
	display:block;
	clear:both;
	margin:0 0 30px 0;
	padding:0;
}	
	.pdf img{
		width:157px !important;
		height:41px !important;
			background:none !important;
			
			}
			
				
			
			
			

	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px;
		border-left: 1px solid #e1e1e1;
		width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border: 1px solid #e1e1e1;		
		border-right: 1px solid #fff;
		border-left: none;
		font-weight: bold;
		background: #0191c8;
		overflow: hidden;
		position: relative;		
		font-family:'hel',Arial, Helvetica, sans-serif;
							
							font-size:15px;
							line-height:28px;
								color:#fff;
							text-transform:uppercase;
							letter-spacing:.05em;
	}
	ul.tabs li:hover {
		background: #00a8e8;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
		
		border-bottom: 2px solid #0191c8 !important;
		border-right: 1px solid #e1e1e1;
		color:#0191c8;
	}
	.tab_container {
		border: 1px solid #e1e1e1;
		
		clear: both;
		float: left; 
		width: 100%;
		background: #fff;
		margin-top:-2px;
		padding:30px 10px;
	}
	.tab_content {
		padding: 0px;
		font-size: 1.2em;
	
	}
	
	.tab_content-image{
		float:left;}
		
		.tab_content-image img{
			background:none;
			width:80%;
	}
	
		.tab_content img{
		
			float:left;
			padding:0 20px 20px 0;}
			
				.tab_content p{
							font-family:'hel',Arial, Helvetica, sans-serif;							
							font-size:16px;
							line-height:22px;
							font-weight:100;
							font-style:normal;
							color:#57616f;
							text-align:left;
							margin:0 0 10px 0;
							padding:0;
							}
	
	
		.tab_images{
			max-width:30%;
		padding: 5px 20px;
		font-size: 1.2em;
		float:left;
		
	}
	
		.tab_images img{
			max-width:100%;		
			margin:0 30px 10px 0;
			padding:0;
			float:left;}
			
			.tab_images p{
							font-family:'hel',Arial, Helvetica, sans-serif;							
							font-size:16px;
							line-height:22px;
							font-weight:100;
							font-style:normal;
							color:#57616f;
							text-align:left;
							margin:0 0 10px 0;
							padding:0;
							}
			
			
			.specification{
				padding:0 15px;
				margin:0;
				   display:inline-block;}
				
					.specification p{
						border-bottom:#ccc solid 2px;
						padding:5px 0 10px;
						font-family: 'helb', Arial, Helvetica, sans-serif;
						font-size:14px;
						
						         
						}
						
						.specification p img{
							background:none;
							width:25px !important;
							float:left;
							margin:0 10px 0 0;
							padding:5px 0 !important;}
			
			

						
								
		
	@media (max-width: 992px) {
		
				
								.brands{
								width:20%;
								padding:0 10px; 
								margin:0 0 15px 0;
								float:left;
								}
								
								.brands img{
									width:100%;
									background:none;
									padding:0;}
								
	
.header-right{
	width:400px;}
	
	  #cssmenu {
    width: 100%;
	margin-top:10px !important;
  }
	
	
		
	.four-coloumn{
								width:50%;
								padding:0 10px; 
								margin:0 0 20px 0;
								float:left;
								}
								
									.clients{
								width:33%;
								padding:0 10px; 
								margin:0 0 20px 0;
								float:left;
								}
								
								.clients img{
									width:100%;
									background:none;
									padding:0;}
									
	.specification p{						
						min-height:90px;			
						         
						}	
						
							.tab_images{
		min-width:35%;
		float:left;
		padding:0px 10px 30px;
		margin:0;}
	
	.tab_images img{
		min-width:100% !important;
		padding:0px 10px 5px;
		margin-right:0px;
		background:none;
		
		margin-bottom:15px !important;}
		
		.tab_images p{
			margin:0;
			padding:0;}								

	}
	
			
	@media (max-width: 768px) {
		
	
.coloumn-height{

								margin-bottom:15px;
								margin-top:15px;
								}
	
.header-right{
	width:350px;}
	
.brands{
								width:25%;
								padding:0 10px; 
								margin:0 0 15px 0;
								float:left;
								}
								
								.brands img{
									width:100%;
									background:none;
									padding:0;}	
									
						.tab_images{
		min-width:50%;
		float:left;
		padding:0px 10px 30px;
		margin:0;}
	
	.tab_images img{
		min-width:100% !important;
		padding:0px 10px 5px;
		margin-right:0px;
		background:none;
		
		margin-bottom:15px !important;}
		
		.tab_images p{
			margin:0;
			padding:0;}				
										
								
	}
	
	
@media (max-width:: 800px) {
	

	
	}
	
	
@media (max-width: 640px) {
	
			
.spcl-col{
		width:100%;}		
										
									
.brands{
	width:33%;
								padding:0 5px; 
								margin:0 0 15px 0;
								float:left;
								}
								
								.brands img{
									width:100% !important;
									background:none;
									padding:0;}	
									
									article-padding img{
	width:333px;
	float:none;
				
					background:none;
					padding:0 0px 0 0;
					margin:auto !important;
					margin-bottom:50px;}	
			
.page  h1{
	margin-top:50px;}	
	
	.header-right{
		margin-top:-90px !important;
		margin-bottom:10px;
	width:250px;
	}
	
	.page{
		margin-bottom:30px;
		padding:20px 10px 10px !important;}
				
				
.four-coloumn{
								width:100%;
								padding:0px 10px; 
								margin:0 0 10px 0;
								float:none;
								}
								
											
.clients{
								width:50%;
								padding:0px 10px; 
								margin:0 0 10px 0;
								float:left;
								}
								
								.clients img{
									width:100%;}
									
										.specification p img{
			width:25px !important;
							float:left;
							margin:0;
							padding:5px 8px 0 0 !important;}	
							
							.specification p{
								font-size:13px;						
						min-height:20px;
						}	
						
					
.tab_content-image{
	width:50%;
	float:left;}	
	
	tab_content-image img{
		width:100%;}
		
		
			.associates{
		display:none;}	
		
	.tab_content img{
		width:100%;
		
			float:left;
			padding:0 20px 20px 0;}	
	
							
	}
	
	
@media (max-width: 480px) {
	
	
	
						
					
.tab_content-image{
	width:100%;
	float:left;}	
	
	tab_content-image img{
		width:100%;}
												
									
.brands{
	width:50%;
								padding:0 5px; 
								margin:0 0 10px 0;
								float:left;
								}
								
								.brands img{
									width:100%;
									background:none;
									padding:0;}		
	.logo{
		
		margin:0!important;
		padding:0;
		margin:0;
		float:left;}
		
		
				.header-right{
					width:100%;	
		padding:10px 0 0 0;
		margin:0;
		text-align:center;		
		float:none;}
		
		.header-right p{
			font-size:12px;
			text-align:center;
			float:left;
			padding:0px;
			margin-left:0px;
			margin-right:15px;
			}
			
			.header-right p img{
				margin-top:-4px;
				margin-right:3px;}
		
		
			.header-right{
		margin-top:10px !important;
	width:100%;
	}
		
		.page{
			padding:20px !important;
			}
			
			
			
			
			ul.tabs li {
				width:100%;
				float:none;
				border-bottom:1px solid #f0f0f0;
			}
			
			.tab_container {
	
		padding:70px 10px;
	}
	
	.tab_images{
		min-width:100%;
		float:none;
		padding:0px 10px 30px;
		margin:0;}
	
	.tab_images img{
		min-width:100% !important;
		padding:0px 10px 5px;
		margin-right:0px;
		
		margin-bottom:15px !important;}
		
		.tab_images p{
			margin:0;
			padding:0;}
		
					
.pdf{
	display:block;
	width:100%;
}	
	.pdf img{
		width:157px !important;
		height:41px !important;
			background:none !important;
			padding:0 !important;
			margin:0;
			}
				
			
	.article-padding img{
	width:90%;
	float:none;
				
					background:none;
					padding:0 0px 20px 0;
					margin:auto !important;
					margin-bottom:50px;}
					
		.list{
				padding:0 0 0 5px;}		
				
				.list li{
					margin-bottom:5px;
					line-height:17px;}
				
					
							.page  h4 {
							margin:30px 0 10px 0px;						
							padding:0;}
							
		.coloumn-height{
								min-height:0px;
								}						
					

					
		}
	
	
@media (max-width: 360px) {
	

	.article-padding img{
	width:200px;
	float:none;
				
					background:none;
					padding:0 0px 20px 0;
					margin:auto !important;
					margin-bottom:50px;}
		
					
	
	.logo{
		
		margin:auto !important;
		padding:0;
		margin:0;
		float:none;}
		
		
				.header-right{
					display:none;}



					
.four-coloumn{
								width:100%;
								padding:0px; 
								margin:0 0 10px 0;
								float:none;
								}
					
.clients{
								width:100%;
								padding:0px; 
								margin:0 0 10px 0;
								float:none;
								}
								
								.clients img{
									width:100%;}
									
									
.brands{
								width:50%;
								padding:0 5px; 
								margin:0 0 15px 0;
								float:left;
								}
								
								.brands img{
									width:100%;
									background:none;
									padding:0;}									
		
		
		.specification p img{
			width:25px !important;
							float:left;
							margin:0;
							padding:5px 10px 0 0;}		
						
						
							
	
	
	}