html{
  scroll-behavior: smooth;
}
body {
  background: #F1F1F1;
  margin: 0;
/*    background: url('img/layer0.png') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  
}
@font-face {
	font-family: titleFont;
	src: url(../fonts/BELLIGERENT.TTF);
}
img {
  display: block;
}
p{
  color: #000;
}
#rotate{
  -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;
    transform: rotate(0deg);
}
@keyframes rotate {
    from {   transform: rotateZ(0deg)    }
    to {        transform: rotateZ(360deg)    }
}
@-webkit-keyframes rotate {
    0% {   -webkit-transform: rotateZ(0deg)    }
    100% {        -webkit-transform: rotateZ(360deg)    }
}
@keyframes rotate {
    from {        transform: rotateZ(360deg)    }
    to {        transform: rotateZ(0deg)    }
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotateZ(360deg) }
    to   { -webkit-transform: rotateZ(0deg)   }
}

.scene {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  
}
/*trippy background*/
.layer:nth-child(1) {
  opacity: 1;
}
/*trippy background*/
.layer:nth-child(1) img{
  width: 100%;
}
/*33% opacity black overlay*/
.layer:nth-child(2) {
  opacity: 1;
}
/*pyramid eye*/
.layer:nth-child(3) img{
  opacity: 1;
  width: 38.5%;
  float: right;
}
/*bottom pattern*/
.layer:nth-child(4) img{
  opacity: 1;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
/*pyramid center*/
.layer:nth-child(5) img{
  opacity: 1;
  position: absolute;
  top: 20.5%;
  left: 26.5%;
  width: 40.5%;
}
/*hand*/
.layer:nth-child(6) img{
  opacity: 1;
  position: absolute;
  width: 17.5%;
  top: 24%;
  left: 1%;
}
/*mermaid*/
.layer:nth-child(7) img{
  opacity: 1;
  position: absolute;
  width: 17.5%;
  top: 59.5%;
  left:33%;
}
/*wave1*/
.layer:nth-child(8) img{
  opacity: 1;
  position: absolute;
  width: 48.5%;
  top: 77%;
  left:-0.02%;
}
/*wave2*/
.layer:nth-child(9) img{
  opacity: 1;
  position: absolute;
  width: 50%;
  top: 66.5%;
  left:21%;
}

/*wave3*/
.layer:nth-child(10) img{
  opacity: 1;
  position: absolute;
  width: 40%;
  top: 67.5%;
  left:-10.5%;
}
/*wave4*/
.layer:nth-child(11) img{
  opacity: 1;
  position: absolute;
  width: 34.5%;
  top: 90%;
  left:-14%;
}
/*wave5*/
.layer:nth-child(12) img{
  opacity: 1;
  position: absolute;
  width: 50%;
  top: 79%;
  left:29.5%;
}
/*wave6*/
.layer:nth-child(13) img{
  opacity: 1;
  position: absolute;
  width: 48%;
  top: 91%;
  left:19.5%;
}
/*wave7*/
.layer:nth-child(14) img{
  opacity: 1;
  position: absolute;
  width: 31.3%;
  top: 64%;
  left:69%;
}
/*wave8*/
.layer:nth-child(15) img{
  opacity: 1;
  position: absolute;
  width: 40.5%;
  top: 86%;
  left:64%;
}
/*wave9*/
.layer:nth-child(16) img{
  opacity: 1;
  position: absolute;
  width: 40.5%;
  top: 79%;
  left:69.5%;
}
/*wave10*/
.layer:nth-child(17) img{
  opacity: 1;
  position: absolute;
  width: 36%;
  top: 70%;
  left:64%;
}
/*wave dollar left*/
.layer:nth-child(18) img{
  opacity: 1;
  position: absolute;
  width: 34.5%;
  top: 62%;
  left:1%;
}
/*wave dollar right*/
.layer:nth-child(19) img{
  opacity: 1;
  position: absolute;
  width: 34.5%;
  top: 62%;
  left:65.5%;
}
/*cloud1*/
.layer:nth-child(20) img{
  opacity: 1;
  position: absolute;
  width: 31%;
  top: 0px;
  left:59.5%;
}
/*cloud2*/
.layer:nth-child(21) img{
  opacity: 1;
  position: absolute;
  width: 25%;
  top: 1%;
  left:41%;
}
/*cloud3*/
.layer:nth-child(22) img{
  opacity: 1;
  position: absolute;
  width: 25%;
  top: 2.5%;
  left:-5%;
}
/*cloud4*/
.layer:nth-child(23) img{
  opacity: 1;
  position: absolute;
  width: 25%;
  top: -1%;
  left:75%;
}
/*cloud5*/
.layer:nth-child(24) img{
  opacity: 1;
  position: absolute;
  width: 39%;
  top: 2%;
  left:17%;
}
/*wind blow*/
.layer:nth-child(25) img{
  opacity: 1;
  position: absolute;
  width: 13.5%;
  top: -2%;
  left:0px;
}
/*title1*/
.layer:nth-child(26) img{
  opacity: 1;
  position: absolute;
  width: 76%;
  top: 7.5%;
  left: 16.25%;
}
/*title2*/
.layer:nth-child(27) img{
  opacity: 1;
  position: absolute;
  width: 76%;
  top: 6.5%;
  left: 15.25%;
}
/*dippy*/
.layer:nth-child(28) img{
  opacity: 1;
  position: absolute;
  width: 37.25%;
  top: 59.5%;
  left: 56.25%;
}
/*let there be waves*/
.layer:nth-child(29) img{
  opacity: 1;
  position: absolute;
  width: 58.8%;
  top: 72%;
  left: 0px;
}
h1{
  margin: 0;
  width: 100%;
  height: 50px;
  background-color: #2b68a3;
  font-family: titleFont;
  color: #fff;
  text-align: center;
  padding-top: 20px;
}
p{
  color: #000;
  font-family: sans-serif;
  font-size: 18px;
  line-height: 125%;
  margin-left: 25px;
  margin-right: 25px;
}
a{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-family: titleFont;
}
a p{
  font-family: titleFont;
  font-size: 25px;
}
#enterbtn{
  	-moz-box-shadow:inset 0px 34px 0px -15px #b54b3a;
	-webkit-box-shadow:inset 0px 34px 0px -15px #b54b3a;
	box-shadow:inset 0px 34px 0px -15px #b54b3a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a73f2d), color-stop(1, #b34332));
	background:-moz-linear-gradient(top, #a73f2d 5%, #b34332 100%);
	background:-webkit-linear-gradient(top, #a73f2d 5%, #b34332 100%);
	background:-o-linear-gradient(top, #a73f2d 5%, #b34332 100%);
	background:-ms-linear-gradient(top, #a73f2d 5%, #b34332 100%);
	background:linear-gradient(to bottom, #a73f2d 5%, #b34332 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a73f2d', endColorstr='#b34332',GradientType=0);
	background-color:#a73f2d;
	border:1px solid #241d13;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #7a2a1d;
  z-index: 1000;
  width: 120px;
  position: absolute;
  top: 50%;
  left: 41%;
  scroll-behavior: smooth;
}
#enterbtn:hover{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b34332), color-stop(1, #a73f2d));
	background:-moz-linear-gradient(top, #b34332 5%, #a73f2d 100%);
	background:-webkit-linear-gradient(top, #b34332 5%, #a73f2d 100%);
	background:-o-linear-gradient(top, #b34332 5%, #a73f2d 100%);
	background:-ms-linear-gradient(top, #b34332 5%, #a73f2d 100%);
	background:linear-gradient(to bottom, #b34332 5%, #a73f2d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b34332', endColorstr='#a73f2d',GradientType=0);
	background-color:#b34332;
}
.a-right{
  display: inline-block;
  position: relative;
  vertical-align:  top;
  margin-top:80px;
background: #fff;
  max-width: 600px;
-webkit-box-shadow: 0px 10px 13px -7px #000000, -3px -1px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, -3px -1px 15px 5px rgba(0,0,0,0);

}
#logo{
  display: block;
  max-width: 100%;
  position: relative;
  top: 20px;
}
#buylulu{
  position: relative;
  display: block;
  font-size: 18px;
  text-decoration: underline;
  padding-top:10px;
  margin-bottom: 20px;
}
.a-left{
  display: inline-block;
  position: relative;
  padding-left:50px;
  padding-top: 20px;
  max-width: 300px;
}
#a-wrapper{
  display: block;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 20px;
}
@media screen and (max-width: 900px){
  #enterbtn{
    display: none;
  }
  .a-right{
    margin-top: 50px;
  }
  iframe{
    position: relative;
    left: 42px;
  }
  .a-left{
    display: block;
    margin:  0 auto;
    padding-left: 0;
    width: 100%;
  }
  #a-wrapper{
    width: 100%;
  }
}
.footer{
  width: 100%;
  background-color: #2b68a3;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-family: sans-serif;
  font-size: 15px;
  text-align: center;
}
a p:hover{
  color: #2b68a3;
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.translateAnimationClass { 
  -webkit-transform: rotateX(43200deg) rotateY(14400deg);
  -moz-transform: rotateX(43200deg) rotateY(14400deg);
  -ms-transform: rotateX(43200deg) rotateY(14400deg);
  -o-transform: rotateX(43200deg) rotateY(14400deg);
  transform: rotateX(43200deg) rotateY(14400deg); 
}
/*cloud1*/
.animation {
  -webkit-animation: rotator 5s linear infinite;
  -moz-animation: rotator 5s linear infinite;
  -ms-animation: rotator 5s linear infinite;
  -o-animation: rotator 5s linear infinite;
  animation: rotator 5s linear infinite;
}
/*cloud2*/
.animation1 {
  -webkit-animation: rotator1 3s linear infinite;
  -moz-animation: rotator1 3s linear infinite;
  -ms-animation: rotator1 3s linear infinite;
  -o-animation: rotator1 3s linear infinite;
  animation: rotator1 3s linear infinite;
}
/*cloud3*/
.animation2 {
  -webkit-animation: rotator2 5s linear infinite;
  -moz-animation: rotator2 5s linear infinite;
  -ms-animation: rotator2 5s linear infinite;
  -o-animation: rotator2 5s linear infinite;
  animation: rotator2 5s linear infinite;
}
/*cloud4*/
.animation3 {
  -webkit-animation: rotator3 5s linear infinite;
  -moz-animation: rotator3 5s linear infinite;
  -ms-animation: rotator3 5s linear infinite;
  -o-animation: rotator3 5s linear infinite;
  animation: rotator3 5s linear infinite;
}
/*cloud5*/
.animation4 {
  -webkit-animation: rotator4 5s linear infinite;
  -moz-animation: rotator4 5s linear infinite;
  -ms-animation: rotator4 5s linear infinite;
  -o-animation: rotator4 5s linear infinite;
  animation: rotator4 5s linear infinite;
}

.animation5 {
  -webkit-animation: rotator5 5s linear infinite;
  -moz-animation: rotator5 5s linear infinite;
  -ms-animation: rotator5 5s linear infinite;
  -o-animation: rotator5 5s linear infinite;
  animation: rotator5 5s linear infinite;
}
/*start cloud1 rotation*/
@-webkit-keyframes rotator {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  66% {-webkit-transform: rotateX(20deg) rotateY(20deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  66% { -moz-transform: rotateX(20deg)    rotateY(20deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  66% {-ms-transform: rotateX(20deg)    rotateY(20deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  66% {-ms-transform: rotateX(20deg)    rotateY(20deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  66% {transform: rotateX(20deg) rotateY(20deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}
/*end cloud1 rotation*/

/*start cloud2 rotation*/
@-webkit-keyframes rotator1 {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-webkit-transform: rotateX(10deg) rotateY(10deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator1 {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  50% { -moz-transform: rotateX(10deg)    rotateY(10deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator1 {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(10deg)    rotateY(10deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator1 {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(10deg)    rotateY(10deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator1 {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  50% {transform: rotateX(10deg) rotateY(10deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}
/*end cloud2 rotation*/

/*start cloud3 rotation*/
@-webkit-keyframes rotator2 {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  33% {-webkit-transform: rotateX(15deg) rotateY(15deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator2 {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  33% { -moz-transform: rotateX(15deg)    rotateY(15deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator2 {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  33% {-ms-transform: rotateX(15deg)    rotateY(15deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator2 {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(15deg)    rotateY(15deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator2 {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  33% {transform: rotateX(15deg) rotateY(15deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}
/*start cloud4 rotation*/
@-webkit-keyframes rotator3 {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-webkit-transform: rotateX(15deg) rotateY(15deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator3 {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  50% { -moz-transform: rotateX(15deg)    rotateY(15deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator3 {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(15deg)    rotateY(15deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator3 {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(15deg)    rotateY(15deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator3 {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  50% {transform: rotateX(15deg) rotateY(15deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}
/*start cloud5 rotation*/
@-webkit-keyframes rotator4 {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-webkit-transform: rotateX(5deg) rotateY(15deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator4 {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  50% { -moz-transform: rotateX(5deg)    rotateY(15deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator4 {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(5deg)    rotateY(15deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator4 {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(5deg)    rotateY(15deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator4 {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  50% {transform: rotateX(5deg) rotateY(15deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}
/*start dippy rotation*/
@-webkit-keyframes rotator5 {
  0%   { -webkit-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-webkit-transform: rotateX(0deg) rotateY(30deg);}
  100% { -webkit-transform: rotateX(0deg) rotateY(0deg);  }
}
@-moz-keyframes rotator5 {
  0%   { -moz-transform: rotateX(0deg)    rotateY(0deg);    }
  50% { -moz-transform: rotateX(0deg)    rotateY(30deg);  }
  100% { -moz-transform: rotateX(0deg) rotateY(0deg);  }
}
@-ms-keyframes rotator5 {
  0%   { -ms-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(0deg)    rotateY(30deg); }
  100% { -ms-transform: rotateX(0deg) rotateY(0deg);  }
}
@-o-keyframes rotator5 {
  0%   { -o-transform: rotateX(0deg)    rotateY(0deg);    }
  50% {-ms-transform: rotateX(0deg)    rotateY(30deg); }
  100% { -o-transform: rotateX(0deg) rotateY(0deg);  }
}
@keyframes rotator5 {
  0%   { transform: rotateX(0deg)    rotateY(0deg);    }
  50% {transform: rotateX(0deg) rotateY(30deg);}
  100% { transform: rotateX(0deg) rotateY(0deg);  }
}