@charset "UTF-8";

@font-face {
  font-family: 'phs';
  src: url('font/phs.eot?50506413');
  src: url('font/phs.eot?50506413#iefix') format('embedded-opentype'),
       url('font/phs.woff?50506413') format('woff'),
       url('font/phs.ttf?50506413') format('truetype'),
       url('font/phs.svg?50506413#phs') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'phs';
    src: url('../font/phs.svg?50506413#phs') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "phs";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-link-ext:before { content: '\e802'; } /* '' */
.icon-comment-empty:before { content: '\e803'; } /* '' */
.icon-phone:before { content: '\e804'; } /* '' */
.icon-angle-double-down:before { content: '\e801'; } /* '' */


i {
	font-size: 1.6rem;
	opacity: 1;
	color: inherit;
}

.fffix i {
	color: white;
}

.fffix .scroll i,
.scroll i {
	font-size: 2.2rem;
	color: inherit;
}

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

.preload * {
	-webkit-transition:none!important;
	-moz-transition:none!important;
	-ms-transition:none!important;
	-o-transition:none!important;
}

.loading {
	background: url(../imgs/ajax-loader.gif) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -10;
}


html {
	font-size: 62.5%; 
	width: 100%;
    height: 100%; 
    }

/* #12231c */
/* #00c165 */


body {
	font-family:'Karla',Futura, sans-serif;
	font-weight: 400;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.5;
	bottom: 0;
    height: auto;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    width: auto;
    
}

body.dark {
	color:white;
	background: rgb(12,12,12);
}

body.white {
	color:#000;
	background: white;
}


body.dark a:link,
body.dark a:visited {
	color:black;
	text-decoration:none;
	border-bottom:1px solid black;
/* 	border-bottom:1px solid #00c165; */
	-o-transition:color .15s ease-out, background 0.1s ease-in;
	-ms-transition:color .15s ease-out, background 0.1s ease-in;
	-moz-transition:color .15s ease-out, background 0.1s ease-in;
	-webkit-transition:color .15s ease-out, background 0.1s ease-in;
	transition:color .15s ease-out, background 0.1s ease-in;
}

body.white a:link,
body.white a:visited {
	color:black;
	text-decoration:none;
	border-bottom:1px solid black;
/* 	border-bottom:1px solid #00c165; */
	-o-transition:color .15s ease-out, background 0.1s ease-in;
	-ms-transition:color .15s ease-out, background 0.1s ease-in;
	-moz-transition:color .15s ease-out, background 0.1s ease-in;
	-webkit-transition:color .15s ease-out, background 0.1s ease-in;
	transition:color .15s ease-out, background 0.1s ease-in;
}

body.white a:hover,
body.dark a:hover {
	color: white;
	text-decoration:none;
	border-bottom:none;
	background-color:blue;
	border-bottom: 1px solid transparent;
	}

::selection {
	background-color:rgba(0,0,256,0.99);
	color: white;
}

::-moz-selection {
	background-color:rgba(0,0,256,0.99);
	color: white;
}
.contact {
	font-size: 1.6rem;
	margin-top: 2.5em;
}

ul.contact li {display:inline-block;margin-right: 10px;}

ul.contact li:after {
	/* content: ' / '; */
	border-bottom: none !important;
}

ul.contact li:last-child:after {
	content: '';
}


.content .intro {
}

.intro {
	font-size: 6.2rem;
	line-height: 1.3em;
	color: inherit;
}

	
p.contact {
	font-size: 1.8rem;
}




h1,
h2 {
	font-size: 3.4rem;
	line-height: 1.4em;
}

h1 {	
    font-weight: 800;
    margin-bottom: 0px;
    color: blue;
}

h2 {
    font-family: 'Karla','Futura','Helvetica Neue', sans-serif;
    font-weight: 400;
    margin-bottom: 15px; 

/*	background: linear-gradient(to left, #000 20%, #111 40%, #222 50%, #000 80%); */
/*  	background-size: 400% auto;*/
/*  	background-clip: text;*/
/*  	text-fill-color: transparent;*/
/*  	-webkit-background-clip: text;*/
/*  	-webkit-text-fill-color: transparent;*/
/*	-webkit-animation: shine 15s ease-in-out infinite;*/
/*    animation: shine 15s ease-in-out infinite;*/
}






@-webkit-keyframes shine {
  to {
    background-position: 400% center;
  }
}
@keyframes shine {
  to {
    background-position: 400% center;
  }
}

/* 	url("../bg/w/01.jpg") no-repeat fixed center center / cover  transparent 
.dark.img01 .img {background: url(../bg/b/01.jpg) no-repeat fixed center center / cover transparent;}
.dark.img03 .img {background: url(../bg/b/03.jpg) no-repeat fixed center center / cover transparent;}
.dark.img04 .img {background: url(../bg/b/04.jpg) no-repeat fixed center center / cover transparent;}
.dark.img05 .img {background: url(../bg/b/05.jpg) no-repeat fixed center center / cover transparent;}
.dark.img06 .img {background: url(../bg/b/06.jpg) no-repeat fixed center center / cover transparent;}
.dark.img07 .img {background: url(../bg/b/04.jpg) no-repeat fixed 54% 26%;background-size: 66% auto !important;}
.white.img01 .img {background: url(../bg/w/01.jpg) no-repeat center center fixed;background-size: cover;}
.white.img02 .img {background: url(../bg/w/02.jpg) no-repeat center center fixed;background-size: cover;}
.white.img03 .img {background: url(../bg/w/03.jpg) no-repeat center center fixed;background-size: cover;}
.white.img04 .img {background: none;}
.white.img05 .img {background: url(../bg/w/05.jpg) no-repeat center center fixed;background-size: cover;}
.white.img06 .img {background: url(../bg/w/06.jpg) no-repeat center center fixed;background-size: cover;}
.white.img07 .img {background: url(../bg/w/07.jpg) no-repeat center center fixed;background-size: cover;}
.white.img08 .img {background: url(../bg/w/08.jpg) no-repeat center center fixed;background-size: cover;}

.white.fffix .img {
	background-color: rgb(12,12,12) !important;
}

	*/
	
	
video{
position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
	filter:opacity(50%);
}
.video-container {
	overflow: hidden;

}
	
.masthead,
.content {
	position: relative;
	width: 100%;
	height: 100%; 

	background-color: transparent;
	margin: 0;
	padding: 0;
	z-index: 1000;
}


.img {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; 
	opacity: 0;
	-webkit-animation:fadeIn .8s 2s 1 forwards ease-in-out;
	-moz-animation:fadeIn .8s 2s 1 forwards ease-in-out;
	animation:fadeIn .8s 2s 1 forwards ease-in-out;
	}


.content {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	height: 100%;
}



.dark .overlay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backface-visibility: hidden;
/* background: linear-gradient(to bottom, rgba(12,12,12,0) 39%,rgba(12,12,12,0.46) 67%, rgba(12,12,12,0.8) 100%); */
background: transparent;
}


