@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/helvetica-neue.eot');
	src: local('?'), 
	url('../fonts/helvetica-neue.ttf') format('truetype'), 
	url('../fonts/helvetica-neue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaUltraLight';
	src: url('../fonts/helvetica-neue-ultralight.eot');
	src: local('?'), 
	url('../fonts/helvetica-neue-ultralight.ttf') format('truetype'), 
	url('../fonts/helvetica-neue-ultralight.woff') format('woff'), 
	url('../fonts/helvetica-neue-ultralight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'parmapetitregular';
    src: url('../fonts/parmapetit-normal-webfont.eot');
    src: url('../fonts/parmapetit-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/parmapetit-normal-webfont.woff2') format('woff2'),
         url('../fonts/parmapetit-normal-webfont.woff') format('woff'),
         url('../fonts/parmapetit-normal-webfont.ttf') format('truetype'),
         url('../fonts/parmapetit-normal-webfont.svg#parmapetitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'HelveticaLight';
	src: url('../fonts/helveticalight.eot');
	src: local('?'), 
	url('../fonts/helveticalight.ttf') format('truetype'), 
	url('../fonts/helveticalight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h4.parmapetitregular
{
	font-weight: normal;
	/*font-family: 'parmapetitregular' !important;*/
	/*text-transform: capitalize !important;*/
}
html, body
{
	width: 100%;
	height: 100%;
	font-family: 'Helvetica';
	overflow: hidden;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: Helvetica;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 16px;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
a
{
	text-decoration: none;
}
a img, a:hover img
{
	border: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*menu styles*/
	.menu-outer-wrapper
	{
		position: fixed;
		z-index: 9999;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url('../images/menu-bk.png') no-repeat;
		/*display: table !important;*/

		background-size: 100% auto;
	    background-position: bottom;

		display: none;
	}
	.menu-inner-wrapper
	{
		width: 100%;
		height: 100%;
		display: table;
		/*opacity: 0;*/
	}
	a.main-logo
	{
		position: absolute;
		width: 150px;
		height: 99px;
		background: url('../images/logo.png') no-repeat;
		background-position: center;
		background-size: 100% auto;
		display: inline-block;
		bottom: 16%;
		left: 50%;
		margin-left: -75px;
	}
	.pattr-1
	{
		position: absolute;
		width: 40%;
		z-index: -1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.pattr-1 img
	{
		opacity: .3;
		filter: alpha(opacity=30);
		width: 100%;
	}

	.pattr-2
	{
		position: absolute;
		right: 100px;
		top: 50px;
		width: 10%;
		z-index: -1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.pattr-2 img
	{
		/*opacity: .3;*/
		width: 100%;
	}

	.menu-outer-wrapper .menu-items-wrapper
	{
		display:table-cell !important;
		width: 100%;
		height: 100%;
		vertical-align: middle;

		/*opacity: 0;*/
	}
	.menu-outer-wrapper .menu-items-wrapper ul
	{
		width: 90%;
	    margin: 0 auto;
	    /* float: right; */
	    margin-top: -150px;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li
	{
		width: 100%;
		padding: 50px 0 0 0;
		border-bottom: 1px dotted #ccc;
		clear: both;
		float: left;
		opacity: 0;
		filter: alpha(opacity=0);
		display: block !important;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li span
	{
		float: left;
		color: #fff;
		width: 230px;
		display: inline-block;
		font-size: 1.1em;
		text-transform: uppercase;
		position: relative;
		bottom: 0px;
		font-family: "HelveticaLight";
		cursor: pointer;
		-webkit-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    -moz-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    -o-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li span i
	{
		font-style: normal;
		display: inline-block;
		padding: 0 40px 0 15px;
		background-color: #e92c41;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div
	{
		position: relative;
		z-index: 30;
		top: 6px;
		/*width: 150px;*/
		float: left;
		padding: 0 40px 0 0;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a
	{
		position: relative;
		display: inline-block;
		/*width: 150px;*/
		padding-left: 25px;
		color: #fff;
		font-size: .9em;

		-webkit-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    -moz-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    -o-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	    transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) .2s;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a b
	{
		font-weight: normal;
		position: relative;
		left: 0;
		top: -3px;
		z-index: 10;

		-webkit-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    -moz-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    -o-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a i
	{
		position: absolute;
	    top: 5px;
	    left: 0;
	    display: inline-block;
	    width: 12px;
	    height: 12px;
	    border-radius: 30px;
	    background-color: transparent;
	    border: 1px solid #fff;
	    /* border: 1px solid #E11636; */
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    -moz-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    -o-transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	    transition: all .8s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a em
	{
		position: absolute;
		top: -3px;
		left: -13px;
		z-index: 12;
		border: 3px solid #a8923c;
		opacity: .3;
		filter: alpha(opacity=30);
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 30px;
		background-color: transparent;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: scale(3);
		    -ms-transform: scale(3);
		        transform: scale(3);

		-webkit-transition: all .3s ease-out .2s;
	    -moz-transition: all .3s ease-out .2s;
	    -o-transition: all .3s ease-out .2s;
	    transition: all .3s ease-out .2s;

	    display: none !important
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a img
	{
		position: absolute;
		top: -30px;
		left: -40px;
		/*opacity: 0;*/
		-webkit-transform: scale(0);
		    -ms-transform: scale(0);
		        transform: scale(0);

		-webkit-transition: all .3s ease-out .2s;
	    -moz-transition: all .3s ease-out .2s;
	    -o-transition: all .3s ease-out .2s;
	    transition: all .3s ease-out .2s;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a:hover img
	{
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a:hover em
	{
		opacity: .6;
		filter: alpha(opacity=30);
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a:hover b
	{
		color: #fff;
		left: 30px;
		top: -4px;
		font-size: 16px;
		/*background-color: #b19e51;*/
	}
	.menu-outer-wrapper .menu-items-wrapper ul li div a:hover i
	{
		opacity: 0;
	}
	.menu-outer-wrapper .menu-items-wrapper ul li span.active, .menu-outer-wrapper .menu-items-wrapper ul li div a.active
	{
		opacity: 1 !important;
		filter: alpha(opacity=100);
	}
/*menu styles*/

/*menu button*/
	#menu-btn
	{
		display: inline-block;
		position: fixed;
		top: 30px;
		right: 30px;
		z-index: 999;
		z-index: 25;
		width: 30px;
		padding: 16px 10px;
	}
	a#menu-btn:before {
		content: "MENU";
		position: absolute;
		right: 50%;
		color: #3d3d3d;
		font-size: 1.1em;
		top: 16px;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}
	a#menu-btn:hover:before {
		right: 100%;
		opacity:1;
	}
	#menu-btn i
	{
		display: inline-block;
		width: 100%;
		height: 3px;
		background: #e0484b;

		-webkit-transition: all .4s ease-out 0s;
	    -moz-transition: all .4s ease-out 0s;
	    -o-transition: all .4s ease-out 0s;
	    transition: all .4s ease-out 0s;
	}
	#menu-btn i:nth-child(2)
	{
		margin: 4px 0;
	}
	#menu-close-btn
	{
		display: inline-block;
	    position: fixed;
	    top: 35px;
	    right: 42px;
	    z-index: 12;
	    width: 30px;
	    color: #3d3d3d;
	    font-size: 15px;
	    text-transform: uppercase;
	}
	#menu-close-btn img
	{
		background-color: #fff;
		-webkit-transition: all .2s ease-out 0s;
	    -moz-transition: all .2s ease-out 0s;
	    -o-transition: all .2s ease-out 0s;
	    transition: all .2s ease-out 0s;
	}
	#menu-close-btn img:hover
	{
		background-color: #b19e51;
	}
/*menu button*/


/*home page styles*/

	/*video*/

		#video-bg {
		  position: absolute;
		  top: 0; /*right: 40%*/bottom: 0; left: 0;
		  overflow: hidden;
	      width: 100%;
	      top: -5%;
		  /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/
		}
		#video-bg > video {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;

		  /*-webkit-filter: grayscale(.5);
		  -webkit-filter: grayscale(100%); filter: grayscale(100%);
			transform: rotateY(180deg);*/
		}

		@media (min-aspect-ratio: 16/9) {
		  #video-bg > video { height: 300%; top: -100%; }
		}
		@media (max-aspect-ratio: 16/9) {
		  #video-bg > video { width: 300%; left: -100%; }
		}
		/* 2. If supporting object-fit, overriding (1): */
		@supports (object-fit: cover) {
		  #video-bg > video {
		    top: 0; left: 0;
		    width: 100%; height: 100%;
		    object-fit: cover;
		  }
		}
	/*video*/

	.slides-wrapper
	{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.page-home
	{
		width: 100%;
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
		/*background: url('../images/menu-bk.png') no-repeat;*/
		background-size: 100% auto;
		background-position: bottom;
		z-index: 5;
		/*display: none;	*/
	}
	div#page-1 .cont-outer-wrapper img {
		margin: 0 auto;
	}
	.cont-outer-wrapper
	{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		display: table !important;
		text-align: center;
	}
	.cont-wrapper
	{
		vertical-align: middle;
		/*width: 100%;*/
		/*height: 100%;*/
		overflow: hidden;
		position: relative;
		display: table-cell !important;
	}

	.pic-chairman
	{
		width: 50%;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 23;
		opacity:0;
		-webkit-transition: all .3s ease-out;
				transition: all .3s ease-out;
	}
	.active	.pic-chairman{
		opacity:1;
		-webkit-transition: all .1s ease-out;
				transition: all .1s ease-out;
	}
	/*leadership*/
		.page-leadership
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-collaboration.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-leadership .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-leadership .cont-wrapper .cont-left
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-leadership .cont-wrapper .cont-left h4
		{
			font-size: 3.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-leadership .cont-wrapper .cont-left p
		{
			font-size: 14px;
			/*text-transform: uppercase;*/
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 16px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.page-leadership .cont-wrapper .cont-right
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-leadership .cont-wrapper .cont-right h5
		{
			font-size: 2em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-leadership .cont-wrapper .cont-left p {
			font-size: 1.2em;
			font-family: "HelveticaLight";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
	
		.page-leadership img.pattr {
			opacity:0;
			position: absolute;
			bottom: -15%;
			right: 5%;
			top: auto;
			width: 700px;
			-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
		}
		.active.page-leadership img.pattr {
			opacity:1;
			bottom: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.8s;
					transition: all 0.8s ease-in-out 0.8s;
		}
		.up.page-leadership img.pattr {
			opacity:1;
			bottom: 30%;
			-webkit-transition: all 0.8s ease-in-out 0s;
					transition: all 0.8s ease-in-out 0s;
		}
		.up.active.page-leadership img.pattr {
			opacity:1;
			bottom: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.5s;
					transition: all 0.8s ease-in-out 0.5s;
		}
	/*leadership*/
	/*chairman*/
		.page-chairman
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-chairman .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-chairman .cont-wrapper .cont-left
		{
			width: 45%;
			text-align: left;
			margin: 70px 5% 0 70px;
		}
		.page-chairman .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-chairman .cont-wrapper .cont-left p
		{
			font-size: 1em;
			/*text-transform: uppercase;*/
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 20px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.page-chairman .pic-chairman
		{
			width: 45%;
			position: absolute;
			bottom: 0;
			z-index: 23;
			opacity:0;
			-webkit-transition: all .3s ease-out;
					transition: all .3s ease-out;
		}
		.active .page-chairman .pic-chairman{
			opacity:1;
			-webkit-transition: all .1s ease-out;
					transition: all .1s ease-out;
		}
		.chair-desc
		{
			width: 265px;
			height: 135px;
			background-color: #b69a5f;
			position: absolute;
			bottom: 90px;
			text-align: left;
			padding: 10px 0 0 10px;
			overflow: hidden;
			z-index: 100;
		}
		.chair-desc p
		{
			font-size: 1em;
			color: #fff;
			text-transform: uppercase;
			line-height: 19px;
		}
		.chair-desc span
		{
			font-size: .8em;
			color: #231f20;
			display: block;
			font-weight: bold;
			margin: 5px 0 3px 0;
			margin: 10px 0 3px 0;
		}
		.chair-desc i
		{
			font-size: .8em;
			color: #fff;
		}
		.chair-desc em
		{
			display: block;
			position: absolute;
			background: #000;
			width: 30px;
			height: 30px;
			right: -15px;
			bottom: -15px;
			-webkit-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			        transform: rotate(45deg);
		}
		.pic-chairman img
		{					
			width: 100%;
			height: auto;
			transform: rotateY(180deg);
		}
		.pattr-3
		{
			width: 17.5%;
			position: absolute;
			bottom: 25px;
			left: 25px;
		}
	/*chairman*/
	/* bod */
		.page-bod
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-bod .cont-wrapper
		{
			width: 75%;
			height: 70%;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-bod .cont-wrapper .cont-left
		{
			width: 90%;
			text-align: left;
			margin: 70px 5% 0 70px;
			height: 100%;
		}
		.page-bod .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-bod .cont-wrapper .cont-left p
		{
			font-size: 1em;
			/*text-transform: uppercase;*/
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 20px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
	/* bod */
	/*ceo*/
		.page-ceo
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-ceo .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.cont-wrapper .cont-left
		{
			width: 50%;
			float: left;
			text-align: left;
			margin: 5% 0 0 70px;
			height: 80%;
			overflow: hidden;
		}
		.page-ceo .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-ceo .cont-wrapper .cont-left p
		{
			font-size: 1em;
			/*text-transform: uppercase;*/
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 20px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.pic-ceo
		{
			width: 35%;
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 23;
			opacity:0;
			-webkit-transition: all .3s ease-out;
					transition: all .3s ease-out;
		}
		.active	.pic-ceo{
			opacity:1;
			-webkit-transition: all .1s ease-out;
					transition: all .1s ease-out;
		}
		.active .ceo-desc{
			bottom: 90px;
			opacity: 1;
			filter: alpha(opacity=100);	
			-webkit-transition: all .6s ease-out 1s;
					transition: all .6s ease-out 1s;
		}
		.ceo-desc
		{
			width: 290px;
			height: 135px;
			background-image: url(../images/desc-bg.png);
			background-size: 100% 100%;
			background-color: transparent;
			position: absolute;
			bottom: -100px;
			right: 70%;
			text-align: left;
			padding: 10px 5px 0 10px;
			overflow: hidden;
			z-index: 100;
			opacity: 0;
			-webkit-transition: all .3s ease-out 0s;
					transition: all .3s ease-out 0s;
		}
		.ceo-desc p
		{
			font-size: 1em;
			color: #fff;
			text-transform: uppercase;
			line-height: 19px;
		}
		.ceo-desc span
		{
			font-size: .8em;
			color: #231f20;
			display: block;
			font-weight: bold;
			margin: 5px 0 3px 0;
			margin: 10px 0 3px 0;
		}
		.ceo-desc i
		{
			font-size: .8em;
			color: #fff;
		}
		.ceo-desc em
		{
			display: block;
			position: absolute;
			background: #000;
			width: 30px;
			height: 30px;
			right: -15px;
			bottom: -15px;
			-webkit-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			        transform: rotate(45deg);
		}
		.pic-ceo img
		{
			width: 100%;
		}
		
		#demo_wrapper3 {
			position: absolute;
			bottom: 0%;
			right: 0%;
			width: 35%;
			height: 427px;
			cursor: default;
			margin: 0 0%;
			z-index: 2;
		}
		#demo3 {
			width:349px;
			height:277px;
			position:absolute;
			/*left:50%;*/
			/*margin:80px 0 0 -175px;*/
			display: block;  width: 100% !important;
			bottom: 0;
			height: auto !important;
		}
	/*ceo*/
	/*profile*/
		.page-profile
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-collaboration.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-profile .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-profile .cont-wrapper .cont-left
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-profile .cont-wrapper .cont-left h4
		{
			font-size: 3.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-profile .cont-wrapper .cont-left p
		{	
			font-size: 1.2em;
			font-family: "HelveticaLight";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
			text-transform: uppercase;
		}
		.page-profile .cont-wrapper .cont-right
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-profile .cont-wrapper .cont-right h5
		{
			font-size: 2em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-profile .cont-wrapper .cont-right p
		{
			font-size: 14px;
			font-family: "HelveticaLight";
			line-height: 16px;
			margin-bottom: 20px;
			margin-right: 50px;
			text-transform: none;
		}
		.chair-desc
		{
			width: 265px;
			height: 135px;
			background-image: url(../images/desc-bg.png);
			background-size: 100% 100%;
			background-color: transparent;
			position: absolute;
			bottom: 90px;
			text-align: left;
			padding: 10px 0 0 10px;
			overflow: hidden;
			z-index: 100;
		}
		.chair-desc p
		{
			font-size: 1em;
			color: #fff;
			text-transform: uppercase;
			line-height: 19px;
		}
		.chair-desc span
		{
			font-size: .8em;
			color: #231f20;
			display: block;
			font-weight: bold;
			margin: 5px 0 3px 0;
			margin: 10px 0 3px 0;
		}
		.chair-desc i
		{
			font-size: .8em;
			color: #fff;
		}
		.chair-desc em
		{
			display: block;
			position: absolute;
			background: #000;
			width: 30px;
			height: 30px;
			right: -15px;
			bottom: -15px;
			-webkit-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			        transform: rotate(45deg);
		}
		.page-profile img.pattr-6 {
			opacity:0;
			position: absolute;
			bottom: -15%;
			right: 5%;
			top: auto;
			width: 525px;
			-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
		}
		.active.page-profile img.pattr-6 {
			opacity:1;
			bottom: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.8s;
					transition: all 0.8s ease-in-out 0.8s;
		}
		
		.pic-profile img
		{
			width: 100%;
		}
		.page-profile img.pattr-7 {
			width: auto;
			position: absolute;
			top: 0;
			right: 5%;
			max-width: 20%;
		}
	/*profile*/

	/*collaboration*/
		.page-collaboration
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-collaboration.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-collaboration .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-collaboration .cont-wrapper .cont-left
		{
			width: 50%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.page-collaboration .cont-wrapper .cont-left h4
		{
			font-size: 3.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-collaboration .cont-wrapper .cont-left p
		{
			font-size: 1.2em;
			text-transform: uppercase;	
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.pic-collaboration{
			width: 42.5%;
			position: absolute;
			z-index: 1;
			right: 0;
			bottom: -25%;
			opacity:0;
			-webkit-transition: all .3s ease-out 0s;
					transition: all .3s ease-out 0s;
		}
		.active .pic-collaboration{
			opacity:1;
			bottom:0;
			-webkit-transition: all .8s ease-out 1.3s;
					transition: all .8s ease-out 1.3s;
		}
		.up .pic-collaboration{
			bottom:25%;
			-webkit-transition: all .8s ease-out 0s;
					transition: all .8s ease-out 0s;
		}
		.active.up .pic-collaboration{
			opacity:1;
			bottom:0;
			-webkit-transition: all .8s ease-out 0.5s;
					transition: all .8s ease-out 0.5s;
		}
		.page-collaboration img.pattr-5
		{
		    position: absolute;
		    top: 10%;
		    right: 23%;
		    width: 525px;
		}
		.pic-collaboration img
		{
			width: 100%;
		}
		.page-collaboration img.pattr-4
		{
			width: auto;
		    position: absolute;
		    top: 45%;
		    left: 37%;
		}
	/* collaboration wrapper*/
		.collaboration .slide > div
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.collaboration .slide > div .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.collaboration .slide > div .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.collaboration .slide > div .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.collaboration .slide > div .cont-wrapper .cont-left p
		{
			font-size: 0.8em;
			font-family: "Helvetica";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.collaboration .slide > div img.pattr-4 {
			position: absolute;
			bottom: 5%;
			left: 49%;
		}
		.collaboration .slide > div img.pattr-5 {
			width: 40%;
		}

	/* collaboration wrapper */
	/*vision*/
		.page-vision
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-vision.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-vision .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-vision .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.page-vision .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-vision .cont-wrapper .cont-left p
		{
			font-size: 1em;
			/*text-transform: uppercase;*/
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 20px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.pic-vision{
			width: 26%;
			position: absolute;
			right: 0;
			bottom: 0;
			opacity:0;
			-webkit-transition: all .3s ease-out 0s;
					transition: all .3s ease-out 0s;
		}
		.active .pic-vision{
			opacity:1;
			-webkit-transition: all .6s ease-out 1s;
					transition: all .6s ease-out 1s;
		}
		.page-vision img.pattr-5
		{
		    position: absolute;
		    top: 10%;
		    right: 23%;
		    width: 525px;
		}
		.pic-vision img
		{
			width: 100%;
		}
		.page-vision img.pattr {
			opacity:0;
			position: absolute;
			bottom: -15%;
			left: 55%;
			top: auto;
			width: 700px;
			max-width: 50%;
			-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
		}
		.active .page-vision img.pattr {
			opacity:1;
			bottom: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.8s;
					transition: all 0.8s ease-in-out 0.8s;
		}
		.page-vision .cont-outer-wrapper {
			z-index: 1;
		}
	/*vision*/

	/*business*/
		.page-business
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-business .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-business .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.page-business .cont-wrapper .cont-left h4
		{
			font-size: 3em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-business .cont-wrapper .cont-left p
		{
			font-size: 0.8em;
			font-family: "Helvetica";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.page-business .chair-desc
		{
			height: 95px;
			bottom: 150px;
		}
		.page-business .chair-desc em
		{
		    background-color: #dddedf;
		}
		.collaboration .slide .page-business img.pattr-5 {
			position: absolute;
			top: -5%;
			right: 5%;
		}
		.page-business img.pattr-6
		{
		    position: absolute;
	        bottom: 150px;
	        top: auto;
	        right: 11%;
		}
		

		/*relationships*/
		.page-relationships
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-relationships .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-relationships .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.page-relationships .cont-wrapper .cont-left h4
		{
			font-size: 3em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-relationships .cont-wrapper .cont-left p
		{
			font-size: 0.8em;
			font-family: "Helvetica";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}

		/*relationship*/

/*home page styles*/

/*management page styles*/
	html body .page-management h4
	{
		position: absolute;
	    font-size: 3em;
	    text-transform: uppercase;
	    color: #e0484b;
	    font-family: "HelveticaLight";
	    margin-bottom: 30px;
	    z-index: 10;
	    top: 10%;
	    left: 20%;
	}
	html body .page-management img#directors
	{
		position: absolute !important;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    margin: 0 auto;
	    top: 50%;
	    left: 50%;
	    margin-top: -262px;
	    margin-left: -590px;
	}
	html body .page-management img#world-mang
	{
		position: absolute !important;
		width: 38%;
	    right: 10px;
	    top: 10%;
	    left: auto;
	    margin: auto;
	    /*margin-top: -208px;*/
	}
	.management-wrapper
	{
		position: absolute;
		width: 1183px;
		height: 525px;
		/*background: url('../images/managment/manag-lines.png') no-repeat;*/

		top: 50%;
		left: 50%;
		margin-top: -262px;
		margin-left: -590px;
	}
	.management-wrapper::after
	{
		content: "";
		position: absolute;
		width: 1183px;
		height: 525px;
		background: url('../images/managment/manag-lines.png') no-repeat;

		top: 50%;
		left: 50%;
		margin-top: -262px;
		margin-left: -590px;

		-webkit-transition: all .6s linear 0s;
		    -moz-transition: all .6s linear 0s;
		    -o-transition: all .6s linear 0s;
		    transition: all .6s linear 0s;
	}
	.management-wrapper.faded::after
	{
		-webkit-transition: all .6s linear 0s;
		    -moz-transition: all .6s linear 0s;
		    -o-transition: all .6s linear 0s;
		    transition: all .6s linear 0s;
		opacity: .2;
	}
	html body .page-management .management-wrapper img
	{
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
		    -moz-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
		    -o-transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;
		    transition: all .4s cubic-bezier(0.770, 0.000, 0.175, 1.000) 0s;

		cursor: pointer;
		transform: scale(.4);
	}
	html body .page-management .management-wrapper img.scale
	{
		transform: scale(0.8) !important;
		opacity: 1 !important;
	}
	html body .page-management .management-wrapper .img-1
	{
		top: -25px !important;
		left: 250px !important;
	}
	html body .page-management .management-wrapper .img-2
	{
		top: 106px !important;
	    left: -20px !important;
	}
	html body .page-management .management-wrapper .img-3
	{
		top: 245px !important;
	    left: 180px !important;
	}
	html body .page-management .management-wrapper .img-4
	{
		top: 130px !important;
		left: 310px !important;
	}
	html body .page-management .management-wrapper .img-5
	{
		top: 240px !important;
		left: 345px !important;
	}
	html body .page-management .management-wrapper .img-6
	{
		top: 80px !important;
		left: 450px !important;
	}
	html body .page-management .management-wrapper .img-7
	{
		top: 225px !important;
		left: 500px !important;
	}
	html body .page-management .management-wrapper .img-8
	{
		top: 330px !important;
		left: 585px !important;
	}
	html body .page-management .management-wrapper .img-9
	{
		top: 100px !important;
		left: 675px !important;
	}
	html body .page-management .management-wrapper .img-10
	{
		top: 265px !important;
		left: 740px !important;
	}
	html body .page-management .management-wrapper .img-11
	{
		top: -25px !important;
		left: 735px !important;
	}
	html body .page-management .management-wrapper .img-12
	{
		top: 100px !important;
		left: 825px !important;
	}
	html body .page-management .management-wrapper .img-13
	{
		top: 190px !important;
		left: 980px !important;
	}


	/*description*/
	.desc-management
	{
		position: absolute;
		width: 200px;
		text-align: left;
		z-index: 10;
		display: none;
	}
	.desc-management i
	{
		font-size: 14px;
		line-height: 20px;
		display: block;
	}
	.desc-management span
	{
		font-size: 14px;
		display: block;
		font-style: italic;
	}
	.desc-management.desc-1
	{
		top: 45px !important;
		left: 450px !important;
	}
	.desc-management.desc-2
	{
		top: 180px !important;
	    left: 170px !important;
	}
	.desc-management.desc-3
	{
		top: 320px !important;
		left: 370px !important;
	}
	.desc-management.desc-4
	{
		top: 205px !important;
	    left: 500px !important;
	}
	.desc-management.desc-5
	{
		top: 315px !important;
		left: 535px !important;
	}
	.desc-management.desc-6
	{
		top: 155px !important;
		left: 645px !important;
	}
	.desc-management.desc-7
	{
		top: 295px !important;
		left: 690px !important;
	}
	.desc-management.desc-8
	{
		top: 405px !important;
	    left: 775px !important;
	}
	.desc-management.desc-9
	{
		top: 190px !important;
	    left: 865px !important;
	}
	.desc-management.desc-10
	{
		top: 340px !important;
		left: 930px !important;
	}
	.desc-management.desc-11
	{
		top: 50px !important;
	    left: 925px !important;
	}
	.desc-management.desc-12
	{
		top: 175px !important;
		left: 1015px !important;
	}
	.desc-management.desc-13
	{
		top: 270px !important;
		left: 1170px !important;
	}
	/*description*/
/*management page styles*/

body .menu ul li:hover
{
	cursor: pointer;
}

/*relationship styles*/
	.page-relationships .chair-desc
	{
		height: 95px;
		bottom: 150px;
	}
	.page-relationships .chair-desc em
	{
		background-color: #dddedf;
	}

	img.pattr-4
	{
		position: absolute;
		bottom: 37%;
		left: 49%;
	}

	img.pattr-5
	{
		position: absolute;
		top: 2%;
		right: 5%;
	}
	
	#demo_wrapper {
		position: absolute;
		bottom: 0%;
		right: 0%;
		width: 45%;
		height: 427px;
		cursor: default;
		margin: 0 0%;
		z-index: 2;
		transform: rotateY(180deg);
	}
	#demo_wrapper img
	{
		position: absolute;
		width: 100%;
		bottom: -4px;
		/* right: 33px; */
		/*opacity: .5;*/
		 display: none; 
		 left:0;
		 opacity:0;
		 filter: alpha(opacity=0);
	}
	#demo {
		width:349px;
		height:277px;
		position:absolute;
		/*left:50%;*/
		/*margin:80px 0 0 -175px;*/
		display: block;  width: 100% !important;
		bottom: 0;
		height: auto !important;
	}
	svg:hover
	{
		cursor: default;
	}
	#demo_wrapper1 {
		position: absolute;
		bottom: 0%;
		right: 0%;
		width: 26%;
		height: 427px;
		cursor: default;
		margin: 0 0%;
		z-index: 2;
	}
	#demo1 {
		width:349px;
		height:277px;
		position:absolute;
		/*left:50%;*/
		/*margin:80px 0 0 -175px;*/
		display: block;  width: 100% !important;
		bottom: 0;
		height: auto !important;
	}

	/*growth*/
		.page-growth
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-collaboration.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-growth .cont-wrapper
		{
			width: 53%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-growth .cont-wrapper .cont-left
		{
			width: 60%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.gr-dot-wrapper
		{
			position: absolute;
			right: 40%;
			top: 35%;
			width: auto;
			height: 55%;
			transition: all 1s ease-out 1s;
			opacity: 0;
		}
		.active .gr-dot-wrapper, .active.up .gr-dot-wrapper
		{
			top: 5%;
			opacity: 1;
		}
		.up .gr-dot-wrapper
		{
			top: -35%;
			opacity: 0;
		}
		.graph-growth-wrapper
		{
			position: absolute;
		    right: 7%;
		    bottom: 0%;
		    opacity: 0;
		    width: 380px;
		    height: 220px;
		    /* background-color: red; */
		    /*overflow: hidden;*/
		    transition: all 1s ease-out 1s;
		}
		.up .graph-growth-wrapper
		{
			bottom: 25%;
		}
		.active .graph-growth-wrapper, .active.up .graph-growth-wrapper
		{
			bottom: 15%;
			opacity: 1;
		}
		.graph-growth-wrapper img
		{
			height: 100%;
			width: auto;
			float: left;
		    margin-right: 10px;
		}
		.graph-growth-wrapper img.gr-img1{ transition: all 1s ease-out 1.2s;}
		.graph-growth-wrapper img.gr-img2{ transition: all 1s ease-out 1.3s;}
		.graph-growth-wrapper img.gr-img3{ transition: all 1s ease-out 1.4s;}
		.graph-growth-wrapper img.gr-img4{ transition: all 1s ease-out 1.5s;}
		
		.graph-growth-wrapper img.gr-img1, .graph-growth-wrapper img.gr-img2, .graph-growth-wrapper img.gr-img3, .graph-growth-wrapper img.gr-img4
		{
			position: relative;
			top: 40%;
			opacity: 0;
		}
		.up .graph-growth-wrapper img.gr-img1, .up .graph-growth-wrapper img.gr-img2, .up .graph-growth-wrapper img.gr-img3, .up .graph-growth-wrapper img.gr-img4
		{
			position: relative;
			top: -40%;
			opacity: 0;
		}

		.active .graph-growth-wrapper img.gr-img1, .active.up .graph-growth-wrapper img.gr-img1
		{
			top: 0%;
			opacity: 1;
		}
		.active .graph-growth-wrapper img.gr-img2, .active.up .graph-growth-wrapper img.gr-img2
		{
			top: 0%;
			opacity: 1;
		}
		.active .graph-growth-wrapper img.gr-img3, .active.up .graph-growth-wrapper img.gr-img3
		{
			top: 0%;
			opacity: 1;
		}
		.active .graph-growth-wrapper img.gr-img4, .active.up .graph-growth-wrapper img.gr-img4
		{
			top: 0%;
			opacity: 1;
		}

		.gr-desc-wrapper
		{
			width: 250px;
		    bottom: 0%;
		    position: absolute;
		    right: 33%;
		    transition: all 1s ease-out .8s;
		    opacity: 0;
		}
		.active .gr-desc-wrapper, .active.up .gr-desc-wrapper
		{
			opacity: 1;
			bottom: 20%;
		}
		.up .gr-desc-wrapper
		{
			opacity: 0;
			bottom: 50%;
		}
		.page-growth .cont-wrapper .cont-left h4
		{
			font-size: 3.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.gr-number-wrapper
		{
		    width: 300px;
		    height: 300px;
		    position: absolute;
		    right: right: 2%;
		    top: 26%;
		    right: 8%;
		    text-align: right;
		    opacity: 0;
		    transition: all 1s ease-out .9s;
		}
		.gr-number-wrapper img
		{
			height: 100%;
			width: auto;
		}
		.up .gr-number-wrapper
		{
			top: -16%;
		}
		.active .gr-number-wrapper, .active.up .gr-number-wrapper
		{
			top: 16%;
			opacity: 1;
		}
		.page-growth .cont-wrapper .cont-left p
		{
			font-size: 14px;
			text-transform: uppercase;
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 16px;
			margin-bottom: 20px;
			margin-right: 50px;
			line-height: 28px;
		}
		.page-growth .cont-wrapper .cont-right
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-growth .cont-wrapper .cont-right h5
		{
			font-size: 2em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-growth .cont-wrapper .cont-left p {
			font-size: 1.2em;
			font-family: "HelveticaLight";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
	
		.page-growth img.pattr {
			opacity:0;
			position: absolute;
			bottom: -15%;
			right: 5%;
			top: auto;
			width: 700px;
			-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
		}
		.active.page-growth img.pattr {
			opacity:1;
			bottom: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.8s;
					transition: all 0.8s ease-in-out 0.8s;
		}
	/*growth*/
	/* growth wrapper*/
		.growth .slide > div
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.growth .slide > div .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.growth .slide > div .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.growth .slide > div .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.growth .slide > div .cont-wrapper .cont-left p
		{
			font-size: 0.8em;
			font-family: "Helvetica";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.growth .slide > div img.pattr-4 {
			position: absolute;
			bottom: 5%;
			left: 49%;
		}
		.growth .slide > div img.pattr-5 {
			width: 40%;
		}

	/* awareness wrapper */
	/*awareness*/
		.page-awareness
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-collaboration.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.page-awareness .cont-wrapper
		{
			width: 75%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.page-awareness .cont-wrapper .cont-left
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-awareness .cont-wrapper .cont-left h4
		{
			font-size: 3.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-awareness .cont-wrapper .cont-left p
		{
			font-size: 14px;
			text-transform: uppercase;
			/*color: #e0484b;*/
			font-family: "HelveticaLight";
			line-height: 16px;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.page-awareness .cont-wrapper .cont-right
		{
			width: 45%;
			float: left;
			text-align: left;
			margin: 70px 0 0 5%;
		}
		.page-awareness .cont-wrapper .cont-right h5
		{
			font-size: 2em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.page-awareness .cont-wrapper .cont-left p {
			font-size: 1.2em;
			font-family: "HelveticaLight";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
	
		.page-awareness img.pattr {
			opacity:0;
			position: absolute;
			right: 15%;
			top: 50%;
			width: 525px;
			-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
		}
		.active.page-awareness img.pattr {
			opacity:1;
			top: 5%;
			-webkit-transition: all 0.8s ease-in-out 0.8s;
					transition: all 0.8s ease-in-out 0.8s;
		}
		
		.pic-awareness{
			width: 30%;
			position: absolute;
			z-index: 1;
			right: 0;
			bottom: -25%;
			opacity:0;
			-webkit-transition: all .3s ease-out 0s;
					transition: all .3s ease-out 0s;
		}
		.active .pic-awareness{
			opacity:1;
			bottom:0;
			-webkit-transition: all .8s ease-out 0s;
					transition: all .8s ease-out 0s;
		}
		.up .pic-awareness{
			bottom:25%;
			-webkit-transition: all .8s ease-out 0s;
					transition: all .8s ease-out 0s;
		}
		.active.up .pic-awareness{
			opacity:1;
			bottom:0;
			-webkit-transition: all .8s ease-out 0s;
					transition: all .8s ease-out 0s;
		}
		#demo_wrapper4 {
			position: absolute;
			bottom: 0%;
			right: 0%;
			width: 30%;
			height: 427px;
			cursor: default;
			margin: 0 0%;
			z-index: 2;
		}
		#demo4 {
			width:349px;
			height:277px;
			position:absolute;
			/*left:50%;*/
			/*margin:80px 0 0 -175px;*/
			display: block;  width: 100% !important;
			bottom: 0;
			height: auto !important;
		}
	/*awareness*/
	/* awareness wrapper*/
		.awareness .slide > div
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
			overflow: hidden;
			/*background: url('../images/banr-chairman.png') no-repeat;*/
			background-size: 100% auto;
			background-position: bottom;
			z-index: 2;		
		}
		.awareness .slide > div .cont-wrapper
		{
			width: 50%;
			height: 70%;
			background-color: #e7e7e8;
			position: absolute;
			top: 15%;
			margin-left: 12.5%;
			overflow: hidden;
		}
		.awareness .slide > div .cont-wrapper .cont-left
		{
			width: 65%;
			float: left;
			text-align: left;
			margin: 70px 0 0 70px;
		}
		.awareness .slide > div .cont-wrapper .cont-left h4
		{
			font-size: 2.5em;
			text-transform: uppercase;
			color: #e0484b;
			font-family: "HelveticaLight";
			margin-bottom: 30px;
		}
		.awareness .slide > div .cont-wrapper .cont-left p
		{
			font-size: 0.8em;
			font-family: "Helvetica";
			line-height: 1.2em;
			margin-bottom: 20px;
			margin-right: 50px;
		}
		.awareness .slide > div img.pattr-4 {
			position: absolute;
			bottom: 5%;
			left: 49%;
		}
		.awareness .slide > div img.pattr-5 {
			width: 40%;
		}

	/* awareness wrapper */
	/* ---- particles.js container ---- */

	#particles-js
	{
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 10;
	    width: 100%;
	    height: 100%;
	   /* z-index: 20;
	    
	    width: 70%;
	    height: 200px;
	    left: 15%;
	    margin: 289px auto;*/
	    
	    background-image: url('');
	    background-size: cover;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;

	    opacity: 0;

	    filter: alpha(opacity=0);
	    -webkit-transition: all 500ms ease-out;
	            transition: all 500ms ease-out;
	    -webkit-transform: scale(1);
	        -ms-transform: scale(1);
	            transform: scale(1);
	}
	#particles-js.scale
	{
	    opacity: 1;
	    filter: alpha(opacity=100);
	    -webkit-transform: scale(1.1);
	        -ms-transform: scale(1.1);
	            transform: scale(1.1);
	}

	#particles-js1
	{
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 10;
	    width: 100%;
	    height: 100%;
	   /* z-index: 20;
	    
	    width: 70%;
	    height: 200px;
	    left: 15%;
	    margin: 289px auto;*/
	    
	    background-image: url('');
	    background-size: cover;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;

	    opacity: 0;

	    filter: alpha(opacity=0);
	    -webkit-transition: all 500mss ease-out;
	            transition: all 500mss ease-out;
	    -webkit-transform: scale(1.1);
	        -ms-transform: scale(1.1);
	            transform: scale(1.1);
	}
	#particles-js1.scale
	{
	    opacity: 1;
	    filter: alpha(opacity=100);
	    -webkit-transform: scale(1);
	        -ms-transform: scale(1);
	            transform: scale(1);
	}



/*updations*/
.cont-left{
	opacity:0;
	position:relative;
	top: 50px;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease-out 0s;
	        transition: all .3s ease-out 0s;
}

.active .cont-left{
	opacity:1;
	top: 0px;
	filter: alpha(opacity=100);
	-webkit-transition: all .6s ease-out 0.8s;
	        transition: all .6s ease-out 0.8s;
}
.up .cont-left{
	top: -50px;
}
.up.active .cont-left{
	top: 0px;
}
#page-2 .chair-desc
{
	bottom: -100px;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease-out 0s;
	        transition: all .3s ease-out 0s;
}
.active #page-2 .chair-desc{
	bottom: 90px;
	opacity: 1;
	filter: alpha(opacity=100);	
	-webkit-transition: all .6s ease-out 1s;
	        transition: all .6s ease-out 1s;
}
.up#page-2 .chair-desc{
	bottom: 200px;
}
.active.up #page-2 .chair-desc{
	bottom: 90px;
}

#page-4 .pattr-5{
	-webkit-transition: all .5s ease-in-out 0s;
	        transition: all .5s ease-in-out 0s;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 35%;
}
#page-4 .pattr-4
{
	-webkit-transition: all .3s ease-in-out 0s;
	        transition: all .3s ease-in-out 0s;
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: -20%;
	left: 0%;
	top: auto;
}
.active#page-4 .pattr-5{
	-webkit-transition: all 1s ease-in-out 0.8s;
	        transition: all 1s ease-in-out 0.8s;
	opacity: 1;
	filter: alpha(opacity=100);
	top: 10%;
}
.active#page-4 .pattr-4{
	-webkit-transition: all 1s ease-in-out 1s;
	        transition: all 1s ease-in-out 1s;
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 0%;
}
.up#page-4 .pattr-5{
	top: -35%;
}
.up#page-4 .pattr-4{
	bottom: 20%;
}
.up.active#page-4 .pattr-5{
	top: 10%;
}
.up.active#page-4 .pattr-4{
	bottom: 0%;
}
.active#page-4 .chair-desc{
	opacity: 1;
	-webkit-transition: all .6s ease-out 1s;
	        transition: all .6s ease-out 1s;
}

.up.page-profile img.pattr-6 {
	bottom: 25%;
}
.up.active.page-profile img.pattr-6 {
	bottom: 5%;
}
#page-6 .chair-desc
{
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: -250px;
	-webkit-transition: all .3s ease-out 0s;
	        transition: all .3s ease-out 0s;
}
.active#page-6 .chair-desc
{
	bottom: 150px;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .8s ease-out 1s;
	        transition: all .8s ease-out 1s;
}

/*updations*/
/*home*/
.img-flag
{
	position: absolute;
}

div#page-1 .cont-outer-wrapper img
{
	/*width: 100%;*/
	position: absolute !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
div#page-1 .cont-outer-wrapper .img-dots
{
	width: 1126px;
	height: 509px;
	left: 50%;
	top: -10%;
	margin-left: -563px;
	margin-top: -254px;
	opacity: 0;

	-webkit-transition: all .6s ease-out 0s;
	        transition: all .6s ease-out 0s;
}
div#page-1 .cont-outer-wrapper .img-flag
{
	width: 1126px;
	height: 509px;
	left: 50%;
	top: -10%;
	margin-left: -563px;
	margin-top: -254px;
	opacity: 0;

	-webkit-transition: all .6s ease-out 0.3s;
	        transition: all .6s ease-out 0.3s;
}
div#page-1 .cont-outer-wrapper .img-logo
{
	width: 1126px;
	height: 509px;
	left: 50%;
	top: -20%;
	margin-left: -563px;
	margin-top: -254px;
	opacity: 0

	-webkit-transition: all .6s ease-out 0.6s;
	        transition: all .6s ease-out 0.6s;
}

div#page-1.active .cont-outer-wrapper .img-dots
{
	opacity: 1;
	top: 50%;
	-webkit-transition: all .6s ease-out 1.0s;
	        transition: all .6s ease-out 1.0s;
}

div#page-1.active .cont-outer-wrapper .img-flag
{
	opacity: 1;
	top: 50%;
	-webkit-transition: all .6s ease-out 0.8s;
	        transition: all .6s ease-out 0.8s;
}

div#page-1.active .cont-outer-wrapper .img-logo
{
	opacity: 1;
	top: 50%;
	-webkit-transition: all .6s ease-out 0.6s;
	        transition: all .6s ease-out 0.6s;
}


.side-menu {
    position: absolute;
    top: 20%;
    z-index: 23;
}
.side-menu li a{
    padding: 7px 10px;
	color: #e0484b;
	background: white;
	-webkit-transition: all .8s ease-out;
	        transition: all .8s ease-out;    
	text-transform: uppercase;
	display: inline-block;
    margin-bottom: 3px;
	font-size: 14px;
}
.side-menu li a:hover, .side-menu li a.active{
    padding: 7px 10px 7px 20px;
	background-color: #e0484b;
	color: white;
}
.sidebar-back{
    padding: 7px 15px;
	color: #e0484b;
	background: white;
	position: absolute;
	top:20%;
	font-size: 1.1em;
	right:0;
    z-index: 3;
	-webkit-transition: all .8s ease-out;
	        transition: all .8s ease-out; 
}
.sidebar-back:hover{
	color: white;
	background: #e0484b;
}





/*temp*/
 .img-education
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }

 .img-skill
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }

 .img-human
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	width: auto;
 	height: 100%;
 }
 
 .img-diverse
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }
 .img-busines
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }
 .img-protection {
    position: absolute;
    right: 30px;
    bottom: 0;
    height: 100%;
    width: auto;
}
 .img-protection-alt{
    position: absolute;
    right: 40%;
    top: 0;
    height: 25%;
    width: auto;
}
 .img-in-the-news {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }
 .img-sustainability {
    position: absolute;
    left: 5%;
    top: 0;
    height: 80%;
}
 .img-sports-promotion
 {
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: auto;
 }
.img-part
{
	position: absolute;
    right: 0%;
    bottom: 0;
    height: auto;
    width: 100%;
}
.img-training
{
	position: absolute;
    right: 0%;
    bottom: 0;
    height: 100%;
    width: auto;
}
.img-economic
{
	position: absolute;
    right: 0%;
    bottom: 0;
    height: 100%;
    width: auto;
}

.img-relationship
{
	position: absolute;
    right: 0%;
    bottom: 0;
    height: 100%;
    width: auto;
}