body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,code,form,fieldset,legend,input,button,textarea,blockquote,figure,th,td{margin:0;padding:0;border:0}body{line-height:1}h1,h2,h3,h4,h5,h6,big,small,sub,sup{font-size:100%}h1,h2,h3,h4,h5,h6,th,strong,dt,b{font-weight:normal}blockquote,q,em,cite,dfn,i,cite,var,address{font-style:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote p:before,blockquote p:after,q:before,q:after{content:""}a,ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}th{text-align:left}label,select,button,input[type="submit"],input[type="reset"],input[type="button"]{width:auto;overflow:visible;cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

@font-face {
	font-family: "Neue Helvetica";
	src: url("//external.nikol.ai/fonts/neuehelvetica.eot");
	src: url("//external.nikol.ai/fonts/neuehelvetica.eot?#iefix") format("embedded-opentype"),
		 url("//external.nikol.ai/fonts/neuehelvetica.woff") format("woff");
}
@font-face {
	font-family: "Neue Helvetica Bold";
	src: url("//external.nikol.ai/fonts/neuehelveticabold.eot");
	src: url("//external.nikol.ai/fonts/neuehelveticabold.eot?#iefix") format("embedded-opentype"),
		 url("//external.nikol.ai/fonts/neuehelveticabold.woff") format("woff");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: "Neue Helvetica";
		src: url("//external.nikol.ai/fonts/neuehelvetica.svg#neuehelvetica") format("svg");
	}
	@font-face {
		font-family: "Neue Helvetica Bold";
		src: url("//external.nikol.ai/fonts/neuehelveticabold.svg#neuehelveticabold") format("svg");
	}
}
@font-face {
	font-family: Icons;
	src: url("Icons.eot");
	src: url("Icons.eot?#iefix") format("embedded-opentype"),
		 url("Icons.woff") format("woff");
}

