/** GENERAL **/
body, html {
    overflow: hidden;
    
    font-family: 'Lato', Helvetica, Arial, sans-serif;    
    background-image: url("../img/background.jpg");
    
    -webkit-font-smoothing: antialiased;
     
}

#container {}

.text_container {
    margin:0 auto;
    width:1000px;
    height:700px;
    font-size:20pt;
    min-height:700px;
    padding:40px 60px;
    text-align:center;
}

/** STEP STYLES **/
section {
    width: 1000px;
    height: 700px;
    font-size: 20pt;
    min-height: 700px;

    padding: 40px 60px;

    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;

    -webkit-transition: 1s;
    -moz-transition:    1s;
    -ms-transition:     1s;
    -o-transition:      1s;
    transition:         1s;

    pointer-events: auto;
}

/** slides **/
.slide {
    width: 100%;
    height: 100%;
    padding: 20px 30px;
 
 -moz-border-radius: 50px; 
  -webkit-border-radius: 50px; 
  border-radius: 50px; 
 
    color: #fff;
}

.slide.slide-dark{
  background: rgba(0,0, 0, 0.7);
}

.transparent-menu{ 
  padding: 20px;

  -moz-border-radius: 30px; 
  -webkit-border-radius: 30px; 
  border-radius: 30px; 

  background: rgba(30, 30, 30, 0.7);
 }

 
 
/** text styles **/
.slide h2 {
  font-size: 60px;
  text-transform: uppercase;  
}

.slide h3 {
  font-size: 40px;
}

.slide ul, .slide ol {
  text-align: left;
}

.slide a {
  color: #99e6ff;
}

.slide a:hover {
  color: #ffbb99;
}


.slide table {
  width: 100%;
}

.slide .highlight {
  color: #f00;
}

.slide .title-text{
  font-size: 70px;
  font-family: 'Orbitron', Arial, Sans-serif;
  font-weight: bold;
  text-align: centre;
  padding: 150px 0px 100px 0px;
}

.slide .smalltext{
  font-size: 18px;
}

.landing-title-text{
  color: #fff;
  font-size: 70px;
  font-weight: bold;
  text-align: centre;
  padding: 150px 0px 100px 0px;
  text-transform: uppercase;  
}

.final-text {
  visibility: hidden;
  position: absolute;
  color: #fff;
  font-size: 16px;
  bottom: 20%;
  right: 20%;
}

/** Menu using font-awesome **/
.menubar {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 250px;
  z-index: 1000;
  
  color: #fff;
  display: none;
}

.menubar li {
  padding-left: 12px;
  line-height: 25px;
  font-size: 18px;
}

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

.menubar p {
  text-align: center;
  padding: 10px 5px;
}
.menubar .text {
  text-align: center;
  cursor: pointer;
}

.menu-gear-icon {
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 1000;

  color: #fff;  
  cursor: pointer;
}


/** simple animations for jmpress **/
.will-appear {
    transition-property: opacity;
    opacity: 0.0;
}

.do-appear {
    opacity: 1.0;
}

/* Preloader */
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    margin:-100px 0 0 -100px; /* is width and height divided by two */
    text-align:center;
}

/* IE 8 */
.ie_container {
    margin:0 auto;
    font-size:20pt;
    padding:0 40px;
    text-align:center;
}

.ie_container .slide-text{
    color: #aaa;
    text-align: centre;
    padding: 0 auto;
}

.ie_container .slide-text a{
    color: #fff;
    font-weight: bold;
}