/************Reset**************/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, object, iframe, fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

header, footer, nav, section, article, hgroup, figure {
  display: block; }

/************End Reset**************/
/************Global**************/
body {
/*  background: url(../img/ocean.jpg);
  background-attachment: fixed;
  background-position: center center;

  background-size: cover;
  -webkit-background-size: cover;*/

  -webkit-font-smoothing:antialiased;
  text-align: center;
  color: #fff;
  font: 120%/1.4 "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  -webkit-text-size-adjust: 100%; 
  height: 100%;

}


  @media screen and (max-width: 700px) {
    
    .top {position: absolute!important;}
    .top h1 {font-size: 1.8em;}

    .timeline {
      position: relative!important;
      padding: 0!important;
      top:245px!important;
      height: 100%!important;
    }
  }



#imageBg {

  position: fixed; 
  top: 0; 
  left: 0; 
  min-width: 100%;
  min-height: 100%;
  z-index: -1000;
}

a {
  color: #fff;
  text-decoration: none; }

a:hover, a:focus {text-decoration: underline; }

p {margin: 0 0 1em; }

img, object, video {max-width: 100%; border: 0; }

a img {border: 0; outline: 0; }

h1 {
  font-size: 4em;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0px 0px 5px 0px;
}

h2 {
  text-transform: lowercase;
  font-size: 3em;
  line-height: 1.1;
  margin: 0 0 0.4em; 
}


h3 {
  font-size: 1em;
  font-weight: 200;
  line-height: 1.1;
  margin: 0 0 0.2em;
}

/************End Global**************/
/************Timeline**************/



.top {
  position: fixed;
  /*background: blue;*/
  display: block;
  width: 100%;
}


/* Timeline Container */
.timeline {
  padding-bottom: 40px;
  position: fixed; 
  width: 100%;

  margin: 0 auto;
  /*background: rgba(255,0,0,.6);*/
  overflow: auto;
  top: 350px;


  height: 65%;
}


ol.timeline li {
  margin: 20px;
}

ol.timeline li:first-child {
  padding-top: 50px;
}

.todo {
  opacity: .2;
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  transition: all .7s ease-out;
}

.todo-h:hover {
  opacity: 1;
}

/* Timestamp */
.tl-stamp {
  font-size: 0.7em;
  color: rgba(255,255,255,.4); }

.tl-stamp-final {font-size: 01em; color: rgba(255,255,255,.4); margin-bottom: 20px; }

/************End Timeline**************/


/* ADD */


.twit {
  margin-top: 4px;
  font-size: .7em;
/*  color: red;*/
}


span.vBar {
  display: inline-block;
  height: 35px;
  width: 1px;
  background: rgba(255,255,255,.6);
  margin-bottom: -6px; /*wrong I know*/
}


span.vShortBar {
  display: inline-block;
  height: 17px;
  width: 1px;
  background: rgba(255,255,255,.6);
  margin-top: 9px;
  margin-bottom: 6px; /*wrong I know*/
}

table.masterTable {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  font-size: 10px;
  background:  url(../img/cross.png) no-repeat center center;
}


td.middle {
  width: 73px;
  height: 75px;
}

a.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.svgIcon {
  width: 26px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-inout;
  transition: all .3s ease-in-out;
}

.behance {width: 29px!important;}

.vimeo {width: 25px!important;}

.svgIcon:hover {opacity: .6;}

a.social-tw {margin-top: -25px;}
a.social-vi {margin-top: 35px;}
a.social-fb {margin-left: -20px;}
a.social-pi {margin-right: -30px;}


.icon-link-1,.icon-download {
  opacity: .8!important;
  color:#fff;
}

.icon-download {font-size: 13px;}




/* show/hide */
.slidingDiv, .slidingDiv_2{
 /* margin-top:10px;*/
  display:none;
  font-size: .8em;
}

.slidingDiv p:first-child {margin-top: 5px;  }

.slidingDiv p {
  margin: 0;
  font-style: italic;
  opacity: .6;
}

.slidingDiv p:hover {opacity: 1;}

.socialIcons {
  margin-bottom: 40px;
}