html,
body {
	height: 100%;
}
body {
	position: relative;
	width: 460%;
	font: 32px/1.2 "Helvetica Neue", "Neue Helvetica", Helvetica, Arial, sans-serif;
	color: #fff;
}
#noscript>body {
	width: 400%;
}
.loading>body,
.opening {
	overflow: hidden;
}
.current {
	position: absolute;
	width: 17.39%;
}
section,
section.fixed,
.current~section {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1;
	margin-right: -600px;
	border-right: 600px solid transparent;
	width: 80%;
	overflow: hidden;
	background-position: 75% 50%;
	background-repeat: no-repeat;
	background-size: 8em auto;
}
.opening>section {
	margin-bottom: -1000px;
	border-bottom: 1017px solid transparent;
	-webkit-transition: left 1s;
	transition: left 1s;
}
#noscript section {
	position: relative;
	left: 0;
	float: left;
	width: 20%;
	height: 100%;
}
.open>.primary {
	left: -1px;
}
.section1.current {
	left: 17.39%;
}
.section1,
.section1.fixed {
	left: 5%;
}
.current~.section1 {
	left: 80%;
}
.section2.current {
	left: 39.13%;
}
.section2,
.section2.fixed {
	left: 10%;
}
.current~.section2 {
	left: 85%;
}
.section3.current {
	left: 60.87%;
}
.section3,
.section3.fixed {
	left: 15%;
}
.current~.section3 {
	left: 90%;
}
.section4.current {
	left: 82.61%;
}
.section4,
.section4.fixed {
	border-right: none;
	left: 20%;
}
.current~.section4 {
	left: 95%;
}
section:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 2em;
	font-family: Icons, "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	line-height: 2em;
	text-align: center;
}
section[id=home]:before {
	content: "N";
}
section[id=sites]:before {
	content: "S";
}
section[id=profiles]:before {
	content: "P";
}
section[id=travel]:before {
	content: "T";
}
section[id=contact]:before {
	content: "C";
}
h1,
h2 {
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	letter-spacing: -.05em;
	text-transform: lowercase;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
h1 {
	position: absolute;
	left: 1.2em;
	top: .25em;
	font-size: 3em;
	line-height: 1;
	-webkit-transform: translate(-.3em, 2.02em) rotate(315deg);
	-ms-transform: translate(-.3em, 2.02em) rotate(315deg);
	transform: translate(-.3em, 2.02em) rotate(315deg);
}
h1>span:first-child {
	text-shadow: -1.85em .79em rgba(0,140,210,.25),
		4.41em .79em rgba(0,140,210,.25),
		1.85em -.79em rgba(0,140,210,.15),
		-.69em -2.37em rgba(0,140,210,.05);
}
h1>span+span {
	position: absolute;
	top: .79em;
	text-shadow: -4.42em -.79em rgba(0,140,210,.2),
		1.85em -.79em rgba(0,140,210,.2),
		-2.55em -1.58em rgba(0,140,210,.15),
		-.7em -2.37em rgba(0,140,210,.1);
}
h1>span:first-child+span {
	right: 0;
}
h1>span:first-child+span+span {
	left: 100%;
}
a {
	color: inherit;
}
section a {
	margin: -.1em -.3em;
	padding: .1em .3em;
	border-radius: .25em;
	outline: none;
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	text-shadow: -1px -1px transparent,
		1px -1px transparent,
		1px 1px transparent,
		-1px 1px transparent;
	-webkit-transition: background-color .5s, text-shadow .5s;
	transition: background-color .5s, text-shadow .5s;
}
h2 {
	position: absolute;
	left: 0;
	bottom: 3em;
	width: 13em;
	font-size: inherit;
	line-height: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.ie h2 {
	bottom: 16em;
}
h2 a {
	display: block;
	margin: 0 -999px;
	padding: .9em 999px 1.1em;
	font-weight: normal;
}
#home {
	background-color: #008cd2;
}
section[id=home] a:hover {
	background-color: #00aee4;
}
#sites {
	background-color: #c20839;
	background-image: url(sites.png);
}
section[id=sites] a:hover {
	background-color: #eb1755;
}
#profiles {
	background-color: #00a532;
	background-image: url(profiles.png);
}
section[id=profiles] a:hover {
	background-color: #00c789;
}
#travel {
	background-color: #935782;
}
section[id=travel] a:hover {
	background-color: #b18fac;
}
#contact {
	background-color: #dd731d;
	background-image: url(contact.png);
}
section[id=contact] a:hover,
button {
	background-color: #fd8713;
}
.primary>h2>a:hover {
	background-color: transparent;
	cursor: default;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
section>ul,
form {
	position: absolute;
	counter-reset: list;
	background-color: inherit;
	font-size: .5em;
}
#home>ul {
	padding: .5em 2em .5em 1em;
	right: 0;
	bottom: 2.375em;
}
section>ul:before,
form:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -1em;
	bottom: -1em;
	z-index: -1;
	background-color: inherit;
}
section>ul>li {
	position: relative;
	padding: .5em 1em .5em 2.25em;
}
#home li {
	padding: .25em .5em .25em 1.75em;
}
#home li+li {
	border-top: 1px solid;	
}
section>ul>li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	top: .5em;
	margin-left: -2em;
	width: 1.5em;
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	text-align: right;
}
#home li:before {
	top: .25em;
	margin-left: -1.5em;
	width: 1em;
	color: #00aee4;
}
#home:after {
	content: "";
	position: absolute;
	left: 2em;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: url(background.jpg) 100% 0 no-repeat;
	background-size: cover;
}
section+section>ul {
	left: 6.25%;
	bottom: 9.5em;
	width: 90.63%;
}
section+section>ul>li {
	display: table-cell;
}
#sites li {
	padding-left: 3.25em;
	width: 33.33%;
}
section+section>ul>li+li {
	border-left: 1px solid;
}
#sites li:before {
	top: 0;
	margin-left: -1.1em;
	width: .85em;
	color: #eb1755;
	font-size: 3em;
}
#sites li a {
	display: inline-block;
	margin-bottom: .1em;
	font-size: 1.33em;
	text-transform: lowercase;
}
#profiles li {
	font-size: 1.25em;
	text-transform: lowercase;
}
#profiles li:before {
	color: #00c789;
}
#travel>div {
	position: absolute;
	left: 2em;
	right: 0;
	top: 0;
	bottom: 0;
}
#travel>div>div>div+div {
	display: none !important;
}
dl {
	position: absolute;
	left: 7.81%;
	bottom: .5em;
	width: 12.75em;
	font-size: .5em;
}
dt {
	position: relative;
	padding: .5em 1em 0;
	text-transform: lowercase;
}
dt~dt {
	border-top: 1px solid;
}
#travel>dl a {
	box-shadow: -1px -1px transparent, 1px -1px transparent, 1px 1px transparent, -1px 1px transparent;
	-webkit-transition: box-shadow .5s, background-color .5s;
}
#travel>dl a:hover {
	box-shadow: -1px -1px #935782, 1px -1px #935782, 1px 1px #935782, -1px 1px #935782;
	-webkit-transition-duration: .1s, .1s;
}
dd {
	padding: 0 1.33em .67em;
	font-size: .75em;
	line-height: 1.6;
}
dd>small {
	display: block;
}
form {
	left: 5em;
	bottom: 10em;
	width: 56em;
}
form>p {
	padding-bottom: .38em;
	border-bottom: 1px solid;
	font-size: 1.33em;
}
.obfuscated {
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	text-align: left;
	direction: rtl;
	unicode-bidi: bidi-override;
}
.obfuscated>span {
	position: absolute;
	top: -9999px;
}
#contact div {
	float: left;
	width: 23.57em;
}
#contact div+div {
	margin-left: 1em;
	width: 31.43em;
}
#contact div>input {
	position: absolute;
	top: -9999px;
}
#contact li {
	margin: 1em 0;
}
#contact li:before {
	counter-increment: list;
	content: counter(list);
	color: #fd8713;
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
}
input,
textarea,
button {
	outline: none;
	font: 1em/1.2 "Helvetica Neue", "Neue Helvetica", Arial, Helvetica, sans-serif;
}
input,
textarea {
	display: block;
	margin-top: .25em;
	padding: .5em;
	border-radius: .5em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	color: #000;
}
#contact textarea {
	height: 11.5em;
}
#contact button {
	padding: .28em .38em;
	border-radius: .38em;
	color: #fff;
	font-family: "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
	font-size: 1.33em;
	text-transform: lowercase;
}
#contact button:after {
	content: ">";
	margin-left: .5em;
	font-size: .8em;
	font-family: Icons, "Helvetica Neue Bold", "Neue Helvetica Bold", "Helvetica Bold", "Arial Bold", sans-serif;
}
footer {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	color: #fd8713;
	font-size: 8px;
	text-transform: uppercase;
}
footer a {
	font-weight: normal;
}
#shade {
	position: fixed;
	left: -100%;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background-color: #fff;
	-webkit-transition: left 1s;
	transition: left 1s;
}
.loading #shade {
	border-bottom: 17px solid transparent;
	left: 0;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}
