/* style.css default stylesheet for non-responsive | andreweg@outlook.com | */

/* Font ------------------*/
@font-face {
  font-family: Rokkitt,Rokkitt-Bold;
  font-style: normal;
  font-weight: 700;
  src: local('Rokkitt'), local('Rokkitt-Bold'), url(theme/font/rok.woff) format('woff');
}

/* reset --------------- */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
header, section, nav, footer, aside, article { display: block; }

/* globals --------------- */
html { overflow-x:hidden; }
body {
	background: #222 center center fixed;
	font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
	overflow-x: hidden;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.inner { width:960px; margin:0 auto; }
.inner .left { float:left; font-size:18px; width:320px; line-height:130%; }
.inner .right { float:right; font-size:18px; width:350px; line-height:130%; }

/* track --------------- */
#track { position:fixed; z-index:300; bottom:50px; left:0; right:0; height:70px;
	-webkit-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition:bottom .5s ease-in-out;
}
#track.adjusted { bottom:330px; }
#track:before { content:''; position:absolute; top:25px; left:160px; right:131px; height:10px; background-color:#fff; background-color:rgba(255,255,255,.15); }
#track:after { content:''; position:absolute; top:25px; right:0; width:60px; height:10px; background-color:#fff; background-color:rgba(255,255,255,.15); }
#ticker-moment { position:absolute; max-width:50px; top:-8px; left:60px; line-height:2em; text-align:center; font-size:19px; color:#999; color:rgba(255,255,255,.4); text-decoration:none; font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:300;
	-webkit-transition:left .3s ease-in-out;
	-moz-transition:left .3s ease-in-out;
	-ms-transition:left .3s ease-in-out;
	transition:left .3s ease-in-out;
}
#ticker-moment:after { content:''; position:absolute; top:31px; left:25%; right:25%; height:14px; background-color:#e94700;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;	

	-webkit-box-shadow:2px 0px 2px rgba(0,0,0,.2);
	-moz-box-shadow:2px 0px 2px rgba(0,0,0,.2);
	-ms-box-shadow:2px 0px 2px rgba(0,0,0,.2);
	box-shadow:2px 0px 2px rgba(0,0,0,.2);
}
#ticker-moment:before { content:''; position:absolute; top:10px; left:44%; width:11px; height:17px; background:url('theme/img/icon-marker.png'); }
#ticker-moment:hover { color:rgba(255,255,255,.8); }

/* keys --------------- */
#keys { position:absolute; top:0; right:65px; width:60px; height:39px; }
#keys a { position:absolute; bottom:0; height:18px; width:18px; text-indent:-999999px; background-color:#fff; background-color:rgba(255,255,255,.85);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}
#track #keys a:after { content:'d'; position:absolute; width:0; height:0; }
#keys, #keys a {
	-webkit-transition:background-color .3s ease-in-out;
	-moz-transition:background-color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out;
	transition:background-color .3s ease-in-out;
}
#track:hover #keys a { background-color:rgba(255,255,255,.55); }
#track #keys a:hover,
#track #keys a:active,
#track #keys a.active { background-color:#fff; }
/* Key position */
#keys #KeyTop { top:0; left:21px; }
#keys #KeyRight { right:0; }
#keys #KeyBottom { left:21px; }
#keys #KeyLeft { left:0; }
/* Key arrows */
#keys #KeyTop:after { border-right:4px solid transparent; border-left:4px solid transparent; border-bottom:4px solid #211016; top:7px; left:5px; }
#keys #KeyRight:after { border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #211016; top:5px; left:7px; }
#keys #KeyBottom:after { border-right:4px solid transparent; border-left:4px solid transparent; border-top:4px solid #211016; top:7px; left:5px; }
#keys #KeyLeft:after { border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:4px solid #211016; top:5px; left:6px; }

@keyframes nav-pulse {
  0%   { box-shadow: 0 0 3px rgba(255,255,255,0.2); }
  50%  { box-shadow: 0 0 6px rgba(255,255,255,0.5); }
  100% { box-shadow: 0 0 3px rgba(255,255,255,0.2); }
}

