@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,100,200);

body {
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  font-weight: 900;
  margin: 0;
}

/*
**************************
PRELOADER
**************************
*/

.preloader{
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  background:black;
  z-index:999;
}

.preloader .item{
  position:absolute;
  width:50px;
  height:50px;
  left:50%;
  top:50%;
  margin-left:-25px;
  margin-top:-25px;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 0px auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 0.5s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

/*
**************************
CONTENT
**************************
*/

.content{
  position:relative;
  width:80%;
  padding: 0;
  background-color: black;
  color: white;
}

#ajax-content{
  width:100%;
  height:100vh;
}

.content .text-intro{
  width: 100%;
  margin: 0 auto 0;
}

.content .text-intro #maintitle {
  padding-top: 13rem;
  color: white;

}

.content .text-intro h1 {
  font-size:43px;
  width:40%;
  text-transform:uppercase;
  color:white;
  font-weight:900;
  line-height:70px;
  font-family: 'Raleway', sans-serif;
}

.content .text-intro p {
  font-size:13px;
  color:#8d8d8d;
  margin-top:5rem;
  font-weight:900;
  line-height:22px;
  letter-spacing:1px;
  width:40%;
}

        .typed-cursor{
            opacity: 1;
            font-weight: 900;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }

a {
  text-decoration: none;
}

/*
**************************
LEFT AND RIGHT SIDEBARS
**************************
*/

.left-sidebar{
  top:0;
  position:absolute;
  width:20%;
  right:100;
  height:100%;
  background:#f4f4f4;
  z-index:9;
  overflow:hidden;
  background-size:100%;
}

.right-sidebar{
  top:0;
  position:absolute;
  width:20%;
  right:0;
  height:100%;
  background:#f4f4f4;
  z-index:9;
  overflow:hidden;
  background-size:100%;
  height: 100%;
}

.parallax{
  position:absolute;
}

.parallax-option{
  position:absolute; width:100%; height:120%;
}