@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'LeTarotDecorative';
	src: url('LeTarotDecorative.eot?') format('eot'), 
	     url('LeTarotDecorative.otf')  format('opentype'),
	     url('LeTarotDecorative.woff') format('woff'), 
	     url('LeTarotDecorative.ttf')  format('truetype'),
	     url('LeTarotDecorative.svg#LeTarotDecorative') format('svg');
}
body {background-color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; margin:0; height:100%; position:relative;letter-spacing: 0.03em;}
.clearfix:after {
    content: "";
    clear: both;
    display: table;
}
.mb1 {margin-bottom:10px;}
.mb2 {margin-bottom:20px;}
.front-cover-wheel {position:absolute;left:0;max-width: 360px;transform: translateX(-50%);}
.holder {position:relative;overflow:hidden;}
.max-360 {max-width:360px;margin: 0 auto;}
.front-cover {max-width:360px;}
.center {text-align:center;}
.flex-wrap {display: flex;flex-wrap: wrap;}
h1 {color:#fff; display:inline-block; font-size:3.2em; margin:20px 0 0;font-family: 'LeTarotDecorative';}
h2 {line-height:1.2; font-size:28px;letter-spacing: 0.06em;text-transform:uppercase;}
.card.char h2 {font-size:22px;text-transform:uppercase;margin: 40px auto 20px;line-height: 1;font-family: 'LeTarotDecorative';}
h4 {margin-bottom:5px; text-transform:uppercase; font-size:30px; margin-top:5px;font-family: 'LeTarotDecorative';}
.tl.column {text-align:left;}
.main {z-index:10; position:relative;}
.panel {text-align:center; margin:30px auto; max-width: 1000px; width:100%; box-sizing:border-box;border-radius:10px;}
.panel a {color:#fff;}
.second.panel {background-color:rgba(192,192,192,0.25); padding:25px 30px;}
.third.panel {background-color:rgba(52, 115, 185, 0.3); padding:15px 20px;}
.four.panel {background-color:rgba(192,192,192,0.25); padding:25px 30px 15px;}
.six.panel p {font-size:12px; margin: 0 0 15px;}
.five.panel {background-color:rgba(52, 115, 185, 0.3); padding:20px 30px 1px;}
.six.panel {background-color:rgba(192,192,192,0.25); padding:25px 30px;}
.btn {width:250px; text-align:center; font-weight:bold; text-transform:uppercase; font-size:1.3em; background-color:#dbb85a; line-height:50px; border-radius:10px; margin:20px auto;}
.btn:hover {background-color:#fff;}
.btn a {display:block; text-decoration:none; color:#000;}
.column {float:left; padding:15px; text-align:center; width:50%; box-sizing:border-box;}
.column.first {padding-top:0;}
.card.char {width: 30%;float: left;position: relative;box-sizing: border-box;background-color:#292d2c;margin: 30px 1.5%;border:3px solid #474643;border-radius: 10px;padding: 20px;}
.card.char .icon {position: absolute;left: 50%;transform: translateX(-50%);top: -45px;background-color: #292d2c;padding: 10px;border-radius: 50%;border: 3px solid #474643;}
.form {margin-bottom:20px;}
.form input {line-height: 34px; background-color: #ccc; border: 1px solid #666; padding: 0 5px;margin-bottom:15px;width: 100%;box-sizing:border-box;}
.mc-field-group {width: 50%;display: flex;flex-wrap: wrap;}
.form .send {background-color:#3473b9; color:#fff; text-transform: uppercase; font-weight: bold; width: 100%; border:1px solid #3473b9; font-size: 1.1em;
  cursor: pointer;letter-spacing: 0.1em;height: 48px;}
.bar {position:fixed; width:100%; bottom:0; left:0; background-color:#000; z-index: 10; text-align: center; padding:15px 0;}
.bar a {color:#fff; text-transform:uppercase; margin:0 20px; text-decoration:none;}
.white {color:#fff;}
.credits {margin-bottom:60px;}
.full-width {width:100%;}
@media only screen and (min-width: 801px) {
	.first.panel {display: flex;align-items: center;}
}
@media only screen and (max-width: 800px) {
	.column {width:100%;}
	.card.char {width:50%;}
	.bar {display:none;}
}
@media only screen and (max-width: 480px) {
	.form input, .form input.send, .card.char, .mc-field-group {width:100%;}
}
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
.rotate {animation: rotation 12s infinite linear;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.stars, .stars2, .twinkling, .clouds {
  position:absolute;

  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(/images/stars.png) repeat top center;
  z-index:0;
  transform:rotateZ(180deg);
}
.twinkling{
  background:transparent url(/images/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}