#progress {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px;
	width: 100px;
	height: 100px;
}
#progress:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: -50%;
	right: -50%;
	top: -50%;
	bottom: -50%;
	border: 50px solid #fff;
	border-radius: 100px;
}
#leftprogress,
#rightprogress {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 100%;
}
#rightprogress,
.progress2>#leftprogress,
.progress4>#leftprogress {
	z-index: 0;
}
#rightprogress {
	right: 0;
}
#spinner,
.progress2>#rightprogress,
.progress3>#rightprogress,
.progress3>#leftprogress,
.progress4>#leftprogress,
.progress4>#rightprogress {
	background-color: #008cd2;
}
#leftprogress,
#rightprogress,
.progress4>#rightprogress,
.progress3>#spinner,
.progress4>#spinner {
	background-color: #fff;
}
#spinner {
	position: absolute;
	left: -5%;
	top: -5%;
	width: 55%;
	height: 110%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: -webkit-transform 1s linear;
	transition: transform 1s linear;
}
.progress1>#spinner {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.progress2>#spinner {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.progress3>#spinner {
	-webkit-transform: rotate(540deg);
	transform: rotate(540deg);
}
.progress4>#spinner {
	-webkit-transform: rotate(720deg);
	transform: rotate(720deg);
}
.progress0>#spinner {
	transition-duration: .01s;
	-o-transition-duration: .0001s;
	-moz-transition-duration: .0001s;
	-webkit-transition-duration: .0001s;
}