@font-face {
    font-family: 'ALAKOB';
    src: url('fonts/2/ALAKOB.eot');
    src: url('fonts/2/ALAKOB.eot') format('embedded-opentype'),
         url('fonts/2/ALAKOB.woff2') format('woff2'),
         url('fonts/2/ALAKOB.woff') format('woff'),
         url('fonts/2/ALAKOB.ttf') format('truetype'),
         url('fonts/2/ALAKOB.svg#ALAKOB') format('svg');
}


@font-face{

font-family:'swissc';

src:url(fonts/1/swissc.ttf);

}

@font-face{

font-family:'swisscb';

src:url(fonts/1/swisscb.ttf);

}
@font-face{

font-family:'swisscbi';

src:url(fonts/1/swisscbi.ttf);

}
@font-face{

font-family:'tt0861m_';

src:url(fonts/1/tt0861m_.ttf);

}


@font-face{

font-family:'myraid';

src:url(fonts/MyriadPro-Regular.otf);

}


@font-face{

font-family:'swissck';

src:url(fonts/swissck.ttf);

}


@font-face{

font-family:'myraid-bold';

font-weight: bold;

src:url(fonts/MyriadPro-Bold.otf);

}


*{

	margin: 0;

	padding: 0;

	border:0;

}

body{

	background-color: #0A408A!important;

	font-family: 'myraid', 'Arial';

	color: #444;
	padding-top: 0!important;

}

