/* CSS RESET */
a{  		outline:none; 	}
ul{			list-style: none;	padding:0;}
/* END CSS RESET */

html{
								-webkit-text-size-adjust: none;	
								font-size:12px;
								font-family: 'Source Sans Pro', sans-serif;
}

body{	
								margin:0;   
								font-family: 'Source Sans Pro', sans-serif;
								font-size:11px; 	
								background-image:url('../images/bg.png');	background-repeat:no-repeat; 	background-size:contain; 	background-position:left calc(100% - 300px);
								background-color:#3A3E49;
}

a{								color:#222328;	}	

.top{							background-color:#212329;	color:#546972;	padding:10px;	}
.top a{							color:white;	}
.top_rgt{						text-align:right;	}

.lgo_txt{						color:white;		font-weight:bold;				font-size:13px; height:14px; 	}
.lgo_img {			}


.bar_src .inputbox{				width: calc(100% - 48px);		background-color:white;	border-radius:3px 0 0 3px;			display:block; float:left;			margin:0 0 0 0;  	padding:13px 8px 13px 15px; 	border:0;		}
.bar_src a{						width:48px; 		height:41px;	overflow:hidden;			display:block;	background-image:url('../images/ico_src.jpg'); background-repeat:no-repeat;		float:left;		background-color:#D3D3D5;	border-radius:0 3px 3px 0;		background-position:center center;	}
.bar_src form{					margin-top:12px;		}		

.bar_car{						margin-top:12px;	}
.bar_car_blk{					height:42px;			width:55px;					float:right; 			background-color:#009CE6;	display:block;			background-image:url('../images/ico_cart.jpg');	background-repeat:no-repeat;	background-position:center center;	}
.bar_car_lbl{					height:42px;			width:calc( 100% - 55px );				float:right; 			display:block;				color:#6B6E75;		font-size:12px;	font-weight:600;	text-decoration:none;			padding:5px 0 0 15px;		line-height:16px;	background-color:#222328;			}
.bar_car_lbl span{				color:white;		}


.submenu{						width:100%;		}
.submenu a{						width:100%;	 display:inline-block;	font-size:14px;	margin:5px 0 5px 0;	text-align:center;	background-color:#212329;	color:white;	text-decoration:none;	padding:5px;	border-radius:4px;	font-weight:bold;	}
.submenu .act{					text-decoration:none;	background-color:#00AEFF;	}
.submenu a:hover{				text-decoration:none;			}

.navbar{						background-color:#212329;	color:#546972;	margin:30px 0 0 0;	border-bottom:2px solid #00AEFF;	border:0px;	}
.navbar ul{						padding:0 0 0 0;	height:58px;	margin:0;	display:table;	width:100%;		border-left:1px solid #3A3E49;		}
.navbar ul li{	 				width: auto;  display:table-cell;		}
.navbar ul li a{				height:58px;	  transition: background-color 0.4s;		display:block;	text-align:center; padding-top:20px;		color:white;	text-decoration:none;		font-weight:600;			font-size:14px;	border-right:1px solid #3A3E49;		}
.navbar ul li a:hover{			background-color:#00AEFF;		color:white;	text-decoration:none;		}
.navbar ul li .act{				background-color:#00AEFF;		}

.navbar ul li:first-child{		width:58px;			}	
.navbar ul li:first-child a{	background-image:url('../images/ico_home.jpg');			width:58px;			}	
.navbar-brand{					display:none;	}

.sli{							height:240px;								display:block;		width:100%;			padding:0;		overflow:hidden;	}
.sli_itm .blend{				background-color:rgba(58, 62, 73, 0.6);				height:200px;		}
.sli_itm{						background-color:gray;			height:100%;	background-position:center center;	background-size:125%;			float:left;		background-repeat:no-repeat;		width:100%;		margin:0;}
.sli_itm_txt{					color:white;			padding:26px 0 0 0;		font-size:26px;		font-family: 'Source Sans Pro', sans-serif;	line-height:33px;		float:left;	}
.sli_itm_txt span{				font-size:36px;		font-weight:bold;			display:block;			margin:0 0 10px 0;	line-height:37px;		}
.sli_itm_nav{					height:45px;			width:80px;					float:right;			margin:224px 0 0 0;		}
.sli_itm_nav a{					display:block;	float:left;		margin:0 5px 0 0;	}
.sli_itm .para{					background-size:contain;		background-repeat:repeat-x;		width:100%;	}
.sli_itm iframe{				width:100%; height:100%;			}
.sli_s{							height:80px !important;		overflow:hidden;			}

.blk-t1{						font-family: 'Source Sans Pro', sans-serif;		height:150px;		border-radius:3px;		color:white;			font-weight:bold;	font-size:13px;		line-height:18px;	float:left;	margin:8px 19px 0 0;		overflow:hidden;	background-image:url('../images/sli_bgrad.jpg');		width:100%;	}
.blk-t1 .txtlft{				float:left;					height:170px;	width:50%;	padding:10px 0 0 20px;		}
.blk-t1 .txtlft span{			font-size:18px;				display:block;		font-weight:bold;	margin:0 0 10px 0;		line-height:26px;}	
.blk-t1 .txtlft a{				border-radius:3px;		transition:all 0.4s;		background-color:white;	color:#303030;	display:inline-block;	font-size:11px;	text-decoration:none;		padding:6px 25px 6px 25px;		margin:12px 0 0 0;}
.blk-t1 .txtlft a:hover{		background-color:#212329;		color:white;	}
.blk-t1 .imgrgt{				float:right;		width:45%;	height:150px;		background-repeat:no-repeat;	background-position:right center;			background-size:cover;		}

.blk-t1-cor1{	margin-top:0px; margin-bottom:20px;}

.blk-t2 {						background-color:white;		margin:20px 0 0 0;		border-radius:3px;		transition:all 0.4s;		text-align:center;		font-size:15px;	height:170px;	padding:5px;	}
.blk-t2  a{						border-radius:3px;			transition:all 0.4s;		color:#303030;	display:block;		height:100px;	width:100%;			background-position:center center;	background-size:contain;	background-repeat:no-repeat;	margin:0 0 20px  0;			}				

.wbar {						background-color:white;		margin-top:20px;	}
.wbar a{					text-align:left;		overflow:hidden;	display:block;	height:100px;	}
.wbar a img{				width:100%;	}

.side .mnus{							width:100%;		border-radius:3px;		overflow:hidden;	background-color:#212329;	margin:7px 0 0 0;	}
.side .mnus li:first-child{			padding:12px 0 12px 15px;		color:white;		font-weight:bold;	font-size:14px;	background-color:#009fe8;	}		
.side .mnus li a{						padding:10px 0 10px 15px;		  transition: background-color 0.4s;	color:white;		font-weight:bold;	font-size:12px;	text-decoration:none;	border-bottom:1px solid #393e49;		display:block;}		
.side .mnus li a:hover{				background-color:#009fe8;	}
.side .mnus li .act{				background-color:#009fe8;	}
.side .mnus li ul{						background-color:#009fe8;					margin-top:-1px;	padding:0 0 15px 0;	}
.side .mnus li ul li:first-child{	padding:7px 0 0 0;			}
.side .mnus li ul li{				height:22px; overflow:hidden;	display:block;		}
.side .mnus li ul li a{				background-color:#009fe8;	font-weight:normal;	border:0px;	padding:4px 0 5px 16px;	font-weight:600;	font-size:11px;	}
.side .mnus li ul li a:hover{		text-decoration:underline;	}
.side .mnus li ul li .act{			background-color:#009fe8;	text-decoration:underline;}

.side .ext{							margin:0 0 20px 0;		border-radius:3px;		width:100%;		overflow:hidden;	background-color:white;		padding:10px;}
.side .ext a{							margin:0 0 0 0;			display:block;	text-align:center;			}
.side .ext img{							}
.side .blk{							margin: 0 0 20px 0;	background-color:white;	width:100%;		border-radius:3px;		}
.side .blk iframe{					width:100%;		border:none; overflow:hidden; height:208px;  }				


.fin{								background-color:#212329;		min-height:230px;		color:#797d84;	font-size:16px;		line-height:26px;	padding-bottom:30px;	}
.fin span{							display:block;	color:white;	font-weight:bold;	font-size:18px;		margin:30px 0 20px 0;	}
.fin .lnk-sta1{						color:#797d84;			font-weight:bold;	font-family: 'Source Sans Pro', sans-serif;			text-decoration:none;			font-size:16px;	margin:26px 0 0 0; display:inline-block;		padding:0 20px 4px 0;	background-image:url('../images/ico_arrow.jpg');	background-repeat:no-repeat;	background-position:right center;		}
.fin .lnk-sta1:hover{				color:#FFFFFF;	}
.fin  a{							color:#FFFFFF;	display:block;		}

.ftr{								background-color:#0089C8;	height:60px;	color:white;		font-size:15px;		padding-top:20px;		}
.ftr ul{							float:right;		margin:0 0 0 0;		}
.ftr ul li{							float:left;			color:white;		margin:0 10px 0 0;		}
.ftr ul li a{						color:white;		text-decoration:none;	}


.bdy{								background-color:white;		width:100%;		min-height:200px;	border-radius:3px;		padding:20px;	font-size:14px;		overflow:hidden;	}
.bdy h1{							font-size:24px;			color:#303030;				display:block;	margin:0 0 20px 0;		line-height:25px;	font-weight:bold; 	}	
.bdy h2{							font-size:20px;			color:#303030;				display:block;	margin:25px 0 10px 0;		line-height:14px;	font-weight:bold;}	
.bdy .imgrgt{						float:right;		width:400px;		height:300px;		background-repeat:no-repeat;	background-position:right center;			background-size:cover;	margin:0 0 10px 20px;	}

.alert{								font-size:14px;	}
.colw{								color:white;	}


.ext{								background-color:white;		width:100%;	height:100px;	border-radius:3px;	display:block;	background-repeat:no-repeat;	background-position:center center;	background-size:contain;	border:10px solid white;	}		
.brand{								background-color:white;		width:100%;	height:100px;	border-radius:3px;	display:block;	background-repeat:no-repeat;	background-position:center center;	background-size:contain;	border:10px solid white;	}		

.tblapp{								width:100%;	border-top:1px solid #606470;	border-right:1px solid #606470;		}
.tblapp th{								font-size:15px;	border-left:1px solid #606470;	border-bottom:1px solid #606470;	background-color:#3A3E49;	color:white;text-align:left;	padding:3px 4px 3px 4px;	}
.tblapp td{								border-left:1px solid #606470;	border-bottom:1px solid #606470;	padding:2px;	font-size:13px;	padding:2px 4px 2px 4px;}
.tblapp td .inputbox{					display:inline-block;	margin:1px; border:1px solid #3A3E49;	border-radius:3px; width:70%;	 	max-width:300px;	padding:5px;	 transition: background-color 0.6s;}
.tblapp td .inputbox:focus{				background-color:#E8E8E8;		}
.tblapp td .inputboxg{					display:inline-block; margin:1px; border:1px solid #3A3E49;	border-radius:3px; width:75%;	max-width:350px;	padding:5px;	height:80px;	}
.tblapp td .inputboxg:focus{			background-color:#E8E8E8;		}
.tblapp td .inputboxm{					display:inline-block; margin:1px; border:1px solid #3A3E49;	border-radius:3px;	width:60%; 	max-width:220px;	padding:5px;	 transition: background-color 0.6s;}
.tblapp td .inputboxm:focus{				background-color:#E8E8E8;		}
.tblapp td .inputboxs{					display:inline-block; margin:1px; border:1px solid #3A3E49;	border-radius:3px; 	width:30%; max-width:65px;	padding:5px;	 transition: background-color 0.6s;}
.tblapp td .inputboxs:focus{				background-color:#E8E8E8;		}
.tblapp td .inputboxm2{					display:inline-block; margin:1px; border:1px solid #3A3E49;	border-radius:3px; 	width:50%; max-width:142px;	padding:5px;	 transition: background-color 0.6s;}
.tblapp td .inputboxm2:focus{				background-color:#E8E8E8;		}
.tblapp td .inputboxsel{				display:inline-block; margin:1px; 	width:80%;		max-width:350px;}
.tblapp td .inputplate{					display:inline-block; margin:1px; border:1px solid #2664A3;	border-radius:3px; 	width:40%; max-width:125px;	padding:5px;	background-color:#F3BD04; text-align:center;	border-left:20px solid #2664A3; transition: background-color 0.6s;  	text-transform:uppercase;	font-weight:bold; font-size:15px;	margin:0 0 0 20px;	float:right;	}
.tblapp td .inputplate:focus{			background-color:#E8E8E8;		}
.tblapp td .inputchass{					display:inline-block; margin:1px; border:1px solid #2664A3;	border-radius:3px; 	width:60%; max-width:200px;	padding:5px;	background-color:#5C5F68; text-align:center;	 transition: background-color 0.6s;  	text-transform:uppercase;	font-weight:bold; font-size:15px;	margin:0 0 0 0;	float:right; margin:0 0 0 20px;}
.tblapp td .inputchass:focus{			background-color:#E8E8E8;		}
.tblapp td .bgred{						background-color:#F9F2F4;	color:#C92320;	}	
.tblapp th a{							float:right;	color:white;	 transition: background-color 0.6s;text-decoration:none;	font-weight:normal;	background-color:#222328;	padding:0px 6px 0px 6px;	margin:0 0 0 0;		}
.tblapp th a:hover{						background-color:#3A3E49;		}
.tblapp th a.txt{							color:white;text-align:left;	padding:2px 4px 2px 4px;	float:left;	font-weight:bold;	background-color:#393D48;		}
.tblapp th a.txt:hover{					text-decoration:underline;	}
.tblapp th a.act{					text-decoration:underline;	}
.tblapp td label{						font-weight:normal;	}
.tblapp td a{							text-decoration:underline;}
.tblapp td .txtarea{					}

.tblapp-res{							width:49%;	 float:left;	margin:15px 0 15px 0;	}




.tp{									text-align:right !important; }
.tpl{									text-align:right !important;	border-right:1px solid #606470;			 }
.tw{									width:3pop_elem50px ;		}
.tc{									text-align:center !important;		}


.plain{ 							padding:20px;	background-color:white;	overflow:hidden;	font-size:14px;		border-radius:3px;	}
.plain_lft{ 							float:left;				width:calc( 50% - 10px );	padding:0 20px 0 0;	border-right:1px solid #3a3e49;	}
.plain_rgt{ 							float:right;		width:calc( 50% - 20px );	}
.plain a{ 							text-decoration:underline;		}
.plain strong{ 						display:block;	margin:0 0 10px 0;	}


.ste{							min-height:50px;	margin:0 0 20px 0;		width:100%;	overflow:hidden;}
.ste_itm{						text-decoration:none;		display:block;	float:left;		color:white;	background-color:#3A3E49;	padding:10px;	width:25%;	text-align:center;	}
.ste .act{					background-color:#00AEFF;	}
.ste .dim{					color:#878B91;	}


.btnorder{							background-color:#00aeff;	color:white;	text-align:center;	width:300px;	font-weight:bold;	border-radius:4px;	padding:5px 8px 5px 8px;	display:block;	margin:10px 0 10px 0;		}
.btnorder:hover{					text-decoration:none;	color:white;	}


.btnorder2{							background-color:#212329;	color:white;	text-align:center;	width:300px;	font-weight:bold;	border-radius:4px;	padding:5px 8px 5px 8px;	display:block;	margin:10px 0 10px 0;		}
.btnorder2:hover{					text-decoration:none;	color:white;	}

.btnorder3{							background-color:#3a3e49;	color:white;	text-align:center;	width:300px;	font-weight:bold;	border-radius:4px;	padding:5px 8px 5px 8px;	display:block;	margin:10px 0 10px 0;		}
.btnorder3:hover{					text-decoration:none;	color:white;	}




.cookie_holder{					background-color:#00AEFF;	 padding:20px 0 20px 0;	}
.cookie_holder .a1{				color:white;	text-decoration:underline;		font-size:14px;	float:left;		font-weight:bold;	}
.cookie_holder .a2{				color:white;	text-decoration:underline;		font-size:14px;	float:right;	font-weight:bold;}	


.im1{							display:block;	height:200px;	width:100px;	background-size:contain;	background-position:right;	background-repeat:no-repeat;	float:right;		}
.im2{							display:block;	height:50px;	width:50px;	background-size:contain;	background-repeat:no-repeat;	float:right;		}

.pop_elem{								display:none;		height:100px;	width:400px;	position:absolute;	z-index:250;	background-color:white;		border:1px solid #dedede;	top:500px;	left:50%;	text-align:center;	padding:20px;	margin-left:-220px;	}

#layer_loading{							display:none;		height:2000px;	width:100%;		background-color:black;		position:absolute; 		left:0; top:0;	z-index:100;		opacity:0.8;	filter:alpha(opacity=80); 	}
#text_loading{							display:none;		color:white;	font-size:15px;			left:50%; 		margin-top:-40px;	margin-left:-150px;	width:300px;  height:35px;		z-index:102;	background-image:url('/images/ajax-loader.gif');	padding:5px 0 0 40px;	background-repeat:no-repeat;	background-position:0px 10px;	font-weight:bold;    position: fixed;    right: 0;     top: 40%;	}

.firstfield{							display:none;	} 
.container-fluid{					min-width:500px;		}
.collapse{							padding:0px;			}
.argt{								text-align:right;		}
.acen{								text-align:center;		}
.mtop20{							margin-top:20px;			}
.w100{								width:100%;				}	
.bred{								border:1px solid red;	}
.m20t{								margin-top:20px;		}
#tablecompany{					display:none;	}

.notopborder{					border-top:0px			}
.frgt{								float:right;		}
.flft{								float:left !important;	}
.btn_bleu{								background-color:#00AEFF !important;	font-size:16px;		display:inline-block;}
.btn_gray{							font-size:16px;			display:inline-block;}

.edesktop{		display:block; 			}
.emobile{		display:none;  			}	


.imgcon{						float:right; width:300px;	margin-top:-20px;	}
.imgpro{						float:left;	display:inline-block;	max-width:250px;	}
.imgpros{						float:left;	display:inline-block;	max-width:85px;	}


.btn_showlist{						background-color:#00ABFB;	transition: background-color 0.4s;	text-decoration:none;	color:white;	font-size:18px;		display:inline-block;	width:100%; padding:15px;	margin:5px 0 0 0;	border-radius:5px;		font-weight:bold; text-align:center;		}
.btn_showlist:hover{						background-color:#FFFFFF;	color:#00ABFB;		}

.lan_txt a{								font-weight:bold; color:#00AEFF;	}
.lan_txt .btn_showlist{					color:white;			}


@media(max-width:991px){


	
	.blk-t1 .txtlft span{			font-size:16px !important ;				line-height:22px;	}		
	
	.top_lft{						font-size:12px;	}
	.top_rgt{						font-size:12px;	}
	.lgo{							text-align:center;	margin:0 0 20px 0;	}
	
	.mnu ul li a{					font-size:12px;	}	
	
	.blk-t1{						height:100px;		margin:10px 0 10px 0; 	}
	.blk-t1 .txtlft span{			font-size:24px;	 line-height:28px;	}
	
	.side{							display:none;	}
	
	.top_rgt{						text-align:right;	}
	.home{							display:none;	}
	
	.sli{							height:160px;			}
	.sli_itm_txt{					font-size:26px;		padding:8px 0 0 0;	}
	.sli_itm_txt span{				font-size:30px;		}

	.fin{							text-align:center;	}
	.fin span{						display:block;	}
	.fin a{							display:inline-block;	}
	
	.ftr .lft{						text-align:center;				}
	.ftr .rgt{						display:none;	}
	
	.plain{ 						}
	.plain_lft{ 					float:left;				width:100%;		border:0px;	}
	.plain_rgt{ 					float:left;			width:100%;		margin:20px 0 0 0;	}
	
	
	.ste_itm{						width:100%;			}
	
	.edesktop{		display:none; 			}
	.emobile{		display:block;  			}	
	
	.tblapp td .txtarea{					width:100% !important;	border:1px solid !important;	}
	.tblapp-res{							width:100%;			margin:0;		}
	.tblapp-res td{		text-align:center;	}
	
	.bdy .imgrgt{				width:100%;		height:250px; margin-bottom:20px; }	
}

@media(max-width:768px){
	.imgcon{						width:100%;	margin:0 0 20px 0;		}

	.blk-t1 .txtlft span{			font-size:13px !important ;				line-height:18px !important;	}		

	.navbar ul li{	display:block;}
	.navbar ul li:first-child{				display:none;	}	
	.navbar-brand{				display:block;	padding:0 0 0 15px;		}
	.navbar ul{					border:0px;		}
	.navbar ul li{					border:0px;		}
	.navbar-header{				height:59px;	}
	
	.bdy .imgrgt{				width:100%;		height:200px;	margin-bottom:20px; }	
	
}

@media(max-width:650px){
	
	.blk-t1 .txtlft span{		font-size:18px;	 line-height:24px;	 }
}



@media(min-width:1500px){
	.gfxbar a{						height:220px;	}  
	
}


@media(min-width:2000px){
	.gfxbar a{						height:320px;	}  
}



