/*----- GLOBAL -----*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	/*padding:140px 0;*/
}

a, a:hover, a:visited, a:focus{
	color:#949494;
	text-decoration:none;
}

h1 {
    margin: 0;
    padding: 0 0 50px 0;
    font-size: 1.875;
	font-style:normal;
    font-weight:400;
	color:#ffffff;
}

p {
    margin: 0;
    padding: 0;
    font-size: 1.1875em;
	font-style:normal;
    font-weight:300;
	color:#ffffff;
}

.text-s{
	font-size:0.9375em !important;
	padding: 20px 0 40px 0 !important;
}

@media (min-width:768px){
	h1 {
		font-size: 30px;
	}
	
	p {
		font-size: 17px;
	}
	
	.text-s{
		font-size:15px !important;
		padding: 20px 0 0 0 !important;
	}
}

.green{
	color:#2cdbb9;
}

.bold{
	font-weight:600;
}


.padding140{
	padding-top: 110px;
	padding-bottom: 110px;
	text-align: center;
    vertical-align: middle;
}
	
@media (min-width:768px){
	.padding140{
		padding-top: 140px;
		padding-bottom: 140px;
	}
}


/*----- INTRO -----*/
.intro {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    /*background: url(../img/bg.jpg) no-repeat center center scroll;*/
	background:#fafafa;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.text-vertical-center h2 {
    margin: 0;
    padding: 0;
    font-size: 1.375em;
	line-height:1.38em;
	font-style:normal;
    font-weight:300;
	color:#949494;
}

@media (min-width:768px){
	.text-vertical-center h2 {
		font-size: 22px;
		line-height: 28px;
	}
}

.intro-logo{
	width:50%;
	max-width:206px;
	margin:0 auto;
}

hr.small {
	width:58%;
    max-width: 325px;
	margin:35px auto 33px;
	color:#bababa;
	border-top: 1px solid #bababa !important; 
}

@media (min-width:768px){
	h2 span{
		display:block;
	}
}

.arrow {
    position:absolute;
	border-bottom: 2px solid #bababa;
    border-right: 2px solid #bababa;
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: 20px;
    margin-left: -10px;
    transform: rotateZ(45deg);
    opacity: 0;
}

#arrow1{
	animation:arrow1Anima 3s infinite;
	-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	transition-timing-function:cubic-bezier(.645,.045,.355,1)
}

#arrow2{
	animation:arrow2Anima 3s .1s infinite;
	-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);
	transition-timing-function:cubic-bezier(.645,.045,.355,1)
}
	
@keyframes arrow1Anima{
	0%{
		opacity:0;
		bottom:60px;
	}
	30%,40%{
		opacity:1;
		bottom:40px;
	}60%{
		opacity:0;
	}
}

@keyframes arrow2Anima{
	0%{
		opacity:0;
		bottom:70px;
	}
	35%,44%{
		opacity:1;
		bottom:52px;
	}
	60%{
		opacity:0;
	}
}


/*----- IDEA -----*/
.idea {
    display: table;
    width: 100%;
    /*height: 500px;*/
    color: #fff;
    background: url(../img/idea-bg.jpg) #4a4a4a no-repeat -230px center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (min-width:768px){
	.idea {
		background: url(../img/idea-bg.jpg) #4a4a4a no-repeat center center scroll;
	}
}

/*----- RESEARCH -----*/
.research {
    display: table;
    position: relative;
    width: 100%;
	background:#fafafa;
}

.research h1{
    color:#949494;
}

.research p{
    color:#949494;
}

.research-text{
	margin-top:20px;
	margin-bottom: 40px;
}

.research-icon{
	width:50%;
	max-width:150px;
	margin:0 auto;
}


/*----- CONTACT -----*/
.contact {
    display: table;
    position: relative;
    width: 100%;
	background:#e5eaeb;
}

.contact h1{
    color:#878686;
}

.contact p{
    color:#878686;
	padding:10px 0;
}

.contact p .name{
    font-size:1.375em;
	color:#2cdbb9;
	font-weight:600;
}

@media (min-width:768px){
	.contact p .name{
    	font-size:22px;
		color:#2cdbb9;
		font-weight:600;
	}
}

.contact-photo{
	width:80%;
	max-width:165px;
	margin:0 auto;
}

a{
	text-decoration:underline;
	color:#878686;
}

a:hover{
	text-decoration:none;
	color:#878686;
}

.padding-top{
	padding-top: 40px;
}


@media (min-width:768px){
	.padding-top{
		padding-top:0px;
	}
}



/*----- FOOTER -----*/
.footer {
    display: table;
    position: relative;
    width: 100%;
	background:#2cdbb9;
}