.white .overlay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backface-visibility: hidden;
/* background: linear-gradient(to bottom, rgba(256,256,256, 0.8) 39%,rgba(256,256,256, 0.46) 67%, rgba(256,256,256, 0) 100%); */
background: white;
}



.header,
.intro {
	top: 10%;
    left: 10%;
    position: absolute;
    width: 80%;
    max-width: 70em;
    z-index: 1000;
}

.intro {
	padding-bottom: 5%;
	font-size: 6.4rem;
    line-height: 1.25em;
}

.header {
	z-index: 10;
	font-size: 3.2rem;
	line-height: 1.4em;
	pointer-events: auto;
}

.scroll {
	position: absolute;
	bottom: 5%;
	left: 10%;
	z-index: 5;
	font-size: 3.2rem;
}

.bouncein,
.bouncein2 {
	opacity: 0;
	-webkit-transform:translateZ(0);
		-moz-transform:translateZ(0);
			transform:translateZ(0);
	-webkit-transform-style:preserve-3d;
		-moz-transform-style:preserve-3d;
			transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
			-ms-backface-visibility:hidden;
				backface-visibility:hidden;
}

.bouncein {
	-webkit-animation:bounceInDown .8s .5s 1 forwards ease-in-out;
		-moz-animation:bounceInDown .8s .5s 1 forwards ease-in-out;
			animation:bounceInDown .8s .5s 1 forwards ease-in-out;
}

.bouncein2 {
	-webkit-animation:bounceInDown .85s .5s 1 forwards ease-in-out;
		-moz-animation:bounceInDown .85s .5s 1 forwards ease-in-out;
			animation:bounceInDown .85s .5s 1 forwards ease-in-out;
}

.fadein {
	opacity: 0;
	-webkit-animation:fadeIn 1s 1.5s 1 forwards ease-in-out;
	-moz-animation:fadeIn 1s 1.5s 1 forwards ease-in-out;
	animation:fadeIn 1s 1.5s 1 forwards ease-in-out;
}

