html.home__html, body.home__body{
	width:100%; 
	height:100%; 
	padding:0px; 
	margin:0px;
	overflow-x: hidden;
	background: #191919; /* Old browsers */

}
body {
    font-family: 'PT Sans';
    font-size: .833em;
}

div {
    display: block;
    position:relative;
}

a {
 color: #006274;
}
a:hover {
 color: #007185;
}

.copy {
    font-size: .75rem;
    color: #777;
}

.home__title {
    color: #ccc;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.35);
}
span.home__title,
p.home__title {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
}  
p.home__title {
    font-size: 1rem;
}   
p.home__title.title__tech-work {
    font-size: .75rem; 
    font-weight: normal;
}  
p.home__title.title__tech-work b {
    color: #fff;
}
h1.home__title {
    opacity: 0;
    position: fixed;
    top: -200%;
    left: -200%;
}

.actionBtn {
    display: inline-block;
    position: relative;
    padding: 1rem;                       
    background: rgba(0,122,190,1);
    background: -moz-linear-gradient(0deg, rgba(0,122,190,1) 0%, rgba(0,212,255,1) 50%, rgba(0,122,190,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,122,190,1) 0%, rgba(0,212,255,1) 50%, rgba(0,122,190,1) 100%);
    background: linear-gradient(0deg, rgba(0,122,190,1) 0%, rgba(0,212,255,1) 50%, rgba(0,122,190,1) 100%);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.35), 0 3px 5px 0 rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,246,255,.35), inset 0 0 15px 0 rgba(0,0,0,.35); 
    border-radius: 3px;
    box-sizing: border-box;
    text-shadow: 0 0 1px rgba(0,0,0,.35);
    text-transform: uppercase;
    transition: all .3s ease;
}
.actionBtn span {
    display: block;  
    position: relative;   
    color: #212121;    
    transition: all .3s ease;
    z-index: 2;
}
.actionBtn:before,
.actionBtn:after {   
    display: block;
    position: absolute;
    left: 0;
    content: ' ';
    width: 100%;
    height: 50%;                                
    box-shadow: inset 0 0 0 1px rgba(241,223,74,.35);
    transition: all .3s ease;
    z-index: 1;
} 
.actionBtn:before {
    top: 0;     
    background: rgb(176,119,51);
    background: -moz-linear-gradient(180deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    background: linear-gradient(180deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    border-radius: 3px 3px 0 0;                        
}
.actionBtn:after {
    bottom: 0;      
    background: rgb(176,119,51);
    background: -moz-linear-gradient(0deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    background: linear-gradient(0deg, rgba(176,119,51,1) 0%, rgba(241,179,74,1) 100%);
    border-radius: 0 0 3px 3px;                         
}
.actionBtn:hover {           
    text-decoration: none;
}  
.actionBtn:hover:before,
.actionBtn:hover:after { 
    height: 0;      
}    
.actionBtn:hover:before { 
    box-shadow: inset 0 0 0 1px rgba(241,223,74,.35), 0 1px 2px 0 rgba(0,0,0,.35);
} 
.actionBtn:hover:after { 
    box-shadow: inset 0 0 0 1px rgba(241,223,74,.35), 0 -1px 2px 0 rgba(0,0,0,.35);
}
.actionBtn:active,
.actionBtn.active {
    background: rgba(0,180,190,1);
    background: -moz-linear-gradient(0deg, rgba(0,180,190,1) 0%, rgba(0,255,200,1) 50%, rgba(0,180,190,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,180,190,1) 0%, rgba(0,255,200,1) 50%, rgba(0,180,190,1) 100%);
    background: linear-gradient(0deg, rgba(0,180,190,1) 0%, rgba(0,255,200,1) 50%, rgba(0,180,190,1) 100%);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.35), 0 3px 5px 0 rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,246,255,.35), inset 0 0 15px 0 rgba(0,0,0,.35); 
}  
.actionBtn.active:before,
.actionBtn.active:after,  
.actionBtn:active:before,
.actionBtn:active:after { 
    height: 0;      
} 



.actionBtn__w100 {
    width: 100%;
}


.home__stage,
.nav__stage,
.wrapper {
    position: fixed;
    top: 0;   
} 
.wrapper {
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;    
    transition: all .5s ease;  
}
.wrapper__cor {
    max-width: 1280px;
    margin: 1rem auto;
    box-sizing: border-box;
}
.screen {  
    display: table;         
    width: 100%;
    height: 100%; 
    opacity: 0;
    transition: all .5s ease;  
} 
.screen__cor {
    display: table-cell;
    text-align: center;   
    vertical-align: middle;
}
.screen__content {
    display: inline-block;
    max-width: 640px;
}
.screen.home__stage {
    left: 0;
}   
.screen.nav__stage {
    right: -100%;
}    
.screen.nav__stage.onCanvas {
    right: 0%;
}
.screen.home__stage.offCanvas {
    left: -100%;
}  
.screen.home__stage.offCanvas {
    left: -100%;
}


header {
    display: block;
    position:;
    background: rgba(0,0,0,.5);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), 0 0 3px 0 rgba(0,0,0,.35);
}

.logo__pages {
    display: block;
    width: 280px;
    height: 64px;
    text-transform: uppercase;
}
.logo__pages span {
    display: inline-block;
}
.logo__pages span:nth-child(1) {
    float: left;
}         
.logo__pages span:nth-child(2) { 
    margin-top: 8px;
    font-size: 1rem;
    font-weight: bold;    
    line-height: 24px;
    color: #fff;
}
.logo__pages span:nth-child(3) {
    font-size: .85rem;  
    line-height: 24px;    
    color: #aaa;
}


/*Home*/
#projector {
  position: absolute; 
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
} 

.center-div {
	width:580px;
    height:374px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -290px;
    margin-top:  -187px;
}

#preloaderDiv
{
	position:absolute;
	left:50%;
    top:50%;
    margin-left: -27px;
    margin-top:  -27px;
}

#logo{
	opacity:0;
    filter: alpha(opacity=0);
}

#date2014
{
	position:absolute;
	padding-left: 210px;
	padding-top:15px;
	opacity:0;
	top:303px;
	left:0;
    filter: alpha(opacity=0);
}