#keys a.pulsing {
  animation: nav-pulse 2.5s ease-in-out infinite;
}

/* slides --------------- */
#slides { top:0%; bottom:270px; position:fixed; left:10%; right:10%; opacity:0; visibility:hidden;
	-webkit-transition:bottom .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out, -webkit-filter .5s ease-in-out;
	-moz-transition:bottom .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out, -moz-filter .5s ease-in-out;
	-ms-transition:bottom .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out, -ms-filter .5s ease-in-out;
	transition:bottom .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out, filter .5s ease-in-out;
}
#slides.init { visibility:visible; opacity:1; }
#slides.blur { opacity:.2;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
#slides .slide { position:absolute; width:80%; cursor:default;
	-webkit-transition:top .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out, -webkit-transform .5s ease-in-out, -webkit-filter .5s ease-in-out;
	-moz-transition:top .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out, -moz-transform .5s ease-in-out, -moz-filter .5s ease-in-out;
	-ms-transition:top .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out, -ms-transform .5s ease-in-out, -ms-filter .5s ease-in-out;
	transition:top .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out, transform .5s ease-in-out, filter .5s ease-in-out;
}

#slides .slide,
#slides .slide * {
	/* Hardware accel */
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	transform: translatez(0);
}

#slides .slide[data-order="1"] { z-index: 7; top: 60%; right: 11%; }
#slides .slide[data-order="2"] { z-index: 6; top: 30%; right: -15%; opacity:.6;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
	
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
/*#slides .slide[data-order="3"] { z-index: 6; top: 30%; right: -15%; opacity:.6;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
	
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}*/
   #slides .slide[data-order="4"] { z-index: 5; top: 12%; right: -10%;  opacity: .3;
	-webkit-transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
	transform: scale(.4);
	
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px); 
}
   #slides .slide[data-order="5"] { z-index: 4; top: -3%; right: 0%; opacity: .2;
	-webkit-transform: scale(.2);
	-moz-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2);

	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	filter: blur(12px);
}
#slides .slide[data-order="13"] { z-index: 4; top: -3%; right: 20%; opacity: .2;
	-webkit-transform: scale(.2); 
	-moz-transform: scale(.2); 
	-ms-transform: scale(.2); 
	transform: scale(.2); 
	
	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	filter: blur(12px);
}
#slides .slide[data-order="14"] { z-index: 5; top: 12%; right: 30%; opacity: .3; 
	-webkit-transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
	transform: scale(.4);
	
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}
#slides .slide[data-order="15"] { z-index: 6; top: 30%; right: 40%; opacity: .6;
	-webkit-transform: scale(.6); 
	-moz-transform: scale(.6); 
	-ms-transform: scale(.6); 
	transform: scale(.6); 
	
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}

/* Hide these */
#slides .slide[data-order="3"],
#slides .slide[data-order="6"],
#slides .slide[data-order="7"],
#slides .slide[data-order="8"],
#slides .slide[data-order="9"],
#slides .slide[data-order="10"],
#slides .slide[data-order="11"],
#slides .slide[data-order="12"] { z-index:4; top:-10%; right:10%; opacity: 0;
	-webkit-transform: scale(.01);
	-moz-transform: scale(.01);
	-ms-transform: scale(.01);
	transform: scale(.01);

	-webkit-filter: blur(18px);
	-moz-filter: blur(18px);
	-ms-filter: blur(18px);
	filter: blur(18px);
}

/* Slide */
#slides .slide h2 { color:#fff; text-align:center; font-size:1em; white-space:nowrap; font-family:Rokkitt,Rokkitt-Bold; }
#slides .slide p { font-size:.34em; text-shadow:none; color:rgba(255,255,255,.8); display:block; text-align:left; line-height:1.2em; white-space:normal; font-family:Rokkitt, Rokkitt-Bold; font-weight:100; margin:.1em 5.1em; width:75%; }
#slides .slide p img { position:absolute; left:-3.5em; bottom:4px; width:13%; }
#slides .slide p,
#slides .slide p img {
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out;
}

