@charset "utf-8";
/* CSS Document */
.slides-navigation #hover_area_mobile{
	display:none;
	}
.slides-navigation #hover_area{
	display:block;
	}
.mainContainer{
	background:#fff;
	width:100%;
	height:auto; /*4290px;*/
	background-repeat:repeat;
	padding:47px 0 0 0 ;
	float:left;
}
	.levelOne{
		float:left;
		height: auto;
		margin: 0 auto 5px;
		padding: 0 0 55px;
		text-align: center;
		width: 100%;
			}
		.levelOne h2{
			margin-bottom:14px;
			height:auto;
			-webkit-transition: font-size 0.6s ease-in-out;
			-moz-transition: font-size 0.6s ease-in-out;
			-o-transition: font-size 0.6s ease-in-out;
			transition: font-size 0.6s ease-in-out;
			
		}
		.levelOne .tool_ul{
			display:table;
			margin:0 auto;
			background:none;
			}
			.levelOne .tool_ul .tool_li{
				width:100px;
				height:100px;
				display:block;
				float:left;
				margin: 0 12px 10px  0;
				text-align:center;
				-webkit-transition: width 0.6s ease-in-out;
				-moz-transition: width 0.6s ease-in-out;
				-o-transition: width 0.6s ease-in-out;
				transition: width 0.6s ease-in-out;
				}
/**				@media (max-width: 1090px) {
					.levelOne .tool_ul .tool_li{
						width:150px;
						}
				}
**/				.levelOne .tool_ul .tool_li img{
					text-align:center;
					width:95px;
					height:auto;
					}
				.levelOne .tool_ul .tool_li p{
					font-size:13px;
					padding-top:3px;
					margin-top:-34px;
					color:#FFFFFF;
					background:none;
					opacity:0.5;
					-webkit-transition: margin-top 0.6s ease-in-out;
					-moz-transition: margin-top 0.6s ease-in-out;
					-o-transition: margin-top 0.6s ease-in-out;
					transition: margin-top 0.6s ease-in-out;
					}
		
	.levelTwo{
		margin: 0 auto;
		width:100%;
		height:auto;
		text-align:center;
		margin-bottom:50px;
		padding: 0;
		float:left;
		}
		.levelTwo div{
			line-height: 42px;
			margin: 0 auto;
			padding-bottom: 50px;
			text-align: left;
			width: 54%;
			word-spacing: 3px;

		}
		@media (max-width: 1430px) {
			.levelTwo div{
				width:65%;
			}
		}
			.levelTwo div .line_A{
				height:auto;
				float:left;
				width:100%;
				margin:0 0 -26px 0px;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				-webkit-transition: font-size 0.6s ease-in-out;
				-moz-transition: font-size 0.6s ease-in-out;
				-o-transition: font-size 0.6s ease-in-out;
				transition: font-size 0.6s ease-in-out;
			}
			.levelTwo div .line_B{
				height:auto;
				font-size:50px;
				float:left;
				width:100%;
				border-bottom:#ccc solid 1px;
				-webkit-transition: font-size 0.6s ease-in-out;
				-moz-transition: font-size 0.6s ease-in-out;
				-o-transition: font-size 0.6s ease-in-out;
				transition: font-size 0.6s ease-in-out;
			}
			.levelTwo div .para_A{
				float:left;
				display: block;
				float: left;
				font-style: normal;
				height: auto;
				background:none;
				margin: 5px 0 0 0;
				-webkit-transition: font-size 0.6s ease-in-out;
				-moz-transition: font-size 0.6s ease-in-out;
				-o-transition: font-size 0.6s ease-in-out;
				transition: font-size 0.6s ease-in-out;
			}
			
	.levelThree{
		margin: 0 auto 0 28%;
		width:100%;
		height:auto;
		text-align:center;
		float:left;
		}
		.levelThree h3{
			height:auto;
			padding:0 0 15px 0;
			-webkit-transition: font-size 0.6s ease-in-out;
			-moz-transition: font-size 0.6s ease-in-out;
			-o-transition: font-size 0.6s ease-in-out;
			transition: font-size 0.6s ease-in-out;
			}
		.levelThree .video{
			width:845px;
			height:480px;
			}
	.levelFour{
		width:100%;
		height:auto;
		float: left;
		}
		.levelFour div{
		    height: auto;
			margin: auto;
			width: 853px;
			}
			.levelFour div div{
				height: auto;
				margin: 0 auto;
				width: 24%;			
			-webkit-transition: width 0.6s ease-in-out;
			-moz-transition: width 0.6s ease-in-out;
			-o-transition: width 0.6s ease-in-out;
			transition: width 0.6s ease-in-out;
				}
		.levelFour h2{
			width:100%;
			border-bottom: 1px solid #ccc;
			float: left;
			height: auto;
			padding: 0;
			margin-top: 15px;
			font-size: 14px;
			font-family: 'Open Sans', sans-serif; 
			-webkit-transition: font-size 0.6s ease-in-out;
			-moz-transition: font-size 0.6s ease-in-out;
			-o-transition: font-size 0.6s ease-in-out;
			transition: font-size 0.6s ease-in-out;
		}
		.levelFour p{
			display: block;
			float: left;
			height: auto;
			width:100%;
			background:none;
			-webkit-transition: font-size 0.6s ease-in-out;
			-moz-transition: font-size 0.6s ease-in-out;
			-o-transition: font-size 0.6s ease-in-out;
			transition: font-size 0.6s ease-in-out;
		}
		.levelFour a{
				margin-top:34px;
				display:block;
				width:190px;
				float:left;
			}
		.levelFour a:hover{
			
			text-decoration:none;
			}