.footer p{
	font-size:1em;
    color:#ffffff;
	padding:20px 0 20px 0;
}

@media (min-width:768px){
	.footer p{
		font-size:1em;
		color:#ffffff;
		padding:20px 0 30px 0;
	}
}

.footer a{
	color:#ffffff;
	text-decoration:none;
}





@media (min-width:768px){
	#top, #bottom, #left, #right {
		background: #d7d7d7;
		position: fixed;
		z-index:1;
		}
		#left, #right {
			top: 0; bottom: 0;
			width: 1px;
			}
			#left { left: 0; margin-left:10px; margin-top:10px; margin-bottom:10px;}
			#right { right: 0; margin-right:10px; margin-top:10px; margin-bottom:10px;}
			
		#top, #bottom {
			left: 0; right: 0;
			height: 1px;
			}
			#top { top: 0;  margin-top:10px; margin-left:10px; margin-right:10px;}
			#bottom { bottom: 0; margin-bottom:10px; margin-left:10px; margin-right:10px;}
}


/* Progress Tracker */

@media (min-width:768px){
	.progress-tracker {
	  position: fixed;
	  top: 50%;
	  right: 20px;
	}
	.progress-tracker.hide {
	  width: 0px;
	}
	.progress-tracker ul li {
	  width: 15px;
	  height: 15px;
	  position: relative;
	  margin-bottom: 20px;
	  list-style-type: none;
	  background-image:url(../img/bullet.png);
	}
	.progress-tracker ul li a {
	  width: 100%;
	  height: 100%;
	  display: block;
	}
	.progress-tracker ul li.active {
	  background-image:url(../img/bullet-active.png);
	}
}



.burger-menu {
  position: fixed;
  left:20px;
  top: 20px;
  z-index:2;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

@media (min-width:768px){
	.burger-menu {
	  position: fixed;
	  left:40px;
	  top: 40px;
	  z-index:2;
	  width: 30px;
	  height: 30px;
	  margin: 0 auto;
	}
}

.burger-click-region {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.burger-menu-txt {
	color:#949494;
	text-decoration:none;
  display: block;
  position: absolute;
  left: 50px;
  top: -10px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83), -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
}
.is-open .burger-menu-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.burger-menu-txt-2 {
	color:#949494;
	text-decoration:none;
  display: block;
  position: absolute;
  left: 128px;
  top: -10px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83), -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.is-open .burger-menu-txt-2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.burger-menu-txt-3 {
	color:#949494;
	text-decoration:none;
  display: block;
  position: absolute;
  left: 209px;
  top: -10px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83), -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83);
  -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}
.is-open .burger-menu-txt-3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.burger-menu-txt:hover, .burger-menu-txt-2:hover, .burger-menu-txt-3:hover {
	color:#949494;
	text-decoration:none;
}

.burger-menu-piece {
  display: block;
  position: absolute;
  width: 30px;
  border-top: 2px solid #bababa;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 400ms ease-out;
  transition: -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out;
  transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
}
.burger-menu-piece:nth-child(1) {
  top: 0;
}
.burger-menu-piece:nth-child(2) {
  top: 10px;
  opacity: 1;
  -webkit-transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
}
.burger-menu-piece:nth-child(3) {
  top: 20px;
}
.active .burger-menu-piece:nth-child(1) {
  -webkit-animation: burger-open-top 400ms ease-out forwards;
          animation: burger-open-top 400ms ease-out forwards;
}
.active .burger-menu-piece:nth-child(2) {
  opacity: 0;
  -webkit-transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
}
.active .burger-menu-piece:nth-child(3) {
  -webkit-animation: burger-open-bot 400ms ease-out forwards;
          animation: burger-open-bot 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(1) {
  -webkit-animation: burger-close-top 400ms ease-out forwards;
          animation: burger-close-top 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(3) {
  -webkit-animation: burger-close-bot 400ms ease-out forwards;
          animation: burger-close-bot 400ms ease-out forwards;
}

@-webkit-keyframes burger-open-top {
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
}

@keyframes burger-open-top {
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
}
@-webkit-keyframes burger-open-bot {
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
}
@keyframes burger-open-bot {
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
}
@-webkit-keyframes burger-close-top {
  0% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-top {
  0% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes burger-close-bot {
  0% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(0deg);
            transform: translate3d(0, -10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-bot {
  0% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(0deg);
            transform: translate3d(0, -10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


.privacypolicy h1{
    font-size: 1.875;
	font-style:normal;
    font-weight:300;
    
    margin: 100px 0 30px 0;
    padding: 0;

	color:#949494;
}
.privacypolicy p{
    color:#949494;
    margin: 10px 0;
}