p{ text-align:justify; margin:10px 0}

	.container1{

		width:1000px;

		margin: 0 auto 30px auto;

		background-color:#fff;

		padding: 0 0 1px 0;

		/* -moz-box-shadow: 0 0 13px 2px  #666; */
		/* -webkit-box-shadow:0 0 13px 2px  #666; */ 
		/*box-shadow: 0 0 21px 3px  #9F9F9F; */

	}



		.header{

			width: 95%;

			height:80px;

			margin:0 auto;

			overflow: hidden;
			

		}

			.topBar{

				width: 38%;

				background: #615D5C;
				float:right;
				padding:8px 0;
				border-radius:0 0 0 13px;
				text-align: right;	

			}
			
			.sp1{
				color:white;
				padding:10px 0px 10px 10px;
				font-size: 14px;
				font-family: "swisscb";
				pa
			}
			
			.sp1 a{
				color:#fff;
				text-decoration: none;
			}
			.sp1 a:hover{
				text-decoration: underline;			}
			


			.sp2{
				color:white;
				padding:10px 10px 10px 0;
				font-size: 14px;
				font-family: "swissc";
			}	



			.mR{
				
				margin-right:0.5%;
				
			}
			
			.clearfloat{
				
				clear:both;
			}

			.logo-cont{

				width:314px;

				float: left;

			}

				.logo{

					width: 323px;

					height: 49px;

					background:no-repeat url("images/template/logo.png");

					margin:13px 0 0 0px;
					background-size: 323px;

				}

					.logo a{

						width: 100%;

						height: 100%;

						display: block;

					}



				.cont{

					width: 277px;

					margin: 41px 33px 0 0;

					color: #999;

					font-size: 16px;

					float: right;

				}

				.cont p{ text-align:right;}



			.nav{

				width: 43%;

				float: right;

				overflow: hidden;

			}



				.nav-hor{

					/*width: 414px;*/

					float: right;

					


				}

					.nav-hor ul,.nav-ver ul{

						list-style: none;

						overflow: hidden;

					}



						.nav-hor ul li{

							width:55px;

							float: left;

							

							margin: 0 7px 0 0;

							

							text-align: center;

							background: url("images/template/buttontop.png") top center no-repeat;

						}

							.nav-hor ul li:hover, .nav-hor ul li.active{

								background: url("images/template/buttontop_hover.png") top center no-repeat;	

							}

							.nav-hor ul li a{

								text-decoration: none;

								color: #999;

								display: block;

								line-height: 40px;

								text-transform: uppercase;

								font-family:"swissc";

					font-size: 13px;

						
								font-weight: normal;

							}



							.nav-hor ul li a:hover, .nav-hor ul li a.active{

								color: #444;

							}	



				.nav-area{

					width:95%;

					height: 80px;

					margin:0 auto;

					/*margin: 0 0 25px 0;*/

					font-family: "tt0861m_";
					font-size: 16PX;

				}



				.nav-area ul{

					list-style: none;

				}



				.nav-area ul li{

					/*width:166px;*/
					
					width:19.6%;
					height: 64px;

					text-align: center;

					float: left;

				}

				

				.nav-area ul li a{
					
					height:54px;
					padding:5px 0px;
					
					/*/*line-height: 20px

					//width: 98%;
					
					//margin:0 auto;*/

					display: block;

					text-decoration: none;

					color: #fff;

					text-transform: uppercase;

				}

				.nav-area ul li a:hover, .nav-area li a.active{ 
						
						/*//color:#444 */
				
				}

				.nav-area ul li.active,.nav-area ul li:hover{
					/*background: url("images/template/buttontop_hover.png") bottom center no-repeat!important; 
					*/	
				-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */

          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	

					}

					.logo-and-identity{

						background: url("images/template/logobox.png") bottom center no-repeat;	

					}

					.logo-and-identity:hover,.logo-and-identity.active{

						background: url("images/template/logobox-active.png") bottom center no-repeat;	

					}

					.logo-and-identity a{

						background: #E3488E;

					}

					
					
					.design{

						background: url("images/template/design.png") bottom center no-repeat;

					}

					.design:hover,.design.active{

						background: url("images/template/design-active.png") bottom center no-repeat;

					}

					.design a{

						background: #E67817;

					}
					
					

					.advertising{

						background: url("images/template/advertising.png") bottom center no-repeat;

					}

					.advertising:hover,.advertising.active{

						background: url("images/template/advertising-active.png")bottom center no-repeat;

					}
						
					.advertising a{

						background: #40B290;

						

					}


					.signages{

						background: url("images/template/signages.png") bottom center no-repeat;

					}

					.signages:hover,.signages.active{

						background: url("images/template/signages-active.png") bottom center no-repeat;

					}

					.signages a{

						background:  #BFA045;

					}



					/*  Its used to corporate fifting menu  */
					.online-media{

						background: url("images/template/online.png") bottom center no-repeat;

					}

					.online-media:hover,.online-media.active{

						background: url("images/template/online-active.png") bottom center no-repeat;

					}

					.online-media a{

						background:#857BB0;

					}

				/*		
					.exhibition{

						background: url("images/template/exhibition.png") bottom center no-repeat;

						width: 170px !important;

					}

					.exhibition a{

						background: #cc9933;

					}
				*/


			.headerBottom{

				width: 100%;

				height: 2px;

				background: url("images/template/headerBottom.png");

			

				margin-top: 25px;

}



		.content{

			width: 95%;

			margin: 0 auto;

			padding: 2px 0 0 0;

		}



		.contentIndex{

			width: 100%;

		}

			.imageBox a{

				display: block;
				overflow: hid;

			}

			.set{ width:300px; height:200px}

			.imageBox .set:first-child{

				float: left;

			}

			.imageBox .set:nth-child(2){

				margin: 0 0 0 25px;

				float: left;

			}

			.imageBox .set:last-child{

				float: right;

			}



		.contentHome{

			width:100%;
			/*//width:908px;*/

			margin: 0 auto;

		}



		.contentHome1{

			width: 950px;

			margin: 0 auto;

		}

			.contentAbout{

				overflow: hidden;

			}



			.content-services{

				
				width:766px;
				margin:0 auto;
			}

			.min-heigh{
					min-height: 470px;
			
			
			}

			.content-contact-left{

				/* min-height: 400px; */

			

				margin-bottom: 20px;

				overflow: hidden;

}



		.imageBox{

			margin: 20px 0;

			overflow: hidden;

		}



		.leadHead{

			margin: 0 0 10px 0;

			text-align: justify;

			font-family: "myraid-bold",arial;

			font-size: 20px;
		}



		.leadSub{

			margin: 10px 0;
			text-align: justify;
			font-size: 20px;

		}



		.footerContent{

			width:90%;

			margin: 0 auto;

		}

		.footerBox{

			width:100%;

			margin: 0 auto;

		}



		.contentAboutRight{

			width: 100%;

		}

			.contentAboutRight p{

				margin: 10px 0;

			}





		.contentContact{

			overflow: hidden;

		}

		.contentContactLeft{

			width: 27%;

			float: left;

		}



		.content-services-left{

			overflow: hidden;

		}



			.content-services-left p{

				margin: 10px 0;

			

				text-align: justify;

			}

			.lead{

				font-size: 18px!important;
				color: #615D5C;
    			margin: 10px 0;

    			font-weight: bold;

			}



		.content-services-right{

			width: 300px;

			float: right;

			

		}

			.contentContactLeft address{

				margin: 0 0 10px 10px;

			}



		.contentContactRight{

			width: 70%;

			float: right;

		}

			.inputFields{

				width: 90%;

				margin: 10px 0;

				overflow: hidden;

			}

				.inputFields label{

					width: 30%;

					display: inline-block;

				}

				.inputFields input{

					/*width: 67%;*/
					width: 250px;

					height: 20px;

					padding: 5px;

					border:1px solid #ACACAC;

					border-radius: 4px;

				}



				.inputFields textarea{

					/*width: 67%;*/

					width: 305px;

					height: 50px;

					padding: 5px;

					border:1px solid #ACACAC;

					border-radius: 4px;

				}



				.inputFields input[type=submit],.inputFields input[type=reset]{

					width:100px;

					height: 30px;

					border:none;

				}

					.inputFields input[type=submit]{

						margin: 0 0 0 30%;

					}

					.inputFields input[type=reset]{

						margin: 0 0 0 15px;

					}





		.contentLogos{

			overflow: hidden;

			width: 950px;

			margin: 0 auto;

		}				

			.contentLogos ul{

				list-style: none;

			}



			.contentLogos ul li{

				float: left;

			

				margin-top: 20px;
				    max-height: 306px;

}

			.contentLogos img{ border:1px solid #ccc;}



				.contentLogos ul li:nth-child(even){

					float: right

				}

		

		.contentclient{

			overflow: hidden;

			width: 100%;

			margin: 0 auto;

		}				

			.contentclient ul{

				list-style: none;

			}



			.contentclient ul li{

				float: left;

			

				margin: 26px 27px 0 0;

}

			.contentclient img{ border:1px solid #ccc; width: 280px;}

			/*	.contentclient ul li:nth-child(even){

					float: right;

				}	*/				

			.contentclient ul li:nth-child(3n+3){

					margin-right:0px;

				}

				

				

.footerNav{

/*	font-family:swissck; */
	width: 95%;
	margin: 30px auto;

	

	font-family: "myraid-bold";
	font-size: 20PX;

}

	.footerNav ul{

		list-style: none;

	}

	.footerNav ul li{

		display: inline-block;

		width: 19.6%;

	}

		.footerNav ul li a{

			width: 100%;

			text-align: center;

			text-decoration: none;

			text-transform: uppercase;

			font-size: 18px;

			font-weight: bold;

			display: block;

			color: #D5D5D5;

			font-weight:normal;

			padding:10px;

		}

		.color1{border-top:solid 2px #E3488E;}

		.color1:hover,.color1.active{
				color: #E3488E;
		}

		.color2{border-top:solid 2px #E67817;}
		.color2:hover,.color2.active{
				color: #E67817;
		}

		.color3{border-top:solid 2px #40B290;}
		.color3:hover,.color3.active{
				color: #40B290;
		}

		.color4{border-top:solid 2px #BFA045;}
		.color4:hover,.color4.active{
				color: #BFA045;
		}

		.color5{border-top:solid 2px #857BB0;}
		.color5:hover,.color5.active{
				color: #857BB0;
		}

.copyright{

	text-align: center;

}

.contForm{ width:600px; float:right; margin-top:25px;}

.address{ width: 300px; float:left; margin-top:50px;}



.images{ position:relative;}

.images .thumb-bule {

clear: both;

position: absolute;

opacity: 0;

color: #FFF;

z-index: 10;

width: 100%;

height: 100%;

display: block;

}

.images {

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-ms-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .s ease-in-out;

}

.images:hover .thumb-bule{opacity: .8;

background: #FF0000;}





.images .thumb-bule .client {

font-size: 26px;

line-height: 26px;

text-align: left;

position: absolute;

top: 20px;

left: 20px;

padding-right: 20px;

}



.images .thumb-bule .location {

font-size: 18px;

line-height: 18px;

text-align: left;

padding-top: 8px;

padding-right: 20px;

font-weight: 300;

}



.images .thumb-bule .services {

font-size: 18px;

line-height: 18px;

text-align: left;

position: absolute;

bottom: 20px;

left: 20px;

padding-right: 20px;

font-weight: 300;

}

.thum{ width:300px;}

/**************** sf deve *******************/

/* 24sep*/
h2{color: #615D5C!important;font-size:24px!important;}
.signage .images img{ max-width: 100%;}
.carousel{width: 95%; margin: 0 auto;}
.slide_img{width:100%; }
.pan{text-align: center; /*background-color: #969593;*/ background-color: #777; padding:0;color: #fff;margin:10px 0;}
.color6{color: #969593;}
.contact-pan{background-color: #1F1A17;color: #fff;padding: 15px 0;}
.si{font-size: 18px; font-family:'myraid'; color: #FFFFFD;line-height: 34px;}
.si1{font-size: 24px; font-family:'myraid'; color: #FFFFFD; }
.wi{width: 95%; margin: 0 auto;}
.pt30{padding-top: 30px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.color7{background-color: #4D4948;}
.color8{color: #fff;font-size: 18px; font-weight:normal; font-family: 'myraid'; }
.form-horizontal .form-control{background-color:#969593; border:none; border-radius: 0px;}
.form-horizontal .sub{background-color:#969593; border:none; border-radius: 0px;font-size: 18px; padding: 5px 20px;}
.form-horizontal .sub:hover{background-color:#7C7B79; }
.form-horizontal .sub1{font-size: 18px;font-weight: normal; font-family: 'myraid';}

.nopadd{padding-left:0px!important;}
.addr{color:#FFFEFF;font-family:'myraid'; font-size: 16px;}
.nopadding{padding-left: 0!important; padding-right: 0!important;}

.widt{width: 95%; margin: 0 auto;}
.widt .nav-tabs{border: none;}
.widt .nav li{float: none;}
.widt .nav li a{color:#E3488E;background: url("images/template/left-arrow.png") right center no-repeat;

 padding: 10px 20px 10px 0;}
.widt .nav>li>a:hover{background-color: #fff;border-color:#fff;}
.widt .nav li a:active{color:#E3488E;}

.widt .nav-tabs>li.active>a,.widt .nav-tabs>li.active>a:focus,.widt .nav-tabs>li.active>a:hover{border: none;color:#E3488E;
background: url("images/template/left-arrow_active.png") right center no-repeat;	}
.color9{color: #615D5C; margin-top:7px;}
.margi{margin:15px 0;}
.widt .tab-content{min-height: 260px;}


.pio{margin-left:18px;margin-right:18px;}
.bor{border: solid thin #D9D9D9; margin-top:20px;}
.heading{font-family:'ALAKOB';font-size: 46px;padding: 10px 0;}

.carousel-control.right,.carousel-control.left{background-image: none!important;}

.err{color:red;}