.artWork{
	width:100%;
	height:auto;
	background:url(../images/minion/bg_gradient.jpg) repeat;
	float:left
	}
/**halo**/
.artWorkHalo{
	width:100%;
	height:400px;
	background: url(../images/projects/about.png) no-repeat center center;
	float:left;
	margin:57px 0 0 0 ;
	}
/**close_halo**/
	.artWork .cnt{
		margin:auto;
		width:24%;
		height:inherit;
		-webkit-transition: width 0.6s ease-in-out;
		-moz-transition: width 0.6s ease-in-out;
		-o-transition: width 0.6s ease-in-out;
		transition: width 0.6s ease-in-out;

		}	
		.artWork .cnt .bob{
			display: block;
			width: 500px;
			height: 350px;
			background: url(../images/minion/sequence_2.jpg) no-repeat 0 0;
			margin-top: 0px;
			
			}


.cntH1{
	text-align:center;
	height:auto;
	font-size:65px;
	width:100%;
	float:left;
	margin:62px 0;
	-webkit-transition: font-size 0.6s ease-in-out;
	-moz-transition: font-size 0.6s ease-in-out;
	-o-transition: font-size 0.6s ease-in-out;
	transition: font-size 0.6s ease-in-out;
	}
	.default_Artwork{
		margin: 0 auto;
		width:97%;
		padding-left:3%;
		height:auto;
		float:left;
		margin-bottom:40px;
		}
		.default_Artwork .contentCenter{
			height:auto;
			width:83%;
			margin:auto;
			-webkit-transition: width 0.6s ease-in-out;
			-moz-transition: width 0.6s ease-in-out;
			-o-transition: width 0.6s ease-in-out;
			transition: width 0.6s ease-in-out;
			}
		@media (max-width: 1250px) {
			.default_Artwork .contentCenter{
				width:100%;
				}
			}
			.default_Artwork .contentCenter .imgHolder{
				border-right: 1px solid #ccc;
				float: left;
				margin: auto;
				padding: 0 2%;
				width:29.1%;
				height:auto;
				margin-bottom:30px;				
				-webkit-transition: width 0.6s ease-in-out;
				-moz-transition: width 0.6s ease-in-out;
				-o-transition: width 0.6s ease-in-out;
				transition: width 0.6s ease-in-out;
				}
			.default_Artwork .contentCenter .borderRemove3{
				border-right: none;
				}
			.default_Artwork .contentCenter .imgHolder .pHolder{
				float:left;
				min-height:auto;
				margin:0;
				padding:0;
				width:auto;
				background-size:10% auto;
				background-repeat:no-repeat;
				background-position:center center;
				background-color:#000;		
				}
				.default_Artwork .contentCenter .imgHolder .pHolder .imgLink{
					float: left;
					height: auto;
					margin: 0;
					padding: 0;
					width: auto;
					}
				.default_Artwork .contentCenter .imgHolder .pHolder .imgLink:hover{
					opacity:0.5;
					}
					.default_Artwork .contentCenter .imgHolder .pHolder .imgLink img{
						float:left;
						width: 100%;
						height:auto;
						}
			.default_Artwork .contentCenter .imgHolder h3{
				float:left;
				-webkit-transition: margin-top 0.6s ease-in-out;
				-moz-transition: margin-top 0.6s ease-in-out;
				-o-transition: margin-top 0.6s ease-in-out;
				transition: margin-top 0.6s ease-in-out;
				}
			.default_Artwork .contentCenter .imgHolder p{
				float:left;
				margin:auto;
				padding: 0;
				background:none;
				min-height:110px;
				-webkit-transition: width 0.6s ease-in-out;
				-moz-transition: width 0.6s ease-in-out;
				-o-transition: width 0.6s ease-in-out;
				transition: width 0.6s ease-in-out;
				}
			.default_Artwork .contentCenter .imgHolder a{
				float:right;
				}
	.otherProjects{
		margin: 0 auto;
		width:97%;
		padding-left:3%;
		height:auto;
		float:left;
		margin-bottom:80px;
		}				
		.otherProjects .contentCenter{
			height:auto;
			width:83%;
			margin:auto;
			}
		@media (max-width: 1250px) {
			.otherProjects .contentCenter{
			width:100%;
				}			
			}
			.otherProjects .contentCenter h2{
				text-align: center;
				border-bottom: 1px solid #cccccc;
				margin: 0 2.5% 29px 2%;
				}				
				.otherProjects .contentCenter ul{
					float: left;
					width: 30.5%;
					padding: 0 0 0 2%;
					}				
					.otherProjects .contentCenter ul li{
						float: left;
						width: 100%;
						padding: 0;
						margin: 0;
						background-image: url(../images/projects/bgLogo.jpg);
						background-size: 100% 100%;
						}				
						.otherProjects .contentCenter ul li a{
						}				
							.otherProjects .contentCenter ul li a img{
								width: 100%;
								float: left;
								-webkit-transition: opacity 0.6s ease-in-out;
								-moz-transition: opacity 0.6s ease-in-out;
								-o-transition: opacity 0.6s ease-in-out;
								transition: opacity 0.6s ease-in-out;
								}				
							.otherProjects .contentCenter ul li a img:hover{
								opacity: 0.5;
								}				
						.otherProjects .contentCenter ul .otherTitle{
							text-align: center;
							background-image:none;
							padding: 0 0 0 0;
							margin: 18px 0 40px 0;

}