.fadein-1 {
	opacity: 0;
	-webkit-animation:fadeIn 0.5s forwards ease-in-out;
	-moz-animation:fadeIn 0.5s forwards ease-in-out;
	animation:fadeIn 0.5s forwards ease-in-out;
/* 	visibility: hidden; */

}
.fadeout-1 {
	opacity: 1;
	-webkit-animation:fadeOut 0.5s forwards ease-in-out;
	-moz-animation:fadeOut 0.5s forwards ease-in-out;
	animation:fadeOut 0.5s forwards ease-in-out;
}


.fadeout {
	opacity: 1;
	-webkit-animation:fadeOut .5s 4s 1 forwards ease-in-out;
	-moz-animation:fadeOut .5s 4s 1 forwards ease-in-out;
	animation:fadeOut .5s 4s 1 forwards ease-in-out;
}

.fadeouthalf {
	opacity: 1;
	-webkit-animation:fadeOut .5s 2s 1 forwards ease-in-out;
	-moz-animation:fadeOut .5s 2s 1 forwards ease-in-out;
	animation:fadeOut .5s 2s 1 forwards ease-in-out;
}

.cursorwait {
	cursor:wait;
}


@media ( max-width : 1440px ) {
	h1,
	h2 {
		font-size: 5.4rem;
		line-height: 1.3em;
	}
}
 

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1,
	h2,
	.scroll,
	.intro {
		font-size: 3.2rem;
		line-height: 1.3em;
	}
	
}

@media only screen and (max-width: 767px) {      
	.hideifsinglecolumn {
		display: none;
	}
	
	h1,
	h2,
	.intro,
	.scroll {
		font-size: 1.8rem;
		line-height: 1.5em;
	}
	
	h2 {
		margin-bottom: 10px;
	}
	
	ul.contact li {display:block; line-height: inherit;}
	ul.contact li:after {display:none;}
	
	
	h1,
	h2,
	.contact
	{
	/*	text-shadow: 0px 1px 10px rgba(119, 119, 119, 0.8); */
	}
	
	.contact {
		font-size: 1.8rem;
		margin-top: 2.5em;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1,
	h2,
	.intro {
		font-size: 2.2rem;
		line-height: 1.5em;
	}
        
}
    





@-webkit-keyframes bounceInDown {
	0% {
		opacity:0;
		visibility: visible;
		-webkit-transform:translateY(-2000px);
	}
	
	60% {
		opacity:1;
		visibility: visible;
		-webkit-transform:translateY(30px);
	}
	
	80% {
		opacity:1;
		visibility: visible;
		-webkit-transform:translateY(-10px);
	}
	
	100% {
		opacity:1;
		visibility: visible;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity:0;
		visibility: visible;
		-moz-transform:translateY(-2000px);
	}
	
	60% {
		opacity:1;
		visibility: visible;
		-moz-transform:translateY(30px);
	}
	
	80% {
		
		opacity:1;
		visibility: visible;
		-moz-transform:translateY(-10px);
	}
	
	100% {
		opacity:1;
		visibility: visible;
		-moz-transform:translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity:0;
		visibility: visible;
		-o-transform:translateY(-2000px);
	}
	
	60% {
		opacity:1;
		visibility: visible;
		-o-transform:translateY(30px);
	}
	
	80% {
		opacity:1;
		visibility: visible;
		-o-transform:translateY(-10px);
	}
	
	100% {
		opacity:1;
		visibility: visible;
		-o-transform:translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		visibility: none;
		visibility: visible;
		transform:translateY(-300px);
	}
	
	60% {
		visibility:visible;
		transform:translateY(30px);
	}
	
	80% {

		transform:translateY(-10px);
	}
	
	100% {
		transform:translateY(0);
	}
}

.bounceInDown {
	-webkit-animation:bounceInDown .8s .5s 1 both ease-out;
	-moz-animation:bounceInDown .8s .5s 1 both ease-out;
	animation:bounceInDown .8s .5s 1 both ease-out;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}


@-webkit-keyframes fadeOut {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
	}
}

@-o-keyframes fadeOut {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
	}
}

@keyframes fadeOut {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
	}
}


@-webkit-keyframes fadeOutHalf {
	0% { opacity:1; }
	100% { opacity:0.3;	}
}

@-moz-keyframes fadeOutHalf {
	0% { opacity:1; }
	100% { opacity:0.3;	}
}

@-o-keyframes fadeOutHalf {
	0% { opacity:1; }
	100% { opacity:0.3;	}
}

@keyframes fadeOutHalf {
	0% { opacity:1; }
	100% { opacity:0.3;	}
}