body{
    background: url('../images/slides-bk.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
}
@font-face {
	font-family: 'GESSTwoMedium-Medium';
	src: url('../fonts/gs/ge_ss_two_medium.eot');
	src: url('../fonts/gs/ge_ss_two_medium?#iefix') format('embedded-opentype'),
			 url('../fonts/gs/ge_ss_two_medium.woff') format('woff'),
			 url('../fonts/gs/ge_ss_two_medium.ttf') format('truetype'),
			 url('../fonts/gs/ge_ss_two_medium.svg#ge_ss_two_medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, body *
{
	font-family: 'GESSTwoMedium-Medium' !important;
}
.base {
	width: 100%;
	height: 100%;
	background: url(../images/homepage.jpg);
	background-position: center;
	background-size: auto 100%;
}
.wrapper-video{
	width: 0%;
	height: 100%;
	background: #000;
	/*background: #ff0066;*/
	position: absolute;
	right: 0%;
	top:0;
	overflow: hidden;
	z-index:25;
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
	        transition: all 0.8s ease-in-out;
}

.wrapper-video.active{
	width: 100%;
}
.drag-button {
	position: absolute;
	bottom: 50px;
	left: 0;
	direction: rtl;
	z-index:26;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
	        transition: all 0.8s ease-in-out, background 0.2s ease-in-out;
}

.drag-button.ontop{
	z-index:26;
}

.drag-button div {
	height: 50px;
	width: 67.5;
	background: url(../images/video-open.png);
	cursor: pointer;
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 300ms ease-out;
	        transition: all 300ms ease-out;
}
.drag-button div:hover{
	background-position: center left;
}
.drag-button.active {	
	z-index:26;
	background-position: left bottom;
	left: calc(100% - 55px);
}
.drag-button.active:hover{
	border-right: none;
	background-position: left top;
	left: calc(100% - 55px);
}
.drag-button.active div {
	background-image: url(../images/video-back.png);
    background-position: left center;
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
    width: 50px;
}
.drag-button.active div:hover {
	background-position: center right;
}
.drag-button div.ui-draggable-dragging{
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
	z-index:26;
}
.drag-button.active div:hover {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.drag-button.active div.ui-draggable-dragging{
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	z-index:26;
}

.bx-wrapper {
	height: 100%;
}
.bx-wrapper .bx-viewport {
	height: 100% !important;
}
.bx-wrapper .bx-viewport{
	border:none;
	left:0;
	background: transparent;
	/* background: url('../images/slides-bk.png') no-repeat;
    background-size: 100% auto;
    background-position: center; */
}
.wrapper-video .bx-wrapper .bx-viewport{
	background: black;
}
.bx-wrapper .bx-next {
	right: 50%;
	background: url(images/arrow-bottom.png) no-repeat;
	background-size: 100%;
	bottom: 25px;
	top: auto !important;
}
.bx-wrapper .bx-next:hover {
	right: 50%;
	background: url(images/arrow-bottom.png) no-repeat;
	background-size: 100%;
	bottom: 25px;
	top: auto !important;
}
.bx-wrapper .bx-prev {
	right: 50%;  
	left: auto;
	top: 50px !important;
	background: url(images/arrow-top.png) no-repeat;
	background-size: 100%;
}
.bx-wrapper .bx-prev:hover {
	right: 50%;  
	left: auto;
	top: 50px !important;
	background: url(images/arrow-top.png) no-repeat;
	background-size: 100%;
}

.bx-wrapper .bx-controls-direction {
	display: none;
}
.wrapper-inner {
  height: 100%;
  position: absolute;
  right: 0;
}
.wrapper-video ul{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	right:0;
}
.wrapper-video ul li{
	height: 100% !important;
	overflow: hidden;
}
.wrapper-video ul li > div{
	margin: 7.5% 10%;
}
ul.videos-list {
    width: 20%;
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 25%;
	height: auto;
}
.wrapper-video .videos-list li {
    background: #363636;
    height: auto !important;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    margin: 0 25px 2px 25px;
}
.wrapper-video .videos-list li.active {
    background: #d6001a;
    margin: 0 0 2px 0;
}
.wrapper-video .videos-list li a {
    color: white;
    text-decoration: none;
    padding: 15px 15px;
    padding: 15px;
    display: block;
}

.wrapper-video .videos-list li.active a{
    padding: 10px 25px 0 25px;
}
.wrapper-video .videos-list li a span {
    text-transform: uppercase;
	color: #999;
    font-size: 1em;
    display: block;
}
.wrapper-video .videos-list li.active  a span {
    font-size: 2.5em;
	color: #fff;
}
.wrapper-video .videos-list li i {
    font-style: normal;
	color: #ffffff;
	display: none;
    font-size: 0.9em;
    padding: 0 25px 15px;
}
/* .menu {
	position: absolute;
	bottom: 50px;
	margin: 0 auto;
	width: 500px;
	left: calc(50% - 225px);
	padding: 10px 0;
	text-align: center;
	z-index: 24;
}
.menu ul {
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
}
.menu ul li {
	border: 3px solid transparent;
	border-radius: 20px;
	float: left;
	margin-right: 50px;
	display: block;
	-webkit-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
	width: 25px;
	height: 25px;
}

.menu ul li:hover, .menu ul li.active {
	border: 3px solid rgba(255,255,255,0.5);
}
.menu ul li a{
	width:10px;
	height: 10px;
	background: white;
	border-radius: 10px;
	display: block;  
	margin-left: 7.5px;
	margin-top: 7.5px;
}
.nav-dotted {
	background: url('../images/nav-dotted.png');
	width: 315px;
	height: 5px;
	background-size: auto 1px;
	background-repeat: repeat-x;
	top: 20px;
	position: relative;
	left: 66px;
} */
.vjs-control-bar {
	/* display: none !important; */
}
.video-js:-webkit-full-screen, .video-js.vjs-fullscreen{
	margin:0;
}
span.left1 {
	position: absolute;
	left: 100px;
	background-color: white;
	width: 240px;
	font-size: 3em;
	padding: 25px 25px;
	color: white;
	background-color: #d6001a;
	z-index: 1;
	top:-400px;
	-webkit-transition: all 1s ease-out 0.5s;
	        transition: all 1s ease-out 0.5s;
}

li.active span.left1{
	top:25px;
}

span.left2 {
	position: absolute;
	right: 100px;
	background-color: white;
	width: 240px;
	font-size: 3em;
	padding: 25px 25px;
	color: white;
	background-color: #d6001a;
	z-index: 1;
	bottom:-400px;
	-webkit-transition: all 1s ease-out 0.5s;
	        transition: all 1s ease-out 0.5s;
}

li.active span.left2{
	bottom: 30%;
}
.preloader{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background: rgba(255,255,255,0.9);
	z-index:10;
}
.preloader h4
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 100px;
	margin-left: -150px;
	margin-top: -50px;
	font-size: 20px;
	font-weight: normal;
	color: #e0484b;
}
/* Relationships */
.page-relationships .graph-wrapper{
	width:400px;
	height: 150px;
	margin: 0 auto;
	display: block;  
	position: absolute;
	bottom: -29%;
	right: 5%;
	opacity:0;
	-webkit-transition: all .4s ease-in-out 0s;
	        transition: all .4s ease-in-out 0s;
}

.active .page-relationships .graph-wrapper{
	bottom: 29%;
	opacity:1;
	-webkit-transition: all .9s ease-in-out 0.5s;
	        transition: all .9s ease-in-out 0.5s;
}
.page-relationships .graph{
	width:75px;
	height:75px;
	display: block;
}
.rel-graph-1, .rel-graph-2, .rel-graph-3, .rel-graph-4 {
  width: 75px;
  margin-right: 10px;
  float: left;
  height: 150px;
  display: inline-block;
  font-size: 22px;
  font-family: 'Helvetica';
  position: relative;
}
.page-relationships [class^="rel-graph"] strong{  
	position: absolute;
	top: 25px;
	left: 0;
	width: 75px;
	text-align: center;
}
.rel-graph-1 strong{
	color:#556d81;	
}
.rel-graph-2 strong{
	color:#a8beca;
}
.rel-graph-3 strong{
	color:#f58871;
}
.rel-graph-4 strong{
	color:#73cdd6;
}

.page-relationships .g-icon{  
	background-position: 0 50px;
	background-repeat:no-repeat;	
	width: 50px;
	height:50px;
	display: block;
	margin: 0 12.5px;
}



.rel-graph-1 .g-icon{
	background-image: url(../images/icon_1.png);
	-webkit-transition: all 300ms ease-in-out 0s;
	        transition: all 300ms ease-in-out 0s;
	background-position: 0 50px;
}
.active .page-relationships .rel-graph-1 .g-icon{
	background-image: url(../images/icon_1.png);
	-webkit-transition: all 300ms ease-in-out 0.3s;
	        transition: all 300ms ease-in-out 0.3s;
	background-position: 0 0px;
}
.rel-graph-2 .g-icon{
	background-image: url(../images/icon_2.png);
	-webkit-transition: all 300ms ease-in-out 0s;
	        transition: all 300ms ease-in-out 0s;
	background-position: 0 50px;
}
.active .page-relationships .rel-graph-2 .g-icon{
	background-image: url(../images/icon_2.png);
	-webkit-transition: all 300ms ease-in-out 0.6s;
	        transition: all 300ms ease-in-out 0.6s;
	background-position: 0 0px;
}
.rel-graph-3 .g-icon{
	background-image: url(../images/icon_3.png);
	-webkit-transition: all 300ms ease-in-out 0s;
	        transition: all 300ms ease-in-out 0s;
	background-position: 0 50px;
}
.active .page-relationships .rel-graph-3 .g-icon{
	background-image: url(../images/icon_3.png);
	-webkit-transition: all 300ms ease-in-out 0.9s;
	        transition: all 300ms ease-in-out 0.9s;
	background-position: 0 0px;
}
.rel-graph-4 .g-icon{
	background-image: url(../images/icon_4.png);
	-webkit-transition: all 300ms ease-in-out 0s;
	        transition: all 300ms ease-in-out 0s;
	background-position: 0 50px;
}
.active .page-relationships .rel-graph-4 .g-icon{
	background-image: url(../images/icon_4.png);
	-webkit-transition: all 300ms ease-in-out 1.2s;
	        transition: all 300ms ease-in-out 1.2s;
	background-position: 0 0px;
}
.page-relationships .g-text {
  font-size: 8px;
  width: 50px;
  margin: 0 12.5px;
  font-style: italic;
  text-align: center;
}
.page-relationships .g-spacer{
	border-left: 2px dashed #ccc;
	height: 30px;
	margin:	0 auto;
	width:1px;
}

/* Business Support */


.page-business .graph-wrapper{
	width:480px;
	height: 150px;
	margin: 0 auto;
	display: block;  
	position: absolute;
	right: 10%;
	bottom: -15%;
	opacity:0;
	-webkit-transition: all 200ms ease-in-out 0s;
	        transition: all 200ms ease-in-out 0s;
}
.active .page-business .graph-wrapper{
	opacity:1;
	bottom: 25%;
	-webkit-transition: all 500ms ease-in-out 800ms;
	        transition: all 500ms ease-in-out 800ms;
}
/* #page-5.up .graph-wrapper{
	bottom: 55%;
	-webkit-transition: all 500ms ease-in-out 300ms;
	        transition: all 500ms ease-in-out 300ms;
}
#page-5.up.active .active.graph-wrapper{
	bottom: 15%;
	-webkit-transition: all 500ms ease-in-out 300ms;
	        transition: all 500ms ease-in-out 300ms;
} */

.page-education .cont-wrapper {
	padding-top: 50px;
	box-sizing: border-box;
}
.page-education .chair-desc
{
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: -10%;
	-webkit-transition: all .6s ease-in-out 0s;
	        transition: all .6s ease-in--out 0s;
}
.active .page-education .chair-desc{
	bottom: 5%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .8s ease-in-out 1s;
	        transition: all .8s ease-in--out 1s;
}

.awareness-wrapper .chair-desc
{
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: 10%;
	-webkit-transition: all .6s ease-in-out 0s;
	        transition: all .6s ease-in--out 0s;
}
.awareness-wrapper .active .chair-desc{
	bottom: 20%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .8s ease-in-out 1s;
}


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

.up.active#page-5 .chair-desc
{
	bottom: 125px;
}
.page-business .graph{
	width:75px;
	height:75px;
	display: block;
}
.graph-1, .graph-2, .graph-3, .graph-4, .graph-5, .graph-6, .graph-7 {
  width: 65px;
  float: left;
  height: 150px;
  display: inline-block;
  font-size: 22px;
  font-family: 'Helvetica';
  position: relative;
}
.page-business [class^="graph"] .graph{  
    margin: 0 auto;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50px 0;
}
.page-business .graph-wrapper [class^="graph-"]:nth-child(even) {
    margin-top: -40px;
}
.page-business .graph-1 .graph{
	background-image: url(../images/icon_5.png);
	-webkit-transition: all 300ms ease-in-out 1.0s;
	        transition: all 300ms ease-in-out 1.0s;
}
.page-business .graph-2 .graph{
	background-image: url(../images/icon_6.png);
	-webkit-transition: all 300ms ease-in-out 1.2s;
	        transition: all 300ms ease-in-out 1.2s;
}
.page-business .graph-3 .graph{
	background-image: url(../images/icon_7.png);
	-webkit-transition: all 300ms ease-in-out 1.4s;
	        transition: all 300ms ease-in-out 1.4s;
}
.page-business .graph-4 .graph{
	background-image: url(../images/icon_8.png);
	-webkit-transition: all 300ms ease-in-out 1.6s;
	        transition: all 300ms ease-in-out 1.6s;
}
.page-business .graph-5 .graph{
	background-image: url(../images/icon_9.png);
	-webkit-transition: all 300ms ease-in-out 1.8s;
	        transition: all 300ms ease-in-out 1.8s;
}
.page-business .graph-6 .graph{
	background-image: url(../images/icon_10.png);
	-webkit-transition: all 300ms ease-in-out 2.0s;
	        transition: all 300ms ease-in-out 2.0s;
}
.page-business .graph-7 .graph{
	background-image: url(../images/icon_11.png);
	-webkit-transition: all 300ms ease-in-out 2.2s;
	        transition: all 300ms ease-in-out 2.2s;
}
.page-business .g-icon{  
	background-position: 0 50px;
	background-repeat:no-repeat;	
	width: 50px;
	height:50px;
	display: block;
	margin: 0 12.5px;
}

.active .page-business [class^="graph"]  .graph{
	background-position: center 0px;
    background-size: 100% auto;
}
.page-business [class^="graph"] .g-content{
	/* width: 35px;
	height: 35px; */
	width: 60px;
	height: 60px;
	border: 1px solid #333333;
	border-radius: 50px;
	color: #666666;
	text-align: center;
	padding: 6px;
	overflow: hidden;
}
.page-business [class^="graph"]  .g-year{
	font-size: 14px;
	padding-top:5px;
}
/* .page-business .g-text {
    font-size: 6px;
    width: 38px;
	text-align: center;
    top: 25px;
	margin:0;
    position: relative;
	-webkit-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
} */
.page-business .g-text {
    font-size: 10px;
    width: 60px;
    text-align: center;
    padding: 2.5px;
    top: 60px;
    margin: 0;
    display: table-cell;
    position: relative;
	-webkit-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
    vertical-align: middle;
    height: 50px;
}
.active .page-business .graph-1 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 1.2s;
	        transition: all 300ms ease-in-out 1.2s;
}
.active .page-business .graph-2 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 1.4s;
	        transition: all 300ms ease-in-out 1.4s;
}
.active .page-business .graph-3 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 1.6s;
	        transition: all 300ms ease-in-out 1.6s;
}
.active .page-business .graph-4 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 1.8s;
	        transition: all 300ms ease-in-out 1.8s;
}
.active .page-business .graph-5 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 2.0s;
	        transition: all 300ms ease-in-out 2.0s;
}
.active .page-business .graph-6 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 2.1s;
	        transition: all 300ms ease-in-out 2.1s;
}
.active .page-business .graph-7 .g-text {
    top: 0px;
	-webkit-transition: all 300ms ease-in-out 2.3s;
	        transition: all 300ms ease-in-out 2.3s;
}
.page-business  .g-spacer{
	border-left: 2px dashed #999999;
	height: 0px;
	margin:	0 auto;
	width:1px;
	-webkit-transition: all 500ms ease-in-out;
	        transition: all 500ms ease-in-out;
}
.active .page-business  .g-spacer{
	height: 30px;
}