/* Slide trigger hide/show */
#slides .slide-trigger { font-size:.5em; font-family:verdana, sans-serif; display:inline-block; color:#000000b5; line-height:180%; position:absolute; margin:0.3em 0 0 .8em; width:10em; }
#slides .slide-trigger i,
#slides .slide-trigger b { background-color:#e6e6e6d9; position:absolute; top:0; height:1.7em; 
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;

	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-ms-transition:background-color .3s;
	transition:background-color .3s;
}
#slides .slide-trigger i { width:2em; left:0; }
#slides .slide-trigger b { width:4em; padding:0 3px; text-align:center;left:2.2em; }
#slides .slide-trigger:hover i,
#slides .slide-trigger:hover b { background-color:#fff; }
#slides .slide-trigger.close i:after { content:''; position:absolute; width:0; height:0; border-right:.5em solid transparent; border-left:.5em solid transparent; border-top:.5em solid #6a645c; top:.7em; left:.55em; }
#slides .slide-trigger.open i:after { content:''; position:absolute; width:0; height:0; border-right:.5em solid transparent; border-left:.5em solid transparent; border-bottom:.5em solid #6a645c; top:.65em; left:.55em; }
#slides .slide-trigger.close { display:none; }
#slides .slide-trigger.open { display:inline-block; }
#slides.adjusted .slide-trigger.close { display:inline-block; }
#slides.adjusted .slide-trigger.open { display:none; }

/* Slide adjusted up with Pane showing */
#slides.adjusted { bottom:550px; top:-5%; }
#slides.adjusted .slide[data-order="2"],
#slides.adjusted .slide[data-order="15"] { opacity:.15; }
#slides.adjusted .slide[data-order="3"],
#slides.adjusted .slide[data-order="14"] { opacity:.05; }
#slides.adjusted .slide[data-order="4"],
#slides.adjusted .slide[data-order="13"] { opacity:0; }

/* Slide variations --------------*/

/* intro */
#slides .slide[data-view="intro"] p img { left:-2.5em; bottom:10px; width:11%; }
#slides .slide[data-view="intro"] p { margin:.1em 3.6em; width:80%; }

/* tb */
#slides .slide[data-view="tb"] p img { left: -2.7em;bottom: 8px; width: 15%; }
#slides .slide[data-view="tb"] p { margin:.1em 3.6em;width: 70%; }

/* mph */
#slides .slide[data-view="mph"] p img { left: -2.7em;bottom: 8px; width: 15%; }
#slides .slide[data-view="mph"] p { margin:.1em 3.6em;width: 70%; }

/* usaid */
#slides .slide[data-view="usaid"] p img { left:-3.2em; bottom:-3px; width:14%; }
#slides .slide[data-view="usaid"] p { margin:.1em 3.6em; width:80%; }

/* mba */
#slides .slide[data-view="mba"] p img { left:-2.8em; bottom:2px; width:13%; }
#slides .slide[data-view="mba"] p { margin:.1em 3.6em; width:75%; }

/* uofm */
#slides .slide[data-view="uofm"] p img {left:-2.5em;bottom:2px;width: 15%;}
#slides .slide[data-view="uofm"] p {margin:.1em 3.6em;width: 60%;}

/* intel */
#slides .slide[data-view="intel"] p img { left:-2.5em; bottom:4px; width:12%; }
#slides .slide[data-view="intel"] p { margin:.1em 3.6em; width:75%; }

/* travel */
#slides .slide[data-view="travel"] p img { left:-3em; bottom:2px; width:11%; }
#slides .slide[data-view="travel"] p { margin:.1em 3.6em; width:95%; }

/* india */
#slides .slide[data-view="india"] p img { left:-2.7em; bottom:2px; width:12%; }
#slides .slide[data-view="india"] p { margin:.1em 3.6em; width:75%; }

