html {
  font-size: 4vh;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.eot');
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Black';
  src: url('../fonts/Gotham-Black.eot');
  src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../fonts/Gotham-Medium.eot');
  src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.f_200 {
  font-family: 'Gotham-Light';
}
.f_700 {
  font-family: 'Gotham-Medium';
}
.anim-02a {
  -webkit-transition: all 0.2s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.2s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.2s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.2s cubic-bezier(.07, .35, .53, .89);
}
.anim-02b {
  -webkit-transition: all 0.2s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.2s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.2s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.2s cubic-bezier(.39, .13, .85, .57);
}
.anim-02n {
  -webkit-transition: all 0.2s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.2s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.2s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.2s cubic-bezier(.0, .0, .1, .1);
}
.anim-03a {
  -webkit-transition: all 0.3s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.3s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.3s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.3s cubic-bezier(.07, .35, .53, .89);
}
.anim-03b {
  -webkit-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
}
.anim-03n {
  -webkit-transition: all 0.3s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.3s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.3s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.3s cubic-bezier(.0, .0, .1, .1);
}
.anim-04a {
  -webkit-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
}
.anim-04b {
  -webkit-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.3s cubic-bezier(.39, .13, .85, .57);
}
.anim-04n {
  -webkit-transition: all 0.4s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.4s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.4s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.4s cubic-bezier(.0, .0, .1, .1);
}
.anim-05a {
  -webkit-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.4s cubic-bezier(.07, .35, .53, .89);
}
.anim-05b {
  -webkit-transition: all 0.5s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.5s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.5s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.5s cubic-bezier(.39, .13, .85, .57);
}
.anim-05n {
  -webkit-transition: all 0.5s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.5s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.5s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.5s cubic-bezier(.0, .0, .1, .1);
}
.anim-06a {
  -webkit-transition: all 0.6s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.6s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.6s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.6s cubic-bezier(.07, .35, .53, .89);
}
.anim-06b {
  -webkit-transition: all 0.6s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.6s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.6s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.6s cubic-bezier(.39, .13, .85, .57);
}
.anim-06n {
  -webkit-transition: all 0.6s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.6s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.6s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.6s cubic-bezier(.0, .0, .1, .1);
}
.anim-08a {
  -webkit-transition: all 0.8s cubic-bezier(.07, .35, .53, .89);
  -moz-transition: all 0.8s cubic-bezier(.07, .35, .53, .89);
  -ms-transition: all 0.8s cubic-bezier(.07, .35, .53, .89);
  -o-transition: all 0.8s cubic-bezier(.07, .35, .53, .89);
}
.anim-08b {
  -webkit-transition: all 0.8s cubic-bezier(.39, .13, .85, .57);
  -moz-transition: all 0.8s cubic-bezier(.39, .13, .85, .57);
  -ms-transition: all 0.8s cubic-bezier(.39, .13, .85, .57);
  -o-transition: all 0.8s cubic-bezier(.39, .13, .85, .57);
}
.anim-08n {
  -webkit-transition: all 0.8s cubic-bezier(.0, .0, .1, .1);
  -moz-transition: all 0.8s cubic-bezier(.0, .0, .1, .1);
  -ms-transition: all 0.8s cubic-bezier(.0, .0, .1, .1);
  -o-transition: all 0.8s cubic-bezier(.0, .0, .1, .1);
}
html, body {
  width: 100%;
  height: 100%;
  padding: 0rem;
  margin: 0;
  background: #FFF;
  overflow: hidden;
}
#core {
  background-color: #000;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
#bg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/bg-6.jpg);
  width: 50rem;
  height: 37.5rem;
  left: 50%;
  top: 50%;
  margin-left: -25rem;
  margin-top: -18.75rem;
  overflow: hidden;
}
#bg-a {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/bg-6.jpg);
  width: 50rem;
  height: 37.5rem;
	left: 0;
  top: 0;
	opacity: .3;
}
body.go_start #bg {
  animation: bg-anim 4s linear;
  opacity: 0.8;
}
body.go_start #bg-a {
  animation: bg-a-anim 16s infinite linear;
}
@keyframes bg-anim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: .8;
  }
}
@keyframes bg-a-anim {
0% {
    transform: translateX(0rem) scale3d(1,1,1);
  }
  25% {
    transform: scale3d(.97,.97,1);
  }
  50% {
    transform:  scale3d(1.03,1.03,1);
  }
  75% {
    transform:  scale3d(.97,.97,1);
  }
  100% {
    transform:  scale3d(1,1,1);
  }
}
#stopka {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
	box-shadow:  .02rem .02rem .1rem rgba(0,0,0,.3);
  /*height: 1rem;*/
  width: 16rem;
  left: 50%;
  margin-left: -8rem;
  bottom: 4rem;
  font-family: 'Gotham-Light';
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 1);
  padding: 0.2rem;
  text-align: center;
  opacity: 0;
}
body.go_start #stopka {
  animation: stopka-anim 4s linear;
  opacity: 1;
}
@keyframes stopka-anim {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#haslo {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  width: 12rem;
  height: 2rem;
  left: 50%;
  margin-left: -6rem;
  top: 10rem;
  overflow: hidden;
  transform: translateX(-12rem);
}
#haslo-el {
  position: absolute;
  font-family: 'Gotham-Black';
	text-shadow: .05rem .05rem .1rem rgba(0,0,0,.8);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  width: 12rem;
  left: 0rem;
  height: 0rem;
  transform: translateX(24rem);
}
body.go_start #haslo {
  animation: haslo-anim 3s linear;
  opacity: 1;
  transform: translateX(0rem);
}
body.go_start #haslo-el {
  animation: haslo-el-anim 3s linear;
  transform: translateX(0rem);
}
@keyframes haslo-anim {
  0% {
    transform: translateX(-12rem);
  }
  60% {
    transform: translateX(-12rem);
  }
  100% {
    transform: translateX(0rem);
  }
}
@keyframes haslo-el-anim {
  0% {
    transform: translateX(24rem);
  }
  60% {
    transform: translateX(24rem);
  }
  100% {
    transform: translateX(0rem);
  }
}
.stopka-el {
  position: relative;
  display: inline-block;
  padding: 0.2rem;
}
a {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
#logo-box {
  position: absolute;
  height: 1rem;
  width: 14rem;
  left: 50%;
  margin-left: -7rem;
  top: 4rem;
}
#logo {
  background-image: url(../svg/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 1rem;
  width: 14rem;
  left: 0rem;
  top: 0rem;
}
#logo-b {
  background-image: url(../svg/logo-b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 1rem;
  width: 14rem;
  left: -0.05rem;
  top: -0.05rem;
  opacity: 0;
}
body.go_start #logo-b {
  -webkit-animation: logo-b-anim 2s linear;
  -moz-animation: logo-b-anim 2s linear;
  -ms-animation: logo-b-anim 2s linear;
  -o-animation: logo-b-anim 2s linear;
  opacity: 1;
}
@-webkit-keyframes logo-b-anim {
  0% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  88% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes logo-b-anim {
  0% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  88% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes logo-b-anim {
  0% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  88% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes logo-b-anim {
  0% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  88% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*
#315893;
#e4edfc;
#263240
*/
#t-1 {
  background-image: url(../images/t-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 20rem;
  width: 20rem;
  margin-top: -10rem;
  margin-left: -10rem;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 10rem;
  -webkit-transform: translate3d(-15rem, 0rem, 0rem);
  -moz-ransform: translate3d(-15rem, 0rem, 0rem);
  -ms-ransform: translate3d(-15rem, 0rem, 0rem);
  -o-ransform: translate3d(-15rem, 0rem, 0rem);
  opacity: 0;
}
body.go_start #t-1 {
  -webkit-animation: t-1-anim 2s linear;
  -moz-animation: t-1-anim 2s linear;
  -ms-animation: t-1-anim 2s linear;
  -o-animation: t-1-anim 2s linear;
  -webkit-transform: translate3d(15rem, 0rem, 0rem);
  -moz-ransform: translate3d(15rem, 0rem, 0rem);
  -ms-ransform: translate3d(15rem, 0rem, 0rem);
  -o-ransform: translate3d(15rem, 0rem, 0rem);
  opacity: 0;
}
.t-1-a {}
@-webkit-keyframes t-1-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15rem, 0rem, 0rem);
    -moz-ransform: translate3d(-15rem, 0rem, 0rem);
    -ms-ransform: translate3d(-15rem, 0rem, 0rem);
    -o-ransform: translate3d(-15rem, 0rem, 0rem);
  }
  60% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate3d(15rem, 0rem, 0rem);
    -moz-ransform: translate3d(15rem, 0rem, 0rem);
    -ms-ransform: translate3d(15rem, 0rem, 0rem);
    -o-ransform: translate3d(15rem, 0rem, 0rem);
    opacity: 0;
  }
}
@-moz-keyframes t-1-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15rem, 0rem, 0rem);
    -moz-ransform: translate3d(-15rem, 0rem, 0rem);
    -ms-ransform: translate3d(-15rem, 0rem, 0rem);
    -o-ransform: translate3d(-15rem, 0rem, 0rem);
  }
  60% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate3d(15rem, 0rem, 0rem);
    -moz-ransform: translate3d(15rem, 0rem, 0rem);
    -ms-ransform: translate3d(15rem, 0rem, 0rem);
    -o-ransform: translate3d(15rem, 0rem, 0rem);
    opacity: 0;
  }
}
@-ms-keyframes t-1-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15rem, 0rem, 0rem);
    -moz-ransform: translate3d(-15rem, 0rem, 0rem);
    -ms-ransform: translate3d(-15rem, 0rem, 0rem);
    -o-ransform: translate3d(-15rem, 0rem, 0rem);
  }
  60% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate3d(15rem, 0rem, 0rem);
    -moz-ransform: translate3d(15rem, 0rem, 0rem);
    -ms-ransform: translate3d(15rem, 0rem, 0rem);
    -o-ransform: translate3d(15rem, 0rem, 0rem);
    opacity: 0;
  }
}
@-o-keyframes t-1-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15rem, 0rem, 0rem);
    -moz-ransform: translate3d(-15rem, 0rem, 0rem);
    -ms-ransform: translate3d(-15rem, 0rem, 0rem);
    -o-ransform: translate3d(-15rem, 0rem, 0rem);
  }
  60% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate3d(15rem, 0rem, 0rem);
    -moz-ransform: translate3d(15rem, 0rem, 0rem);
    -ms-ransform: translate3d(15rem, 0rem, 0rem);
    -o-ransform: translate3d(15rem, 0rem, 0rem);
    opacity: 0;
  }
}
/*
	SKALOWANIE
*/
.sk-1-2 {
  -webkit-transform: scale3d(1.2, 1, 1);
  -moz-ransform: scale3d(1.2, 1, 1);
  -ms-ransform: scale3d(1.2, 1, 1);
  -o-ransform: scale3d(1.2, 1, 1);
}
.sk-2-0 {
  -webkit-transform: scale3d(2, 1, 1);
  -moz-ransform: scale3d(2, 1, 1);
  -ms-ransform: scale3d(2, 1, 1);
  -o-ransform: scale3d(2, 1, 1);
}