.page {
	display: block;
	overflow: hidden;
}

/* New Panel Block */
body > .bx-wrapper{
	left:0;
}
body > .bx-wrapper.deactive{
	left: 100%;
}
.leadership {
    width: 400%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 24;
    top: 0;
	/* -webkit-transition: all 1200ms ease-in-out;
	        transition: all 1200ms ease-in-out; */
	right: 100%;
}

.leadership.active {
	left: 0%;
}
.leadership .leadership-wrapper{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.leadership .leadership-wrapper .slide{
	height:100%;
	width: 25%;
    display: inline-block;
    float: right;
	position: relative;
}
.collaboration {
    width: 800%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 24;
    top: 0;
	/* -webkit-transition: all 1200ms ease-in-out;
	        transition: all 1200ms ease-in-out; */
	right: 100%;
}

.collaboration.active {
	left: 0%;
}
.collaboration .collaboration-wrapper{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.collaboration .collaboration-wrapper .slide{
	height:100%;
	width: 12.5%;
    display: inline-block;
    float: right;
	position: relative;
}
.growth {
    width: 500%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 24;
    top: 0;
	/* -webkit-transition: all 1200ms ease-in-out;
	        transition: all 1200ms ease-in-out; */
	right: 100%;
}

.growth.active {
	left: 0%;
}
.growth .growth-wrapper{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.growth .growth-wrapper .slide{
	height:100%;
	width: 20%;
    display: inline-block;
    float: right;
	position: relative;
}
.awareness {
    width: 500%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 24;
    top: 0;
	/* -webkit-transition: all 1200ms ease-in-out;
	        transition: all 1200ms ease-in-out; */
	right: 100%;
}

.awareness.active {
	left: 0%;
}
.awareness .awareness-wrapper{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.awareness .awareness-wrapper .slide{
	height:100%;
	width: 20%;
    display: inline-block;
    float: right;
	position: relative;
}
.profile {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 24;
    top: 0;
	/* -webkit-transition: all 1200ms ease-in-out;
	        transition: all 1200ms ease-in-out; */
	right: 100%;
}

.profile.active {
	left: 0%;
}
.profile .profile-wrapper{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.profile iframe{
	width: 100%;
	height: 100%;
}
.cont-left-wrapper {
    height: 85%;
    overflow: hidden;
    display: block;
}
.cont-left-h2{
    height: 15%;
    overflow: hidden;
    display: block;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #E0484B;
    background-color: rgba(224,72,75,0.4);
}
.mCSB_scrollTools:hover .mCSB_draggerRail {
    background-color: rgba(224,72,75,1);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e7e7e8;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgb(224,72,75);
    border: 1px solid rgba(224,72,75,0.5);
}
.mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e7e7e8;
    border: 1px solid #E0484B;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 0 40px 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 0 40px 0;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{
    width: 15px;
    height: 10px;
    background-image: url(../images/scroll_arrows.png);
    background-size: 200% auto;
}
.mCSB_scrollTools .mCSB_buttonUp {
    position: absolute;
    bottom: 20px;
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: left bottom;
}
.mCSB_scrollTools .mCSB_buttonUp:hover {
    background-position: top right;
}
.mCSB_scrollTools .mCSB_buttonDown:hover {
    background-position: bottom right;
}

/* body{ background-color: #e0484b;}
body.pace-done{	background-color: transparent;}
body.pace-done .pace
{
	opacity: 0;
	z-index: -1;
}
#menu-btn, .menu-wrapper{ opacity: 0;}
body.pace-done #menu-btn, body.pace-done .menu-wrapper{ opacity: 1;}
.pace
{
	transition: all .6s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000 !important;
    background-color: #e0484b;
}
.pace-progress
{
	width: 100% !important;
    height: 100% !important;
    text-align: center;
}
.pace .pace-progress:after
{
    top: 42% !important;
    right: 45% !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: normal;
    font-size: 70px !important;
    color: #fff;
} */
.extra .cont-left-h2 {
    height: 25%;
}
.extra .cont-left-wrapper {
    height: 75%;
}
video#vid1_html5_api, video#vid2_html5_api {
    width: 100%;
    height: 100%;
}


/*bod styles*/
 	.bod-list
 	{
 		position: relative;
 		overflow: hidden
 	}
 	.bod-list li
 	{
 		width: 48.6%;
	    float: left;
	    position: relative;
	    overflow: hidden;
	    background: rgba(255, 255, 255, 0.56);
	    margin-bottom: 5px;
	    padding: 15px 20px 0 20px;
	    text-align: left;
	    box-sizing: border-box;
	    margin-right: 10px;
	    height: 85px;
 	}
 	.bod-list li h3
 	{
 		text-transform: uppercase;
	    color: #8e8e8e;
	    font-weight: normal;
	    font-family: "HelveticaLight";
	    font-size: .9em;
	    margin-bottom: 0px;
	    line-height: 23px;
 	}
	.page-bod .cont-wrapper .cont-left .bod-list li p {
		font-size: .7em;
	    color: #8e8e8e;
	}
 	.bod-list li:nth-child(even)
 	{
 		margin-right: 10px;
 	}



 	.timeline-wrapper
 	{
 		opacity: 0;
 	}
	
	.testimonial-popup {
		position: absolute;
		left: 55%;
		padding: 15px;
		bottom: 15%;
		background-image: url(../images/desc-bg.png);
		z-index:1;
		background: #B4995E;
		width: 250px;
		background-size: 100% 100%;
		background-position: right bottom;
		min-height: 36px;
		transition: all 0.3s ease-in-out 0.5s, background 0.3s ease-in-out 0s;
	}
	.testimonial-popup.tshow {
		width: 400px;
		transition: all 0.3s ease-in-out;
		background-image: url(../images/quote.png);
		background-size: 75px auto;
		background-repeat: no-repeat;
		background-position: 95% 95%;
	}
	.testimonial-popup:hover {
		background: #92712A;
		cursor: pointer;
	}
	.testimonial-popup.tshow:hover{
		background: #B4995E;
		cursor: default;
		background-image: url(../images/quote.png);
		background-size: 75px auto;
		background-repeat: no-repeat;
		background-position: 95% 95%;
	}
	.testimonial-popup > a {
		color: white;
		font-size: 1.5em;
		line-height: 1.5em;
		text-align: center;
		width: 100%;
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
	}
	.testimonial-popup.tshow > a {
		color: #B4995E;
		position: absolute;
		text-indent: -99999px;
	}
	.testimonial-content p {
		padding-top: 5px;
		font-size: 1em;
	}
	.testimonial-content {
		/* height: 0; */
		display: none;
		width: 100%;
		overflow: hidden;
		/* transition: all 0.3s ease-in-out; */
	}
	.tshow .testimonial-content span {
		font-style: italic;
		color: white;
		font-size: 1em;
		line-height: 1.2em;
		padding: 10px 0 0 0;
		display: block;
	}
	.testimonial-popup.tshow a span::after {
		content: "-";
		top: -40px;
		right: 15px;
		text-indent: 0;
	}
	.testimonial-popup a span::after {
		content: "+";
		color: #FFFFFF;
		font-size: 48px;
		position: absolute;
		right: 0;
		top: -22.5px;
		width: 45px;
		height: 45px;
		background: #E0484B;
	}


	/*arabic styles*/
		#menu-btn, #menu-close-btn
		{
			left: 30px;
			right: auto;
		}
		a#menu-btn:before
		{
			right: -50%;
			content: "القائمة";
			font-family: "ge_ss_two_medium";
		    top: 16px;
		    font-size: 1.4em;
		}

		a#menu-btn:hover:before
		{
			right: -80%;
		}
		.menu-outer-wrapper .menu-items-wrapper
		{
			transform: rotateY(180deg);
		}
		.menu-outer-wrapper .menu-items-wrapper ul li span i
		{
			padding: 0 15px 0 40px;
			direction: rtl;
			transform: rotateY(180deg);
		}
		.menu-outer-wrapper .menu-items-wrapper ul li div a b
		{
			display: inline-block;
			direction: rtl;
			transform: rotateY(180deg);
			font-size: .8em;
		}

		.menu-wrapper
		{
			transform: rotateY(180deg);
		}
		#menu .menu-bullet-container .menu-txt, #menu .menu-bullet-container:hover .menu-txt, #menu .menu-bullet-container.active .menu-txt
		{
			display: inline-block;
			transform: rotateY(180deg) !important;
			font-size: 14px;
		}
		#video-bg
		{
			transform: rotateY(180deg);
		}
		body > .bx-wrapper
		{
			transform: rotateY(180deg);
		}

		.cont-wrapper .cont-left
		{
			direction: rtl;
			text-align: right !important;
			transform: rotateY(180deg);
		}
		.cont-wrapper .cont-left p
		{
			margin-right: 0 !important;
		}
		.side-menu li a
		{
			transform: rotateY(180deg);
			direction: rtl;
			text-align: right;
			-webkit-transition: all .3s ease-out;
			    transition: all .3s ease-out;
		}

		.graph-growth-wrapper, .gr-number-wrapper, .gr-desc-wrapper
		{
			transform: rotateY(180deg);
		}

		.timeline-text
		{
			text-align: right;
			direction: rtl;
			transform: rotateY(180deg);
		}
		.timeline-text h2, .timeline-text p
		{
			/*text-align: right;
			direction: rtl;
			transform: rotateY(180deg);*/
		}

		ul.videos-list
		{
			left: 5%;
			right: auto;
			direction: rtl;
		}
		.wrapper-video ul li
		{
			text-align: right;
			direction: rtl;
			/*transform: rotateY(180deg);*/
		}

		.sidebar-back
		{
			transform: rotateY(180deg);
		}

		/*inner pages*/
			.leadership .leadership-wrapper .slide,
			.profile .profile-wrapper .slide,
			.collaboration .collaboration-wrapper .slide,
			.growth .growth-wrapper .slide,
			.awareness .awareness-wrapper .slide
			{
				transform: rotateY(180deg);
			}
			.ceo-desc
			{
				/*transform: rotateY(180deg);*/
			}
			.ceo-desc p, .ceo-desc i,  .ceo-desc span
			{
				text-align: right;
			    direction: rtl;
			    transform: rotateY(180deg);
			    display: inline-block;
			}
			.desc-management
			{
				transform: rotateY(180deg) !Important;
			    direction: rtl;
			    text-align: right;
			}

			.collaboration .slide .page-business img.pattr-5, .page-business .graph-wrapper
			{
				transform: rotateY(180deg);
			}
			.testimonial-popup, .testimonial-popup.tshow
			{
				transform: rotateY(180deg);
				direction: rtl;
				text-align: right;
				background-position: 5% 95%;
			}
			.img-protection
			{
				transform: rotateY(180deg);
			}
			html body .page-management h4
			{
				transform: rotateY(180deg);
				direction: rtl;
			}
			.bod-list li
			{
			    float: right;
			}
			.bod-list li h3
			{
			    text-align: right;
			    direction: rtl;
			}
			.page-bod .cont-wrapper .cont-left .bod-list li p
			{
				text-align: right;
			    direction: rtl;
			}
			#page-2 .chair-desc
			{
				transform: rotateY(180deg);
				direction: rtl;
			    text-align: right;
			    padding: 10px 20px 0 0px;
			}

			.testimonial-content p
			{
			    font-size: .9em;
			    line-height: 22px;
			}
			
			.timeline-year li span
			{
				direction: rtl;
			    display: inline-block;
			    transform: rotateY(180deg);
			}

			.slide > div .cont-wrapper .cont-left p
			{
				line-height: 1.5em !important;
			}
	/*video*/
		.wrapper-video
		{
		    left: 0%;
		}
		.wrapper-video .videos-list li
		{
		    float: right;
		    clear: both;
		}
		.wrapper-video .videos-list li i
		{
		    line-height: 20px;
		}

		.page-management{
			height: 100%;
		}
		.page-management .cont-wrapper{
			height: 100% !important;
			display: block !important;
		}