/* malaysia */
#slides .slide[data-view="malaysia"] p img { left:-2.5em; bottom:4px; width:13%; }
#slides .slide[data-view="malaysia"] p { margin:.1em 3.6em; width:70%; }

/* logistics */
#slides .slide[data-view="logistics"] p img { left:-3em; bottom:4px; width:10%; }
#slides .slide[data-view="logistics"] p { margin:.1em 3.6em; width:90%; }

/* scm */
#slides .slide[data-view="scm"] p img { left:-2.5em; bottom:4px; width:14%; }
#slides .slide[data-view="scm"] p { margin:.1em 3.6em; width:65%; }


/* ops */
#slides .slide[data-view="ops"] p img { left:-3em; bottom:4px; width:10%; }
#slides .slide[data-view="ops"] p { margin:.1em 3.6em; width:95%; }



/* pwc */
#slides .slide[data-view="pwc"] p img {left: -2.5em;bottom: 4px;width: 11%;}
#slides .slide[data-view="pwc"] p { margin:.1em 3.6em; width:85%; }


/* albion */
#slides .slide[data-view="albion"] p img { left:-2.3em; bottom:-18px; width:10%; }
#slides .slide[data-view="albion"] p { margin:.1em 3.6em; width:95%; }



/* panes --------------- */
#panes { position:fixed; z-index:400; left:0; right:0; background:#fff; height:290px; font-family:Rokkitt,Rokkitt-Bold; font-weight:100;
	-webkit-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	transition:bottom .5s ease-in-out, opacity .5s ease-in-out;
	
	-webkit-box-shadow:0 -3px 5px rgba(0,0,0,.2);
	-moz-box-shadow:0 -3px 5px rgba(0,0,0,.2);
	-ms-box-shadow:0 -3px 5px rgba(0,0,0,.2);
	box-shadow:0 -3px 5px rgba(0,0,0,.2);
}
#panes.hide { opacity:0; bottom:-75%; }
#panes.show { opacity:1; bottom:0; }
#panes .pane { display:none; font-size:18px; padding:0; }
#panes .pane * { line-height:150%; color:#3a3a3a; }
#panes .pane a { text-decoration:none; color:#777; }
#panes .pane a:hover { border-bottom:2px solid #e94700; }
#panes .pane p { margin:1.3em 0; }
#panes .pane p strong { display:block; }
#panes .pane li { margin:.5em 0; padding-left:30px; background:url('theme/img/icon-bullet.png') no-repeat 10px center; }
#panes .pane img {
	position: sticky;
	top: -9%;
	/* left: 52%; */
	/* margin-left: -10px; */
}
#panes .pane:after { content:''; display:block; clear:both; }
#panes .pane .close { background-color:#ccc; margin:1.5em 1em .5em; padding:8px; text-align:center; font-weight:bold; text-transform:uppercase; display:block; text-decoration:none; }

/* Pane variations ----------*/


/* dates --------------- */
#dates { width:40px; height:65px; position:absolute; top:-8px; left:110px; }
#dates:before { content:''; position:absolute; top:33px; right:50px; width:40px; height:10px; background-color:#fff; background-color:rgba(255,255,255,.15); }
#dates .date { opacity:0; color:rgba(255,255,255,.6); font-size:18px; position:absolute; top:0; text-align:center; text-decoration:none; text-transform:uppercase;
	-webkit-transition:opacity .5s ease-in-out, color .3s ease-in-out;
	-moz-transition:opacity .5s ease-in-out, color .3s ease-in-out;
	-ms-transition:opacity .5s ease-in-out, color .3s ease-in-out;
	transition:opacity .5s ease-in-out, color .3s ease-in-out;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#dates .date i { font-weight:bold; font-size:36px; font-style:normal; }
#dates .date.current { opacity:1; }
#dates:hover .date { color:#fff; }


