@charset "UTF-8";
/* CSS Document */



html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}

ul {
	list-style: none;
}

body {
	margin: 0;
	padding: 0;
	background-color: rgba(245,245,245,1);
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loading {
	position: fixed;
	left: 0px;
	top: -47px;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	z-index: 9999;
	background: url(../../images/loading.gif) center no-repeat #fff;
	background-size: 140px auto;
}

.revealing {
	width: 0;
	height: 100%;
	background-color: rgba(245,245,245,1);
	
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 40;
	
	-moz-animation-name: revealing_slide;
    -moz-animation-iteration-count: 1;
    -moz-animation-duration: 5s;

    -webkit-animation-name: revealing_slide;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 5s;

    animation-name: revealing_slide;
    animation-iteration-count: 1;
    animation-duration: 5s;
}

@-moz-keyframes revealing_slide {
0% {
	left: 20%;
	width: 80%;
}

100% {
	left: 100%;
	width: 0;
}
}

@-webkit-keyframes revealing_slide {
0% {
	left: 20%;
	width: 80%
}

100% {
	left: 100%;
	width: 0;
}
}

@keyframes revealing_slide {
0% {
	left: 20%;
	width: 80%
}

100% {
	left: 100%;
	width: 0;
}
}

.logotype {
	position: fixed;
	bottom: 0;
	left: 6%;
	margin-bottom: 0px;
	z-index: 110;
}

.logotype img {
	width: 70px;
}

.menu {
	width: 100%;
	height: 50px;
	background-color: rgba(51,51,51,1);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 50;
}

.menu a {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

.menu ul {
	list-style: none;
	width: 400px;
	position: absolute;
	right: 0;
	margin-right: -30px;
	padding-top: 10px;
}

.menu ul li {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 35px;
	color: rgba(255,255,255,1);
	float: left;
	margin-left: 30px;
}

.menu ul li:hover {
	color: rgba(175,223,224,1);
}

.process_submenu {
	display: none;
	
	width: 460px;
	height: 50px;
	background-color: rgba(51,51,51,1);
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: 50px;
	z-index: 100;
}

.process_submenu a {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

.process_submenu ul {
	list-style: none;
	width: 460px;
	padding-top: 10px;
}

.process_submenu ul li {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 35px;
	color: rgba(255,255,255,1);
	float: left;
	margin-left: 30px;
}

.process_submenu ul li:hover {
	color: rgba(175,223,224,1);
}



.container {
	position: absolute;
	width: 82%;
	height: 100%;
	margin-left: 10%;
	z-index: 30;
}

.frame { 
	position: absolute;
	height: 86.5%;
	width: 7%;
	border: solid 1px rgba(102,102,102,1);
	left: 6%;
	top: 4%;
}

.chart_title {
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: -220px;
	margin-top: -150px;
	
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 30px;
	color: rgba(120,120,120,1);
	
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	
	transform-origin: top right;
}

.view_options {
	position: absolute;
	top: 6%;
	right: 3%;
	width: 10%;
	height: 15%;
	z-index: 50;
}

.view_options_box {
	width: 100%;
	height: 50%;
	
	background-color: rgba(248,248,248,1);
	border: solid 1px rgba(102,102,102,1);
	color: rgba(40,40,40,1);
	cursor: pointer;
}

.view_options_box:hover {
	background-color: rgba(240,240,240,1);
}

.view_options_box h2 {
	width: 70px;
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 10px;
	margin-left: 4px;
	text-align: left;
	cursor: pointer;
}

.view_all {
	margin-top: -1px;
}



.items {
	width: 10%;
	height: 15%;
	cursor: pointer;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.items h2 {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 15px;
	text-align: left;
	margin-top: 57px;
	margin-left: 3px;
}

.items h3 {
	font-family: 'HelveticaNeueLTStd-LtCn';
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 15px;
	text-align: left;
	margin-top: 8px;
	margin-left: 3px;
	width: 48%;
	height: 45%;
	float: left;
}

.line_H {
	width: 100%;
	border-top: solid 1px rgba(255,255,255,1);
	position: absolute;
	top: 50%;
}

.line_V {
	height: 100%;
	border-left: solid 1px rgba(255,255,255,1);
	position: absolute;
	left: 48%;
}

.implementation {
	background-color: rgba(65,65,65,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 6%;
}

.implementation_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.implementation:hover {
	background-color: rgba(65,65,65,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(65,65,65,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.design {
	background-color: rgba(93,93,93,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 23%;
}

.design_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.design:hover {
	background-color: rgba(93,93,93,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(93,93,93,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.planing {
	background-color: rgba(135,135,135,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 40%;
}

.planing_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.planing:hover {
	background-color: rgba(135,135,135,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(135,135,135,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.financial {
	background-color: rgba(180,180,180,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 57%;
}

.financial_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.financial:hover {
	background-color: rgba(180,180,180,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(180,180,180,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation {
	background-color: rgba(220,220,220,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 74%;
}

.operation_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.operation:hover {
	background-color: rgba(220,220,220,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(220,220,220,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}






.quality {
	background-color: rgba(214,238,240,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 6%;
	left: 18%;
}

.quality_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.quality:hover {
	background-color: rgba(214,238,240,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(214,238,240,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical {
	background-color: rgba(175,223,225,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 23%;
	left: 18%;
}

.physical_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.physical:hover {
	background-color: rgba(175,223,225,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(175,223,225,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual {
	background-color: rgba(77,194,196,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 40%;
	left: 18%;
}

.conceptual_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.conceptual:hover {
	background-color: rgba(77,194,196,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(77,194,196,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


.feasible {
	background-color: rgba(0,138,141,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 57%;
	left: 18%;
}

.feasible_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.feasible:hover {
	background-color: rgba(0,138,141,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(0,138,141,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


.marketing {
	background-color: rgba(0,94,105,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 74%;
	left: 18%;
}

.marketing_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.marketing:hover {
	background-color: rgba(0,94,105,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(0,94,105,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}




.contractors {
	background-color: rgba(0,64,109,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 6%;
	left: 30%;
}

.contractors_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.contractors:hover {
	background-color: rgba(0,64,109,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(0,64,109,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering {
	background-color: rgba(68,105,146,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 23%;
	left: 30%;
}

.engineering_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.engineering:hover {
	background-color: rgba(68,105,146,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(68,105,146,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual {
	background-color: rgba(100,130,167,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 40%;
	left: 30%;
}

.schedual_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.schedual:hover {
	background-color: rgba(100,130,167,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(100,130,167,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system {
	background-color: rgba(163,179,205,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 57%;
	left: 30%;
}

.operation_system_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.operation_system:hover {
	background-color: rgba(163,179,205,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(163,179,205,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operational_management {
	background-color: rgba(206,222,239,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 74%;
	left: 30%;
}

.operational_management_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.operational_management:hover {
	background-color: rgba(206,222,239,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(206,222,239,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


.brief {
	background-color: rgba(188,106,88,1);
	color: rgba(255,255,255,1);	
	position: absolute;
	top: 6%;
	left: 42%;
	width: 22%;
	height: 15%;
}

.brief_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.brief:hover {
	background-color: rgba(188,106,88,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(188,106,88,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement {
	background-color: rgba(255,228,171,1);
	color: rgba(90,90,90,1);	
	position: absolute;
	top: 40%;
	left: 42%;
}

.procurement_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}     

.procurement:hover {
	background-color: rgba(255,228,171,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(255,228,171,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.facility {
	background-color: rgba(209,187,174,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 74%;
	left: 42%;
}

.facility_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.facility:hover {
	background-color: rgba(209,187,174,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(209,187,174,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


.project_control {
	background-color: rgba(255,207,105,1);
	color: rgba(90,90,90,1);
	position: absolute;
	top: 40%;
	left: 54%;
}

.project_control_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.project_control:hover {
	background-color: rgba(255,207,105,0.9);
	color: rgba(90,90,90,1);
	border: solid 1px rgba(255,207,105,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


.business {
	background-color: rgba(119,94,91,1);
	color: rgba(255,255,255,1);
	position: absolute;
	top: 74%;
	left: 54%;
}

.business_dim {
	background-color: rgba(245,245,245,1);
	border: 1px solid rgba(120,120,120,1);
	color: rgba(120,120,120,1);
}

.business:hover {
	background-color: rgba(119,94,91,0.9);
	color: rgba(255,255,255,1);
	border: solid 1px rgba(119,94,91,1);
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}









.sub_items {
	width: 2%;
	height: 15%;
	z-index: -1;
}




/*---------------------- VIEW ALL CLICK ----------------------*/


.contractors_slide_D {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_slide_E {
	margin-left: 14%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_slide_C {
	margin-left: 10%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_slide_F {
	margin-left: 18%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide_G {
	margin-left: 26%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_H {
	margin-left: 34%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_slide_E {
	margin-left: 12%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operational_management_slide_C {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.facility_slide_D {
	margin-left: 6%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_slide_E {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}





/*---------------------- IMPLEMENTATION CLICK ----------------------*/

.implementation_quality {
	background-color: rgba(65,65,65,1);
	position: absolute;
	top: 6%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.implementation_quality_slide {
	margin-left: 2%;
	opacity: 1;
}

.implementation_contractors {
	background-color: rgba(65,65,65,1);
	position: absolute;
	top: 6%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.implementation_contractors_slide {
	margin-left: 4%;
	opacity: 1;
}

.contractors_slide_C {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_slide_C {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}




/*---------------------- DESIGN CLICK ----------------------*/


.design_physical {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.design_physical_slide {
	margin-left: 2%;
	opacity: 1;
}


.design_engineering {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.design_engineering_slide {
	margin-left: 4%;
	opacity: 1;
}

.design_conceptual {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.design_conceptual_slide {
	margin-left: 2%;
	opacity: 1;
}

.engineering_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide_C {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_D {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}



/*---------------------- PLANING CLICK ----------------------*/


.planing_conceptual {
	background-color: rgba(135,135,135,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.planing_conceptual_slide {
	margin-left: 2%;
	opacity: 1;
}


.planing_schedual {
	background-color: rgba(135,135,135,1);
	position: absolute;
	top: 40%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.planing_schedual_slide {
	margin-left: 4%;
	opacity: 1;
}

.schedual_slide_C {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide_D {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_E {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}



/*---------------------- FINANCIAL CLICK ----------------------*/


.financial_conceptual {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.financial_conceptual_slide {
	margin-left: 2%;
	opacity: 1;
}


.financial_procurement {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.financial_procurement_slide {
	margin-left: 4%;
	opacity: 1;
}


.financial_feasible {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.financial_feasible_slide {
	margin-left: 2%;
	opacity: 1;
}

.schedual_slide_D {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide_E {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_F {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}






/*---------------------- OPERATION CLICK ----------------------*/


.operation_conceptual {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_conceptual_slide {
	margin-left: 2%;
	opacity: 1;
}


.operation_feasible {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_feasible_slide {
	margin-left: 2%;
	opacity: 1;
}


.operation_operation_system {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 57%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_operation_system_slide {
	margin-left: 4%;
	opacity: 1;
}


.operation_marketing {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_marketing_slide {
	margin-left: 2%;
	opacity: 1;
}


.operation_operational_management {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_operational_management_slide {
	margin-left: 4%;
	opacity: 1;
}


.operation_facility {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_facility_slide {
	margin-left: 6%;
	opacity: 1;
}


.operational_management_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_slide_E {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide_F {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_G {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_slide_C {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_slide_D {
	margin-left: 6%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.facility_slide_C {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


/*---------------------- QUALITY CLICK ----------------------*/



.quality_implementation {
	background-color: rgba(65,65,65,1);
	position: absolute;
	top: 6%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.quality_implementation_slide {
	margin-left: 2%;
	opacity: 1;
}


.quality_project_control {
	background-color: rgba(255,207,105,1);
	position: absolute;
	top: 6%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.quality_project_control_slide {
	margin-left: 4%;
	opacity: 1;
}

.quality_engineering {
	background-color: rgba(68,105,146,1);
	position: absolute;
	top: 6%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.quality_engineering_slide {
	margin-left: 6%;
	opacity: 1;
}

.quality_brief {
	background-color: rgba(188,106,88,1);
	position: absolute;
	top: 6%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.quality_brief_slide {
	margin-left: 8%;
	opacity: 1;
}



.contractors_slide {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_slide {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}


/*---------------------- PHYSICAL CLICK ----------------------*/


.physical_design {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical_design_slide {
	margin-left: 2%;
	opacity: 1;
}

.physical_conceptual {
	background-color: rgba(77,194,196,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical_conceptual_slide {
	margin-left: 4%;
	opacity: 1;
}

.physical_feasible {
	background-color: rgba(0,138,141,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical_feasible_slide {
	margin-left: 6%;
	opacity: 1;
}

.physical_engineering {
	background-color: rgba(68,105,146,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical_engineering_slide {
	margin-left: 8%;
	opacity: 1;
}


.physical_project_control {
	background-color: rgba(255,207,105,1);
	position: absolute;
	top: 23%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.physical_project_control_slide {
	margin-left: 10%;
	opacity: 1;
}


.engineering_slide {
	margin-left: 10%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}



/*---------------------- CONCEPTUAL CLICK ----------------------*/


.conceptual_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.conceptual_financial {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_financial_slide {
	margin-left: 4%;
	opacity: 1;
}

.conceptual_planing {
	background-color: rgba(135,135,135,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_planing_slide {
	margin-left: 6%;
	opacity: 1;
}

.conceptual_design {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_design_slide {
	margin-left: 8%;
	opacity: 1;
}

.conceptual_physical {
	background-color: rgba(175,223,225,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_physical_slide {
	margin-left: 10%;
	opacity: 1;
}

.conceptual_feasible {
	background-color: rgba(0,138,141,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_feasible_slide {
	margin-left: 12%;
	opacity: 1;
}

.conceptual_marketing {
	background-color: rgba(0,94,105,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_marketing_slide {
	margin-left: 14%;
	opacity: 1;
}

.conceptual_operation_system {
	background-color: rgba(163,179,205,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_operation_system_slide {
	margin-left: 16%;
	opacity: 1;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_business {
	background-color: rgba(119,94,91,1);
	position: absolute;
	top: 40%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.conceptual_business_slide {
	margin-left: 18%;
	opacity: 1;
}






.schedual_slide {
	margin-left: 18%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_slide {
	margin-left: 18%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide {
	margin-left: 18%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}







/*---------------------- FEASIBLE CLICK ----------------------*/


.feasible_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.feasible_financial {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_financial_slide {
	margin-left: 4%;
	opacity: 1;
}

.feasible_conceptual {
	background-color: rgba(77,194,196,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_conceptual_slide {
	margin-left: 6%;
	opacity: 1;
}

.feasible_physical {
	background-color: rgba(175,223,225,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_physical_slide {
	margin-left: 8%;
	opacity: 1;
}

.feasible_schedual {
	background-color: rgba(100,130,167,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_schedual_slide {
	margin-left: 10%;
	opacity: 1;
}

.feasible_business {
	background-color: rgba(119,94,91,1);
	position: absolute;
	top: 57%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.feasible_business_slide {
	margin-left: 12%;
	opacity: 1;
}



.operation_system_slide {
	margin-left: 12%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_slide_D {
	margin-left: 12%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}





/*---------------------- MARKETING CLICK ----------------------*/



.marketing_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.marketing_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.marketing_conceptual {
	background-color: rgba(77,194,196,1);
	position: absolute;
	top: 74%;
	left: 26%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.marketing_conceptual_slide {
	margin-left: 4%;
	opacity: 1;
}



.operational_management_slide {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.facility_slide {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_slide {
	margin-left: 4%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}




/*---------------------- CONTRACTORS CLICK ----------------------*/



.contractors_implementation {
	background-color: rgba(65,65,65,1);
	position: absolute;
	top: 6%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.contractors_implementation_slide {
	margin-left: 2%;
	opacity: 1;
}

.contractors_implementation_slide_all {
	margin-left: 10%;
	opacity: 1;
}

.contractors_project_control {
	background-color: rgba(255,207,105,1);
	position: absolute;
	top: 6%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.contractors_project_control_slide {
	margin-left: 4%;
	opacity: 1;
}

.contractors_project_control_slide_all {
	margin-left: 12%;
	opacity: 1;
}

.contractors_engineering {
	background-color: rgba(68,105,146,1);
	position: absolute;
	top: 6%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.contractors_engineering_slide {
	margin-left: 6%;
	opacity: 1;
}

.contractors_engineering_slide_all {
	margin-left: 14%;
	opacity: 1;
}

.brief_slide_B {
	margin-left: 6%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}




/*---------------------- ENGINEERING CLICK ----------------------*/



.engineering_design {
	background-color: rgba(93,93,93,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_design_slide {
	margin-left: 2%;
	opacity: 1;
}

.engineering_design_slide_all {
	margin-left: 12%;
	opacity: 1;
}

.engineering_physical {
	background-color: rgba(175,223,225,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_physical_slide {
	margin-left: 4%;
	opacity: 1;
}

.engineering_physical_slide_all {
	margin-left: 14%;
	opacity: 1;
}

.engineering_quality {
	background-color: rgba(214,238,240,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_quality_slide {
	margin-left: 6%;
	opacity: 1;
}

.engineering_quality_slide_all {
	margin-left: 16%;
	opacity: 1;
}

.engineering_contractors {
	background-color: rgba(0,64,109,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_contractors_slide {
	margin-left: 8%;
	opacity: 1;
}

.engineering_contractors_slide_all {
	margin-left: 18%;
	opacity: 1;
}

.engineering_brief {
	background-color: rgba(188,106,88,1);
	position: absolute;
	top: 23%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.engineering_brief_slide {
	margin-left: 10%;
	opacity: 1;
}

.engineering_brief_slide_all {
	margin-left: 20%;
	opacity: 1;
}



/*---------------------- SCHEDUAL CLICK ----------------------*/



.schedual_planing {
	background-color: rgba(135,135,135,1);
	position: absolute;
	top: 40%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_planing_slide {
	margin-left: 2%;
	opacity: 1;
}

.schedual_planing_slide_all {
	margin-left: 20%;
	opacity: 1;
}

.schedual_feasible {
	background-color: rgba(0,138,141,1);
	position: absolute;
	top: 40%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_feasible_slide {
	margin-left: 4%;
	opacity: 1;
}

.schedual_feasible_slide_all {
	margin-left: 22%;
	opacity: 1;
}


.schedual_operation_system {
	background-color: rgba(163,179,205,1);
	position: absolute;
	top: 40%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_operation_system_slide {
	margin-left: 6%;
	opacity: 1;
}

.schedual_operation_system_slide_all {
	margin-left: 24%;
	opacity: 1;
}

.schedual_procurement {
	background-color: rgba(255,228,171,1);
	position: absolute;
	top: 40%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.schedual_procurement_slide {
	margin-left: 8%;
	opacity: 1;
}

.schedual_procurement_slide_all {
	margin-left: 26%;
	opacity: 1;
}



.procurement_slide_B {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_slide_B {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}





/*---------------------- OPERATION SYSTEM CLICK ----------------------*/



.operation_system_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 57%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.operation_system_operation_slide_all {
	margin-left: 14%;
	opacity: 1;
}

.operation_system_conceptual {
	background-color: rgba(77,194,196,1);
	position: absolute;
	top: 57%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_conceptual_slide {
	margin-left: 4%;
	opacity: 1;
}

.operation_system_conceptual_slide_all {
	margin-left: 16%;
	opacity: 1;
}

.operation_system_schedual {
	background-color: rgba(100,130,167,1);
	position: absolute;
	top: 57%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operation_system_schedual_slide {
	margin-left: 6%;
	opacity: 1;
}

.operation_system_schedual_slide_all {
	margin-left: 18%;
	opacity: 1;
}



/*---------------------- OPERATIONAL MANAGEMENT CLICK ----------------------*/



.operational_management_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 38%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.operational_management_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.operational_management_operation_slide_all {
	margin-left: 6%;
	opacity: 1;
}


.facility_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_slide_B {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}



/*---------------------- BRIEF CLICK ----------------------*/

.brief_quality {
	background-color: rgba(214,238,240,1);
	position: absolute;
	top: 6%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_quality_slide {
	margin-left: 2%;
	opacity: 1;
}

.brief_quality_slide_all {
	margin-left: 16%;
	opacity: 1;
}

.brief_engineering {
	background-color: rgba(68,105,146,1);
	position: absolute;
	top: 6%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_engineering_slide {
	margin-left: 4%;
	opacity: 1;
}

.brief_engineering_slide_all {
	margin-left: 18%;
	opacity: 1;
}

.brief_procurement {
	background-color: rgba(255,228,171,1);
	position: absolute;
	top: 6%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_procurement_slide {
	margin-left: 6%;
	opacity: 1;
}

.brief_procurement_slide_all {
	margin-left: 20%;
	opacity: 1;
}

.brief_project_control {
	background-color: rgba(255,207,105,1);
	position: absolute;
	top: 6%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.brief_project_control_slide {
	margin-left: 8%;
	opacity: 1;
}

.brief_project_control_slide_all {
	margin-left: 22%;
	opacity: 1;
}



/*---------------------- PROCUREMENT CLICK ----------------------*/


.procurement_financial {
	background-color: rgba(180,180,180,1);
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_financial_slide {
	margin-left: 2%;
	opacity: 1;
}

.procurement_financial_slide_all {
	margin-left: 28%;
	opacity: 1;
}

.procurement_schedual {
	background-color: rgba(100,130,167,1);
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_schedual_slide {
	margin-left: 4%;
	opacity: 1;
}

.procurement_schedual_slide_all {
	margin-left: 30%;
	opacity: 1;
}

.procurement_project_control {
	background-color: rgba(255,207,105,1);
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_project_control_slide {
	margin-left: 6%;
	opacity: 1;
}

.procurement_project_control_slide_all {
	margin-left: 32%;
	opacity: 1;
}

.procurement_brief {
	background-color: rgba(188,106,88,1);
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.procurement_brief_slide {
	margin-left: 8%;
	opacity: 1;
}

.procurement_brief_slide_all {
	margin-left: 34%;
	opacity: 1;
}

.project_control_slide_C {
	margin-left: 8%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}





/*---------------------- FACILITY CLICK ----------------------*/



.facility_operation {
	background-color: rgba(220,220,220,1);
	position: absolute;
	top: 74%;
	left: 50%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.facility_operation_slide {
	margin-left: 2%;
	opacity: 1;
}

.facility_operation_slide_all {
	margin-left: 8%;
	opacity: 1;
}

.business_slide_C {
	margin-left: 2%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}




/*---------------------- PROJECT CONTROL CLICK ----------------------*/


.project_control_procurement {
	background-color: rgba(255,228,171,1);
	position: absolute;
	top: 40%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_procurement_slide {
	margin-left: 2%;
	opacity: 1;
}

.project_control_procurement_slide_all {
	margin-left: 36%;
	opacity: 1;
}

.project_control_physical {
	background-color: rgba(175,223,225,1);
	position: absolute;
	top: 40%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_physical_slide {
	margin-left: 4%;
	opacity: 1;
}

.project_control_physical_slide_all {
	margin-left: 38%;
	opacity: 1;
}

.project_control_contractors {
	background-color: rgba(0,64,109,1);
	position: absolute;
	top: 40%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_contractors_slide {
	margin-left: 6%;
	opacity: 1;
}

.project_control_contractors_slide_all {
	margin-left: 40%;
	opacity: 1;
}

.project_control_brief {
	background-color: rgba(188,106,88,1);
	position: absolute;
	top: 40%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.project_control_brief_slide {
	margin-left: 8%;
	opacity: 1;
}

.project_control_brief_slide_all {
	margin-left: 42%;
	opacity: 1;
}




/*---------------------- BUSINESS CLICK ----------------------*/



.business_conceptual {
	background-color: rgba(77,194,196,1);
	position: absolute;
	top: 74%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_conceptual_slide {
	margin-left: 2%;
	opacity: 1;
}

.business_conceptual_slide_all {
	margin-left: 10%;
	opacity: 1;
}


.business_feasible {
	background-color: rgba(0,138,141,1);
	position: absolute;
	top: 74%;
	left: 62%;
	opacity: 0;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

.business_feasible_slide {
	margin-left: 4%;
	opacity: 1;
}

.business_feasible_slide_all {
	margin-left: 12%;
	opacity: 1;
}





/*---------------------- VIEW ALL ----------------------*/


.brief_slide_D {
	margin-left: 10%;
	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}