/* info trigger -------------------*/
#about { width:24px; height:24px; position:absolute; top:21px; left:36px; }
#about #about-trigger {
  background: rgba(255,255,255,0.85) url('theme/img/icon-info.png') no-repeat center;
  background-size: 10px 12px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  display: block;
  text-indent: -999999px;
  border-radius: 20px;
  transition: background-color 0.3s ease-in-out;
}
#about #about-trigger.close,
#about #about-trigger.close:hover { background:#e94700 url('theme/img/icon-close.png') no-repeat center; }
#about #about-trigger:before { content:''; position:absolute; top:4px; right:23px; width:40px; height:10px; background-color:#fff; background-color:rgba(255,255,255,.15); }
#about #about-trigger:hover { background-color:#fff; box-shadow: 0 0 8px rgba(255,255,255,0.9); /* brighter glow on hover */}

@keyframes pulse-glow {
  0%   { background-color: rgba(255,255,255,0.85); box-shadow: 0 0 4px rgba(255,255,255,0.3); }
  50%  { background-color: #ffffff; box-shadow: 0 0 8px rgba(255,255,255,0.7); }
  100% { background-color: rgba(255,255,255,0.85); box-shadow: 0 0 4px rgba(255,255,255,0.3); }
}


#about #about-trigger.pulsing {animation: pulse-glow 2.5s ease-in-out infinite;}

/* about pane -------------------*/
#about-pane { position:fixed; z-index:400; left:0; right:0; opacity:0; top:-50%; padding:20px 0; background:rgba(0,0,0,.65) url('theme/img/smile.png') no-repeat bottom center;
	-webkit-transition:top .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition:top .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition:top .5s ease-in-out, opacity .5s ease-in-out;
	transition:top .5s ease-in-out, opacity .5s ease-in-out;
	
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 20px rgba(0,0,0,.5);
	-ms-box-shadow:0 0 20px rgba(0,0,0,.5);
	box-shadow:0 0 20px rgba(0,0,0,.5);
}
#about-pane div.left { width:340px; }

/* Misc content elements */
#about-pane img {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -80px;
}
#about-pane * { color:#888; line-height:150%; }
#about-pane p strong { color:#fff; display:block; }
#about-pane p a { color:#fff; }

/* Elsewhere links */
#about-pane ul#elsewhere { padding-top:20px; }
#about-pane ul#elsewhere li { float:left; width:45%; margin:15px 5% 0 0; font-size:17px; }
#about-pane ul#elsewhere li a { display:block; background:rgba(255,255,255,.05) url('theme/img/icon-social.png') no-repeat; color:#ccc; padding:3px 10px 3px 35px; text-decoration:none; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;

	-webkit-transition:background-color .2s ease-in-out;
	-moz-transition:background-color .2s ease-in-out;
	-ms-transition:background-color .2s ease-in-out;
	transition:background-color .2s ease-in-out;
}
#about-pane ul#elsewhere li a:hover { background-color:rgba(255,255,255,.15); }
#about-pane ul#elsewhere li a.twitter { background-position:8px 10px; }
#about-pane ul#elsewhere li a.facebook { background-position:8px -27px; }
#about-pane ul#elsewhere li a.linkedin { background-position:8px -62px; }
#about-pane ul#elsewhere li a.dribbble { background-position:7px -98px; }

/* Show and hide pane */
#about-pane.hide { opacity:0; top:-50%; }
#about-pane.show { opacity:1; top:0; }

/* Modal Popup */
#fvpp-blackout { display: none; z-index: 998; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.8; }
#my-welcome-message {display: none;z-index: 999;position: fixed;width: 75%;left: 10%;top: 20%;padding: 35px 2%;font-family: Rokkitt, Rokkitt-Bold;background: #FFF;}
#fvpp-close { position: absolute; top: 10px; right: 20px; cursor: pointer; }
#fvpp-dialog h2 { font-size: 2em; margin: 0; }
#fvpp-dialog p { margin: 0; font-size:155%}