@font-face {
  font-family: "Palace Script MT";
  src: url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.eot");
  src: url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.woff") format("woff"), url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0ea9f658ad61e247eca8603d6cceafff.svg#Palace Script MT") format("svg"); }
.plane > img {
  width: 35%; }

.language {
  position: absolute; }

.library {
  position: absolute; }

.cms {
  position: absolute; }

.application {
  position: absolute; }

.skill {
  position: absolute; }

.skillPlaneA {
  left: 100%;
  top: 15%; }

.skillPlaneB {
  left: 100%; }

.skillPlaneC {
  left: 100%; }

.skillPlaneD {
  left: 100%; }

.skillPlaneE {
  left: 100%; }

.skillPlaneF {
  left: 100%; }

.skillPlaneG {
  left: 100%; }

.skillPlaneH {
  left: 100%; }

.skillPlaneI {
  left: 100%; }

.skillPlaneJ {
  left: 100%; }

.skillPlaneAgo1 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo2 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo3 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo4 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo5 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo6 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo7 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo8 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo9 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.skillPlaneAgo10 {
  -webkit-animation: skillPlaneA 15s 1;
  -moz-animation: skillPlaneA 15s 1;
  -ms-animation: skillPlaneA 15s 1;
  -o-animation: skillPlaneA 15s 1;
  animation: skillPlaneA 15s 1; }

.applicationPlaneA {
  left: 100%;
  top: 25%; }

.applicationPlaneB {
  left: 100%;
  top: 35%; }

.applicationPlaneC {
  left: 100%;
  top: 45%; }

.applicationPlaneD {
  left: 100%;
  top: 25%; }

.applicationPlaneE {
  left: 100%;
  top: 25%; }

.applicationPlaneF {
  left: 100%;
  top: 25%; }

.applicationPlaneG {
  left: 100%;
  top: 25%; }

.applicationPlaneH {
  left: 100%;
  top: 25%; }

.applicationPlaneI {
  left: 100%;
  top: 25%; }

.applicationPlaneJ {
  left: 100%;
  top: 25%; }

.applicationPlaneK {
  left: 100%;
  top: 25%; }

.applicationPlaneL {
  left: 100%;
  top: 25%; }

.applicationPlaneM {
  left: 100%;
  top: 25%; }

.applicationPlane1 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane2 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane3 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane4 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane5 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane6 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane7 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane8 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane9 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane10 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane11 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane12 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.applicationPlane13 {
  -webkit-animation: applicationPlaneA 15s 1;
  -moz-animation: applicationPlaneA 15s 1;
  -ms-animation: applicationPlaneA 15s 1;
  -o-animation: applicationPlaneA 15s 1;
  animation: applicationPlaneA 15s 1; }

.cmsPlane {
  right: 100%;
  top: 40%; }

.cmsPlane1 {
  -webkit-animation: cmsPlane 14s 1;
  -moz-animation: cmsPlane 14s 1;
  -ms-animation: cmsPlane 14s 1;
  -o-animation: cmsPlane 14s 1;
  animation: cmsPlane 14s 1; }

.libraryPlaneA {
  right: 100%;
  top: 50%; }

.libraryPlaneB {
  right: 100%;
  top: 50%; }

.libraryPlaneC {
  right: 100%;
  top: 50%; }

.libraryPlaneD {
  right: 100%;
  top: 50%; }

.libraryPlane1 {
  -webkit-animation: libraryPlane 14s 1;
  -moz-animation: libraryPlane 14s 1;
  -ms-animation: libraryPlane 14s 1;
  -o-animation: libraryPlane 14s 1;
  animation: libraryPlane 14s 1; }

.libraryPlane2 {
  -webkit-animation: libraryPlane 14s 1;
  -moz-animation: libraryPlane 14s 1;
  -ms-animation: libraryPlane 14s 1;
  -o-animation: libraryPlane 14s 1;
  animation: libraryPlane 14s 1; }

.libraryPlane3 {
  -webkit-animation: libraryPlane 14s 1;
  -moz-animation: libraryPlane 14s 1;
  -ms-animation: libraryPlane 14s 1;
  -o-animation: libraryPlane 14s 1;
  animation: libraryPlane 14s 1; }

.libraryPlane4 {
  -webkit-animation: libraryPlane 14s 1;
  -moz-animation: libraryPlane 14s 1;
  -ms-animation: libraryPlane 14s 1;
  -o-animation: libraryPlane 14s 1;
  animation: libraryPlane 14s 1; }

.languagePlaneA {
  left: 100%;
  top: 55%; }

.languagePlaneB {
  left: 100%;
  top: 59%; }

.languagePlane1 {
  -webkit-animation: languagePlane 14s 1;
  -moz-animation: languagePlane 14s 1;
  -ms-animation: languagePlane 14s 1;
  -o-animation: languagePlane 14s 1;
  animation: languagePlane 14s 1; }

.languagePlane2 {
  -webkit-animation: languagePlane 14s 1;
  -moz-animation: languagePlane 14s 1;
  -ms-animation: languagePlane 14s 1;
  -o-animation: languagePlane 14s 1;
  animation: languagePlane 14s 1; }

.full, .circles .circ, .circles .stage2, .circles .stage3, .circles .stage4, .circles .stars, .circles .conBack, .foreground, .secondLay, .firstLay {
  width: 100vw; }

.circles {
  overflow: hidden; }
  .circles .circ {
    position: absolute;
    top: -7%;
    background: url("../images/background/circle.png");
    background-repeat: no-repeat;
    background-size: 124%;
    background-size: center top;
    z-index: -10;
    height: 120vh;
    -webkit-animation: backgrd 27s infinite;
    -moz-animation: backgrd 27s infinite;
    -ms-animation: backgrd 27s infinite;
    -o-animation: backgrd 27s infinite;
    animation: backgrd 27s infinite; }
  .circles .stage2 {
    position: absolute;
    top: -23%;
    background-image: url("../images/background/second/back.png");
    background-repeat: no-repeat;
    background-size: 120%;
    background-size: center top;
    z-index: -9;
    height: 120vh;
    -webkit-animation: stage2 27s infinite;
    -moz-animation: stage2 27s infinite;
    -ms-animation: stage2 27s infinite;
    -o-animation: stage2 27s infinite;
    animation: stage2 27s infinite; }
  .circles .cloudAnimate1 {
    -webkit-animation: smallCloud 4.7s infinite;
    -moz-animation: smallCloud 4.7s infinite;
    -ms-animation: smallCloud 4.7s infinite;
    -o-animation: smallCloud 4.7s infinite;
    animation: smallCloud 4.7s infinite; }
  .circles .smallCloud {
    position: absolute;
    left: 14%;
    top: 37%;
    background-image: url("../images/background/second/leftCloudSmall.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 25%;
    height: 25%; }
  .circles .cloudAnimate2 {
    -webkit-animation: bigCloud 7s infinite;
    -moz-animation: bigCloud 7s infinite;
    -ms-animation: bigCloud 7s infinite;
    -o-animation: bigCloud 7s infinite;
    animation: bigCloud 7s infinite; }
  .circles .bigLeftCloud {
    position: absolute;
    top: 9%;
    left: -5%;
    background-image: url("../images/background/second/leftCloudBig.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 58%;
    height: 58%; }
  .circles .cloudAnimate3 {
    -webkit-animation: rightCloud 10s infinite;
    -moz-animation: rightCloud 10s infinite;
    -ms-animation: rightCloud 10s infinite;
    -o-animation: rightCloud 10s infinite;
    animation: rightCloud 10s infinite; }
  .circles .rightCloud {
    position: absolute;
    top: 9%;
    background-image: url("../images/background/second/rightCloud.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 100%;
    height: 100%; }
  .circles .man {
    position: absolute;
    top: 81%;
    left: 65%;
    background-image: url("../images/gif/wa.gif");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 4%;
    height: 100%; }
  .circles .man2 {
    position: absolute;
    top: 81%;
    left: 65%;
    background-image: url("../images/gif/camping.gif");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 7%;
    height: 100%; }
  .circles .smokeatt {
    position: absolute;
    top: -78%;
    left: -56%;
    background-image: url("../images/gif/cas.gif");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 176%;
    height: 100%; }
  .circles .stage3 {
    position: absolute;
    background-image: url("../images/background/third/lay3.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: center top;
    z-index: -9;
    height: 100vh; }
  .circles .leCloud {
    -webkit-animation: leCloud 7s infinite;
    -moz-animation: leCloud 7s infinite;
    -ms-animation: leCloud 7s infinite;
    -o-animation: leCloud 7s infinite;
    animation: leCloud 7s infinite; }
  .circles .leCloud {
    position: absolute;
    left: 2%;
    top: 37%;
    background-image: url("../images/background/third/leftCl.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 46%;
    height: 37%; }
  .circles .riCloud {
    -webkit-animation: riCloud 10s infinite;
    -moz-animation: riCloud 10s infinite;
    -ms-animation: riCloud 10s infinite;
    -o-animation: riCloud 10s infinite;
    animation: riCloud 10s infinite; }
  .circles .riCloud {
    position: absolute;
    top: 29%;
    left: 65%;
    background-image: url("../images/background/third/rightCl.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 36%;
    height: 58%; }
  .circles .stage3Cloud {
    -webkit-animation: stage3Cloud 147s infinite;
    -moz-animation: stage3Cloud 147s infinite;
    -ms-animation: stage3Cloud 147s infinite;
    -o-animation: stage3Cloud 147s infinite;
    animation: stage3Cloud 147s infinite; }
  .circles .stage3Cloud {
    position: absolute;
    left: 80%;
    top: 25%;
    background-image: url("../images/background/third/stage33.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 4%;
    height: 6%; }
  .circles .stage3CloudL {
    -webkit-animation: stage3CloudL 127s infinite;
    -moz-animation: stage3CloudL 127s infinite;
    -ms-animation: stage3CloudL 127s infinite;
    -o-animation: stage3CloudL 127s infinite;
    animation: stage3CloudL 127s infinite; }
  .circles .stage3CloudL {
    position: absolute;
    left: -14%;
    top: 9%;
    background-image: url("../images/background/third/stage333.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 11%;
    height: 25%; }
  .circles .sun {
    -webkit-animation: sun 10s infinite;
    -moz-animation: sun 10s infinite;
    -ms-animation: sun 10s infinite;
    -o-animation: sun 10s infinite;
    animation: sun 10s infinite; }
  .circles .sun {
    position: absolute;
    top: 30%;
    left: 70%;
    background-image: url("../images/background/third/sun.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -10;
    width: 18%;
    height: 38%;
    -webkit-animation: sun 10s forwards;
    -moz-animation: sun 10s forwards;
    -ms-animation: sun 10s forwards;
    -o-animation: sun 10s forwards;
    animation: sun 10s forwards; }
  .circles .stage4 {
    position: absolute;
    background-image: url("../images/background/fourth/back4.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: center top;
    z-index: -9;
    height: 100vh; }
  .circles .sstageStars {
    -webkit-animation: stars 4s infinite;
    -moz-animation: stars 4s infinite;
    -ms-animation: stars 4s infinite;
    -o-animation: stars 4s infinite;
    animation: stars 4s infinite; }
  .circles .stars {
    position: absolute;
    background-image: url("../images/background/fourth/stars.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: center top;
    z-index: -9;
    height: 100vh;
    -webkit-animation: stars 4s infinite;
    -moz-animation: stars 4s infinite;
    -ms-animation: stars 4s infinite;
    -o-animation: stars 4s infinite;
    animation: stars 4s infinite; }
  .circles .sstageStar1 {
    -webkit-animation: star1 37s infinite;
    -moz-animation: star1 37s infinite;
    -ms-animation: star1 37s infinite;
    -o-animation: star1 37s infinite;
    animation: star1 37s infinite; }
  .circles .star_1 {
    position: absolute;
    left: -60%;
    top: -7%;
    background-image: url("../images/background/fourth/star_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 46%;
    height: 37%;
    transform: rotate(180deg);
    -webkit-animation: star1 37s infinite;
    -moz-animation: star1 37s infinite;
    -ms-animation: star1 37s infinite;
    -o-animation: star1 37s infinite;
    animation: star1 37s infinite; }
  .circles .sstageStar2 {
    -webkit-animation: star2 37s infinite;
    -moz-animation: star2 37s infinite;
    -ms-animation: star2 37s infinite;
    -o-animation: star2 37s infinite;
    animation: star2 37s infinite; }
  .circles .star_2 {
    position: absolute;
    left: -60%;
    top: 37%;
    background-image: url("../images/background/fourth/star_2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -9;
    width: 46%;
    height: 37%;
    transform: rotate(156deg);
    -webkit-animation: star2 37s infinite;
    -moz-animation: star2 37s infinite;
    -ms-animation: star2 37s infinite;
    -o-animation: star2 37s infinite;
    animation: star2 37s infinite; }
  .circles .moon {
    position: absolute;
    left: 10%;
    top: 16%;
    background-image: url("../images/background/fourth/moon.png");
    background-repeat: no-repeat;
    background-size: 4%;
    z-index: -9;
    width: 100%;
    height: 100%; }
  .circles .smokeIt {
    -webkit-animation: smoke 7s infinite;
    -moz-animation: smoke 7s infinite;
    -ms-animation: smoke 7s infinite;
    -o-animation: smoke 7s infinite;
    animation: smoke 7s infinite; }
  .circles .smokee1 {
    position: absolute;
    left: 74%;
    top: -42%;
    background-image: url("../images/smoke/part_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee2 {
    position: absolute;
    left: 21%;
    top: -31%;
    background-image: url("../images/smoke/part_2.png");
    background-repeat: no-repeat;
    background-size: 81%;
    width: 52%;
    height: 24%;
    background-position: center;
    z-index: 49; }
  .circles .smokee3 {
    position: absolute;
    left: 21%;
    top: -39%;
    background-image: url("../images/smoke/part_3.png");
    background-repeat: no-repeat;
    background-size: 93%;
    width: 100%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee4 {
    position: absolute;
    left: -5%;
    top: -20%;
    background-image: url("../images/smoke/part_7.png");
    background-repeat: no-repeat;
    background-size: 31%;
    width: 61%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee5 {
    position: absolute;
    left: 20%;
    top: 3%;
    background-image: url("../images/smoke/part_7.png");
    background-repeat: no-repeat;
    background-size: 99%;
    width: 12%;
    height: 6%;
    background-position: center;
    z-index: 49; }
  .circles .smokee6 {
    position: absolute;
    left: -69%;
    top: -59%;
    background-image: url("../images/smoke/part_6.png");
    background-repeat: no-repeat;
    background-size: 49%;
    width: 169%;
    height: 87%;
    background-position: center;
    z-index: 49; }
  .circles .smokee7 {
    position: absolute;
    left: -1%;
    top: -13%;
    background-image: url("../images/smoke/part_7.png");
    background-repeat: no-repeat;
    background-size: 93%;
    width: 49%;
    height: 20%;
    background-position: center;
    z-index: 49; }
  .circles .smokee8 {
    position: absolute;
    left: -262%;
    top: -47%;
    background-image: url("../images/smoke/part_8.png");
    background-repeat: no-repeat;
    background-size: 35%;
    width: 457%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee9 {
    position: absolute;
    left: -341%;
    top: -53%;
    background-image: url("../images/smoke/part_9.png");
    background-repeat: no-repeat;
    background-size: 34%;
    width: 457%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee10 {
    position: absolute;
    left: -196%;
    top: -53%;
    background-image: url("../images/smoke/part_10.png");
    background-repeat: no-repeat;
    background-size: 50%;
    width: 457%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee11 {
    position: absolute;
    left: 79%;
    top: -42%;
    background-image: url("../images/smoke/part_11.png");
    background-repeat: no-repeat;
    background-size: 97%;
    width: 100%;
    height: 46%;
    background-position: center;
    z-index: 49; }
  .circles .smokee12 {
    position: absolute;
    left: -145%;
    top: -77%;
    background-image: url("../images/smoke/part_12.png");
    background-repeat: no-repeat;
    background-size: 79%;
    width: 185%;
    height: 68%;
    background-position: center;
    z-index: 49; }
  .circles .smokee13 {
    position: absolute;
    left: -298%;
    top: -72%;
    background-image: url("../images/smoke/part_13.png");
    background-repeat: no-repeat;
    background-size: 56%;
    width: 457%;
    height: 69%;
    background-position: center;
    z-index: 49; }
  .circles .smokee14 {
    position: absolute;
    left: -122%;
    top: -69%;
    background-image: url("../images/smoke/part_14.png");
    background-repeat: no-repeat;
    background-size: 55%;
    width: 457%;
    height: 69%;
    background-position: center;
    z-index: 49; }
  .circles .smokee15 {
    position: absolute;
    left: -203%;
    top: -78%;
    background-image: url("../images/smoke/part_15.png");
    background-repeat: no-repeat;
    background-size: 92%;
    width: 457%;
    height: 73%;
    background-position: center;
    z-index: 49; }
  .circles .conBack {
    position: absolute;
    background-image: url("../images/background/contact/background.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: center top;
    z-index: -9;
    height: 100vh; }
  .circles .big_planet {
    position: absolute;
    left: 12%;
    top: 16%;
    background-image: url("../images/background/contact/big_planet.png");
    background-repeat: no-repeat;
    background-size: 14%;
    z-index: -9;
    width: 100%;
    height: 100%; }
  .circles .little_stars {
    position: absolute;
    left: 0%;
    top: 8%;
    background-image: url("../images/background/contact/little_stars.png");
    background-repeat: no-repeat;
    background-size: 53%;
    z-index: -10;
    width: 100%;
    height: 100%;
    -webkit-animation: little_stars 10s infinite;
    -moz-animation: little_stars 10s infinite;
    -ms-animation: little_stars 10s infinite;
    -o-animation: little_stars 10s infinite;
    animation: little_stars 10s infinite; }
  .circles .medium_planet {
    position: absolute;
    left: 65%;
    top: 8%;
    background-image: url("../images/background/contact/medium_planet.png");
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: center;
    z-index: -9;
    width: 20%;
    height: 20%;
    -webkit-animation: medium_planet 64s infinite;
    -moz-animation: medium_planet 64s infinite;
    -ms-animation: medium_planet 64s infinite;
    -o-animation: medium_planet 64s infinite;
    animation: medium_planet 64s infinite; }
  .circles .rocket_ship {
    position: absolute;
    left: 11%;
    top: 15%;
    background-image: url("../images/background/contact/rocket_ship.png");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: bottom;
    z-index: -9;
    width: 16%;
    height: 30%;
    -webkit-animation: rocket_ship 60s infinite;
    -moz-animation: rocket_ship 60s infinite;
    -ms-animation: rocket_ship 60s infinite;
    -o-animation: rocket_ship 60s infinite;
    animation: rocket_ship 60s infinite; }
  .circles .smallest_planet {
    position: absolute;
    left: 94%;
    top: 11%;
    background-image: url("../images/background/contact/smallest_planet.png");
    background-repeat: no-repeat;
    background-size: 2%;
    z-index: -9;
    width: 100%;
    height: 100%; }

.foreground {
  background: url("../images/background/mountains.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
  z-index: 40; }
  .foreground .flagSize {
    height: 200px;
    width: 200px; }
  .foreground .flagClouds {
    z-index: 0; }
  .foreground .flagClick {
    z-index: 10; }
  .foreground #att {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10; }
    .foreground #att :hover {
      background: url("../images/sites/1x/attHov.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 16%;
      z-index: 10; }
  .foreground .att {
    height: 37%;
    position: relative;
    top: 6%;
    left: 2%; }
  .foreground #attHover {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    width: 99%;
    cursor: pointer;
    width: 239px;
    height: 272px; }
  .foreground #gen {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    position: relative;
    top: 12%;
    left: 12%; }
    .foreground #gen :hover {
      background: url("../images/sites/1x/genHov.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 16%;
      z-index: 10; }
  .foreground .gen {
    height: 37%;
    position: relative;
    top: 23%;
    left: 15%; }
  .foreground #genHover {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    position: relative;
    top: 12%;
    left: 12%;
    cursor: pointer;
    width: 159px;
    height: 182px; }
  .foreground #sln {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    position: relative;
    left: 41%; }
    .foreground #sln :hover {
      background: url("../images/sites/1x/slnHov.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 16%;
      z-index: 10; }
  .foreground .sln {
    height: 37%;
    position: relative;
    left: 51%;
    top: 3%; }
  .foreground #slnHover {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    cursor: pointer;
    position: relative;
    left: 41%;
    width: 182px;
    height: 161px; }
  .foreground #ai {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    position: relative;
    left: 17%;
    top: 27%; }
    .foreground #ai :hover {
      background: url("../images/sites/1x/aiHov.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 16%;
      z-index: 10; }
  .foreground .ai {
    height: 37%;
    position: relative;
    top: 26%;
    left: 26%; }
  .foreground #aiHover {
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    cursor: pointer;
    position: relative;
    left: 17%;
    top: 27%;
    width: 128px;
    height: 145px; }

.secondLay {
  background: url("../images/background/firstLay.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-blend-mode: multiply;
  z-index: 40;
  height: 170%;
  -webkit-animation: overlay 17s infinite;
  -moz-animation: overlay 17s infinite;
  -ms-animation: overlay 17s infinite;
  -o-animation: overlay 17s infinite;
  animation: overlay 17s infinite; }

.firstLay {
  background: url("../images/background/lastLay.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-blend-mode: multiply;
  z-index: 30;
  -webkit-animation: overlay 13s infinite;
  -moz-animation: overlay 13s infinite;
  -ms-animation: overlay 13s infinite;
  -o-animation: overlay 13s infinite;
  animation: overlay 13s infinite; }

nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 225, 0.75);
  height: 69.1387526910636px;
  width: 100%; }
  nav ol {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    nav ol li:hover {
      background-color: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    nav ol li {
      /* 
       border:.25px solid $borderInactive;
       */
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      padding-top: 20.4713763455318px;
      padding-bottom: 20.4713763455318px;
      color: #000;
      width: 20%;
      list-style-type: none; }
      nav ol li .nav-set {
        margin-left: auto;
        margin-right: auto;
        width: max-content; }
        nav ol li .nav-set a {
          color: #000;
          text-decoration: none;
          font-family: 'Palace Script MT', Arial, Helvetica, sans-serif;
          font-size: 2.5em; }
      nav ol li img {
        height: 28.196px; }
      nav ol li span {
        padding-top: 20.4713763455318px;
        padding-bottom: 20.4713763455318px; }

main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90vh; }
  main .contact {
    width: 100%; }
    main .contact .contactForm {
      width: 39%;
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      main .contact .contactForm fieldset {
        border: none; }
      main .contact .contactForm .form-item {
        margin-top: 20px;
        margin-bottom: 20px;
        flex-direction: column;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        main .contact .contactForm .form-item label {
          width: 30%;
          font-size: 1.6rem;
          align-items: center;
          margin-bottom: 20px;
          color: white; }
        main .contact .contactForm .form-item input {
          height: 36px;
          border-radius: 7px;
          width: 100%;
          padding: 10px; }
        main .contact .contactForm .form-item textarea {
          height: 123px;
          border-radius: 7px;
          width: 100%;
          padding: 10px; }
      main .contact .contactForm .submitBtn {
        border-radius: 6px;
        background-color: blue;
        color: white;
        height: 40px;
        width: 80px;
        float: right;
        margin-top: 30px;
        font-size: 1.1rem; }
        main .contact .contactForm .submitBtn:hover {
          cursor: pointer; }

footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5vh;
  background-color: #000;
  color: #fff; }
  footer span {
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.zoom {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.bannerContainer {
  position: relative;
  width: 400px;
  height: 300px;
  background-color: #000;
  color: #fff;
  border: 3px solid black;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: contents; }

.nameBanner {
  position: relative;
  top: 405.133px;
  height: 181.81px;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto; }

.arrows {
  position: relative;
  width: 100%; }
  .arrows img {
    position: relative;
    right: 40px;
    top: 18px; }
  .arrows :hover {
    cursor: pointer;
    -webkit-animation: arrows .7s infinite;
    -moz-animation: arrows .7s infinite;
    -ms-animation: arrows .7s infinite;
    -o-animation: arrows .7s infinite;
    animation: arrows .7s infinite; }

.active {
  background-color: #fff; }

.home {
  background-color: #fff; }

.navLinks:hover {
  cursor: pointer; }

.none {
  display: none; }

.noOpacity {
  opacity: 0; }

.cloudBtn {
  position: absolute;
  z-index: 101;
  top: -42%;
  left: -98%;
  background: none;
  border: none;
  background-image: url(../images/cloudBtn.png);
  background-size: 100%;
  background-repeat: none;
  background-position: center;
  height: 100px; }

.cloudTxt {
  position: absolute;
  z-index: 101;
  top: -37%;
  left: -81%;
  width: 407px; }

.cloudTxtAi {
  position: absolute;
  z-index: 101;
  top: -38%;
  left: -81%;
  width: 407px; }

.cloudClose {
  position: absolute;
  z-index: 101;
  top: -63%;
  left: 139%;
  width: 60%; }
  .cloudClose:hover {
    width: 61%;
    cursor: pointer; }

.cloudClose2 {
  position: absolute;
  z-index: 901;
  top: -63%;
  left: 139%;
  width: 60%; }
  .cloudClose2:hover {
    width: 61%;
    cursor: pointer; }

.byeCloud {
  -webkit-animation: byeCloud 4s;
  -moz-animation: byeCloud 4s;
  -ms-animation: byeCloud 4s;
  -o-animation: byeCloud 4s;
  animation: byeCloud 4s; }

.byebyeCloud {
  -webkit-animation: byebyeCloud 4s;
  -moz-animation: byebyeCloud 4s;
  -ms-animation: byebyeCloud 4s;
  -o-animation: byebyeCloud 4s;
  animation: byebyeCloud 4s; }

.byebyebyeCloud {
  -webkit-animation: byebyebyeCloud 4s;
  -moz-animation: byebyebyeCloud 4s;
  -ms-animation: byebyebyeCloud 4s;
  -o-animation: byebyebyeCloud 4s;
  animation: byebyebyeCloud 4s; }

.byebyebyebyeCloud {
  -webkit-animation: byebyebyebyeCloud 4s;
  -moz-animation: byebyebyebyeCloud 4s;
  -ms-animation: byebyebyebyeCloud 4s;
  -o-animation: byebyebyebyeCloud 4s;
  animation: byebyebyebyeCloud 4s; }

.byebyebyebyebyeCloud {
  -webkit-animation: byebyebyebyebyeCloud 4s;
  -moz-animation: byebyebyebyebyeCloud 4s;
  -ms-animation: byebyebyebyebyeCloud 4s;
  -o-animation: byebyebyebyebyeCloud 4s;
  animation: byebyebyebyebyeCloud 4s; }

.byeLive {
  -webkit-animation: byeLive 4s;
  -moz-animation: byeLive 4s;
  -ms-animation: byeLive 4s;
  -o-animation: byeLive 4s;
  animation: byeLive 4s; }

.coptering {
  position: absolute;
  top: -74%;
  width: 200px;
  left: -615%; }

.fixPos {
  position: absolute;
  left: -650%; }

.pole {
  position: absolute;
  top: -63%;
  width: 600px;
  left: -730%; }

.screen {
  position: absolute;
  top: -55.5%;
  width: 600px;
  left: -730%;
  z-index: 900; }

.poleBottom {
  position: absolute;
  top: -55%;
  width: 600px;
  left: -730%; }

#genOneScreen {
  position: absolute;
  top: -55%;
  width: 600px;
  height: 375px;
  left: -80%;
  opacity: 0;
  z-index: 900; }

.cloudClose-Gen {
  position: absolute;
  z-index: 101;
  top: -73%;
  left: 159%;
  width: 60%; }
  .cloudClose-Gen:hover {
    width: 61%;
    cursor: pointer; }

.cloudClose-Sln {
  position: absolute;
  z-index: 101;
  top: -73%;
  left: 159%;
  width: 60%; }
  .cloudClose-Sln:hover {
    width: 61%;
    cursor: pointer; }

.coptering2 {
  position: absolute;
  top: -74%;
  width: 200px;
  left: -615%; }

.pole2 {
  position: absolute;
  top: -63%;
  width: 600px;
  left: -730%; }

.screen2 {
  position: absolute;
  top: -55.5%;
  width: 600px;
  left: -730%;
  z-index: 900; }

.poleBottom2 {
  position: absolute;
  top: -55%;
  width: 600px;
  left: -730%; }

#smartPreview {
  position: absolute;
  top: -55%;
  width: 600px;
  height: 375px;
  left: -80%;
  opacity: 0;
  z-index: 900; }

.cloudCloseGen2 {
  position: absolute;
  z-index: 101;
  top: -73%;
  left: 159%;
  width: 60%; }
  .cloudCloseGen2:hover {
    width: 61%;
    cursor: pointer; }

.viewSite {
  position: absolute;
  z-index: 101;
  top: -38%;
  left: 334%;
  width: 109%; }
  .viewSite:hover {
    width: 110%;
    cursor: pointer; }

.aiSite {
  position: absolute;
  z-index: 300; }
  .aiSite iframe {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw; }

.impNone {
  display: none !important; }

@-webkit-keyframes arrows {
  0% {
    width: 100%; }
  45% {
    width: 102%;
    right: 50px; }
  90% {
    width: 100%;
    right: 40px; } }
@-moz-keyframes arrows {
  0% {
    width: 100%; }
  45% {
    width: 102%;
    right: 50px; }
  90% {
    width: 100%;
    right: 40px; } }
@-ms-keyframes arrows {
  0% {
    width: 100%; }
  45% {
    width: 102%;
    right: 50px; }
  90% {
    width: 100%;
    right: 40px; } }
@-o-keyframes arrows {
  0% {
    width: 100%; }
  45% {
    width: 102%;
    right: 50px; }
  90% {
    width: 100%;
    right: 40px; } }
@keyframes arrows {
  0% {
    width: 100%; }
  45% {
    width: 102%;
    right: 50px; }
  90% {
    width: 100%;
    right: 40px; } }
@-webkit-keyframes arrowsTablet {
  0% {
    width: 76%; }
  45% {
    width: 78%;
    left: 11%; }
  90% {
    width: 76%;
    left: 12%; } }
@-moz-keyframes arrowsTablet {
  0% {
    width: 76%; }
  45% {
    width: 78%;
    left: 11%; }
  90% {
    width: 76%;
    left: 12%; } }
@-ms-keyframes arrowsTablet {
  0% {
    width: 76%; }
  45% {
    width: 78%;
    left: 11%; }
  90% {
    width: 76%;
    left: 12%; } }
@-o-keyframes arrowsTablet {
  0% {
    width: 76%; }
  45% {
    width: 78%;
    left: 11%; }
  90% {
    width: 76%;
    left: 12%; } }
@keyframes arrowsTablet {
  0% {
    width: 76%; }
  45% {
    width: 78%;
    left: 11%; }
  90% {
    width: 76%;
    left: 12%; } }
@-webkit-keyframes backgrd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  90% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }
@-moz-keyframes backgrd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  90% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }
@-ms-keyframes backgrd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  90% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }
@-o-keyframes backgrd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  90% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }
@keyframes backgrd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  90% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }
@-webkit-keyframes stage2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  90% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes stage2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  90% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes stage2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  90% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes stage2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  90% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes stage2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  45% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  90% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes overlay {
  0% {
    height: 100%; }
  45% {
    height: 150%; }
  90% {
    height: 100%; } }
@-moz-keyframes overlay {
  0% {
    height: 100%; }
  45% {
    height: 150%; }
  90% {
    height: 100%; } }
@-ms-keyframes overlay {
  0% {
    height: 100%; }
  45% {
    height: 150%; }
  90% {
    height: 100%; } }
@-o-keyframes overlay {
  0% {
    height: 100%; }
  45% {
    height: 150%; }
  90% {
    height: 100%; } }
@keyframes overlay {
  0% {
    height: 100%; }
  45% {
    height: 150%; }
  90% {
    height: 100%; } }
@-webkit-keyframes smallCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-moz-keyframes smallCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-ms-keyframes smallCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-o-keyframes smallCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@keyframes smallCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-webkit-keyframes bigCloud {
  0% {
    left: -.1%; }
  50% {
    left: -.52%; }
  100% {
    left: -.1%; } }
@-moz-keyframes bigCloud {
  0% {
    left: -.1%; }
  50% {
    left: -.52%; }
  100% {
    left: -.1%; } }
@-ms-keyframes bigCloud {
  0% {
    left: -.1%; }
  50% {
    left: -.52%; }
  100% {
    left: -.1%; } }
@-o-keyframes bigCloud {
  0% {
    left: -.1%; }
  50% {
    left: -.52%; }
  100% {
    left: -.1%; } }
@keyframes bigCloud {
  0% {
    left: -.1%; }
  50% {
    left: -.52%; }
  100% {
    left: -.1%; } }
@-webkit-keyframes rightCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-moz-keyframes rightCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-ms-keyframes rightCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-o-keyframes rightCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@keyframes rightCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-webkit-keyframes man {
  0% {
    left: 65%;
    top: 81%; }
  100% {
    left: 49%;
    top: 86%; } }
@-moz-keyframes man {
  0% {
    left: 65%;
    top: 81%; }
  100% {
    left: 49%;
    top: 86%; } }
@-ms-keyframes man {
  0% {
    left: 65%;
    top: 81%; }
  100% {
    left: 49%;
    top: 86%; } }
@-o-keyframes man {
  0% {
    left: 65%;
    top: 81%; }
  100% {
    left: 49%;
    top: 86%; } }
@keyframes man {
  0% {
    left: 65%;
    top: 81%; }
  100% {
    left: 49%;
    top: 86%; } }
@-webkit-keyframes leCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-moz-keyframes leCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-ms-keyframes leCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-o-keyframes leCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@keyframes leCloud {
  0% {
    left: 1%; }
  10% {
    top: 37.5%; }
  50% {
    left: 2%; }
  70% {
    top: 37%; }
  100% {
    left: 1%; } }
@-webkit-keyframes riCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-moz-keyframes riCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-ms-keyframes riCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-o-keyframes riCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@keyframes riCloud {
  0% {
    right: -1%; }
  50% {
    right: -1.2%; }
  100% {
    right: -1%; } }
@-webkit-keyframes stage3Cloud {
  0% {
    left: -14%; }
  50% {
    left: 71%; }
  100% {
    left: -14%; } }
@-moz-keyframes stage3Cloud {
  0% {
    left: -14%; }
  50% {
    left: 71%; }
  100% {
    left: -14%; } }
@-ms-keyframes stage3Cloud {
  0% {
    left: -14%; }
  50% {
    left: 71%; }
  100% {
    left: -14%; } }
@-o-keyframes stage3Cloud {
  0% {
    left: -14%; }
  50% {
    left: 71%; }
  100% {
    left: -14%; } }
@keyframes stage3Cloud {
  0% {
    left: -14%; }
  50% {
    left: 71%; }
  100% {
    left: -14%; } }
@-webkit-keyframes stage3CloudL {
  0% {
    left: 80%; }
  10% {
    left: 78.75%; }
  20% {
    left: 75%; }
  30% {
    left: 73.25%; }
  40% {
    left: 71%; }
  50% {
    left: 71%; }
  60% {
    left: 71%; }
  70% {
    left: 73.25%; }
  80% {
    left: 75%; }
  90% {
    left: 78.75%; }
  100% {
    left: 80%; } }
@-moz-keyframes stage3CloudL {
  0% {
    left: 80%; }
  10% {
    left: 78.75%; }
  20% {
    left: 75%; }
  30% {
    left: 73.25%; }
  40% {
    left: 71%; }
  50% {
    left: 71%; }
  60% {
    left: 71%; }
  70% {
    left: 73.25%; }
  80% {
    left: 75%; }
  90% {
    left: 78.75%; }
  100% {
    left: 80%; } }
@-ms-keyframes stage3CloudL {
  0% {
    left: 80%; }
  10% {
    left: 78.75%; }
  20% {
    left: 75%; }
  30% {
    left: 73.25%; }
  40% {
    left: 71%; }
  50% {
    left: 71%; }
  60% {
    left: 71%; }
  70% {
    left: 73.25%; }
  80% {
    left: 75%; }
  90% {
    left: 78.75%; }
  100% {
    left: 80%; } }
@-o-keyframes stage3CloudL {
  0% {
    left: 80%; }
  10% {
    left: 78.75%; }
  20% {
    left: 75%; }
  30% {
    left: 73.25%; }
  40% {
    left: 71%; }
  50% {
    left: 71%; }
  60% {
    left: 71%; }
  70% {
    left: 73.25%; }
  80% {
    left: 75%; }
  90% {
    left: 78.75%; }
  100% {
    left: 80%; } }
@keyframes stage3CloudL {
  0% {
    left: 80%; }
  10% {
    left: 78.75%; }
  20% {
    left: 75%; }
  30% {
    left: 73.25%; }
  40% {
    left: 71%; }
  50% {
    left: 71%; }
  60% {
    left: 71%; }
  70% {
    left: 73.25%; }
  80% {
    left: 75%; }
  90% {
    left: 78.75%; }
  100% {
    left: 80%; } }
@-webkit-keyframes sun {
  0% {
    left: 70%; }
  1% {
    top: 30%; }
  30% {
    top: 16; }
  40% {
    left: 59%; }
  99% {
    top: 16; }
  100% {
    left: 59%; } }
@-moz-keyframes sun {
  0% {
    left: 70%; }
  1% {
    top: 30%; }
  30% {
    top: 16; }
  40% {
    left: 59%; }
  99% {
    top: 16; }
  100% {
    left: 59%; } }
@-ms-keyframes sun {
  0% {
    left: 70%; }
  1% {
    top: 30%; }
  30% {
    top: 16; }
  40% {
    left: 59%; }
  99% {
    top: 16; }
  100% {
    left: 59%; } }
@-o-keyframes sun {
  0% {
    left: 70%; }
  1% {
    top: 30%; }
  30% {
    top: 16; }
  40% {
    left: 59%; }
  99% {
    top: 16; }
  100% {
    left: 59%; } }
@keyframes sun {
  0% {
    left: 70%; }
  1% {
    top: 30%; }
  30% {
    top: 16; }
  40% {
    left: 59%; }
  99% {
    top: 16; }
  100% {
    left: 59%; } }
@-webkit-keyframes stars {
  0% {
    background-size: 100%; }
  50% {
    background-size: 101%; }
  100% {
    background-size: 100%; } }
@-moz-keyframes stars {
  0% {
    background-size: 100%; }
  50% {
    background-size: 101%; }
  100% {
    background-size: 100%; } }
@-ms-keyframes stars {
  0% {
    background-size: 100%; }
  50% {
    background-size: 101%; }
  100% {
    background-size: 100%; } }
@-o-keyframes stars {
  0% {
    background-size: 100%; }
  50% {
    background-size: 101%; }
  100% {
    background-size: 100%; } }
@keyframes stars {
  0% {
    background-size: 100%; }
  50% {
    background-size: 101%; }
  100% {
    background-size: 100%; } }
@-webkit-keyframes star1 {
  0% {
    left: -60%; }
  50% {
    left: 160%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  100% {
    opacity: 1; } }
@-moz-keyframes star1 {
  0% {
    left: -60%; }
  50% {
    left: 160%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  100% {
    opacity: 1; } }
@-ms-keyframes star1 {
  0% {
    left: -60%; }
  50% {
    left: 160%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  100% {
    opacity: 1; } }
@-o-keyframes star1 {
  0% {
    left: -60%; }
  50% {
    left: 160%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  100% {
    opacity: 1; } }
@keyframes star1 {
  0% {
    left: -60%; }
  50% {
    left: 160%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  100% {
    opacity: 1; } }
@-webkit-keyframes star2 {
  0% {
    left: -60%; }
  1% {
    top: 37%; }
  50% {
    left: 160%; }
  51% {
    top: 0%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  78% {
    top: 37%; }
  100% {
    opacity: 1; } }
@-moz-keyframes star2 {
  0% {
    left: -60%; }
  1% {
    top: 37%; }
  50% {
    left: 160%; }
  51% {
    top: 0%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  78% {
    top: 37%; }
  100% {
    opacity: 1; } }
@-ms-keyframes star2 {
  0% {
    left: -60%; }
  1% {
    top: 37%; }
  50% {
    left: 160%; }
  51% {
    top: 0%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  78% {
    top: 37%; }
  100% {
    opacity: 1; } }
@-o-keyframes star2 {
  0% {
    left: -60%; }
  1% {
    top: 37%; }
  50% {
    left: 160%; }
  51% {
    top: 0%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  78% {
    top: 37%; }
  100% {
    opacity: 1; } }
@keyframes star2 {
  0% {
    left: -60%; }
  1% {
    top: 37%; }
  50% {
    left: 160%; }
  51% {
    top: 0%; }
  75% {
    opacity: 0; }
  77% {
    left: -60%; }
  78% {
    top: 37%; }
  100% {
    opacity: 1; } }
@-webkit-keyframes smoke {
  0% {
    background-size: 3%; }
  1% {
    top: -16%; }
  99% {
    top: -22%; }
  100% {
    background-size: 100%; } }
@-moz-keyframes smoke {
  0% {
    background-size: 3%; }
  1% {
    top: -16%; }
  99% {
    top: -22%; }
  100% {
    background-size: 100%; } }
@-ms-keyframes smoke {
  0% {
    background-size: 3%; }
  1% {
    top: -16%; }
  99% {
    top: -22%; }
  100% {
    background-size: 100%; } }
@-o-keyframes smoke {
  0% {
    background-size: 3%; }
  1% {
    top: -16%; }
  99% {
    top: -22%; }
  100% {
    background-size: 100%; } }
@keyframes smoke {
  0% {
    background-size: 3%; }
  1% {
    top: -16%; }
  99% {
    top: -22%; }
  100% {
    background-size: 100%; } }
@-webkit-keyframes medium_planet {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@-moz-keyframes medium_planet {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@-ms-keyframes medium_planet {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@-o-keyframes medium_planet {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@keyframes medium_planet {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@-webkit-keyframes rocket_ship {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1800deg); } }
@-moz-keyframes rocket_ship {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1800deg); } }
@-ms-keyframes rocket_ship {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1800deg); } }
@-o-keyframes rocket_ship {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1800deg); } }
@keyframes rocket_ship {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-1800deg); } }
@-webkit-keyframes little_stars {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.01); }
  100% {
    transform: scale(1); } }
@-moz-keyframes little_stars {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.01); }
  100% {
    transform: scale(1); } }
@-ms-keyframes little_stars {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.01); }
  100% {
    transform: scale(1); } }
@-o-keyframes little_stars {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.01); }
  100% {
    transform: scale(1); } }
@keyframes little_stars {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.01); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes byeCloud {
  0% {
    left: 139%; }
  50% {
    left: 143%; }
  60% {
    top: -88%; }
  70% {
    left: 148%; }
  90% {
    left: 123%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-moz-keyframes byeCloud {
  0% {
    left: 139%; }
  50% {
    left: 143%; }
  60% {
    top: -88%; }
  70% {
    left: 148%; }
  90% {
    left: 123%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-ms-keyframes byeCloud {
  0% {
    left: 139%; }
  50% {
    left: 143%; }
  60% {
    top: -88%; }
  70% {
    left: 148%; }
  90% {
    left: 123%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-o-keyframes byeCloud {
  0% {
    left: 139%; }
  50% {
    left: 143%; }
  60% {
    top: -88%; }
  70% {
    left: 148%; }
  90% {
    left: 123%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@keyframes byeCloud {
  0% {
    left: 139%; }
  50% {
    left: 143%; }
  60% {
    top: -88%; }
  70% {
    left: 148%; }
  90% {
    left: 123%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-webkit-keyframes byebyeCloud {
  60% {
    top: -108%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-moz-keyframes byebyeCloud {
  60% {
    top: -108%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-ms-keyframes byebyeCloud {
  60% {
    top: -108%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-o-keyframes byebyeCloud {
  60% {
    top: -108%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@keyframes byebyeCloud {
  60% {
    top: -108%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-webkit-keyframes byebyebyeCloud {
  0% {
    left: -1%; }
  50% {
    left: 12%; }
  60% {
    top: -88%; }
  70% {
    left: 8%; }
  90% {
    left: 11%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-moz-keyframes byebyebyeCloud {
  0% {
    left: -1%; }
  50% {
    left: 12%; }
  60% {
    top: -88%; }
  70% {
    left: 8%; }
  90% {
    left: 11%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-ms-keyframes byebyebyeCloud {
  0% {
    left: -1%; }
  50% {
    left: 12%; }
  60% {
    top: -88%; }
  70% {
    left: 8%; }
  90% {
    left: 11%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-o-keyframes byebyebyeCloud {
  0% {
    left: -1%; }
  50% {
    left: 12%; }
  60% {
    top: -88%; }
  70% {
    left: 8%; }
  90% {
    left: 11%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@keyframes byebyebyeCloud {
  0% {
    left: -1%; }
  50% {
    left: 12%; }
  60% {
    top: -88%; }
  70% {
    left: 8%; }
  90% {
    left: 11%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-webkit-keyframes byebyebyebyeCloud {
  0% {
    left: 20%; }
  50% {
    left: 24%; }
  60% {
    top: -88%; }
  70% {
    left: 18%; }
  90% {
    left: 21%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-moz-keyframes byebyebyebyeCloud {
  0% {
    left: 20%; }
  50% {
    left: 24%; }
  60% {
    top: -88%; }
  70% {
    left: 18%; }
  90% {
    left: 21%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-ms-keyframes byebyebyebyeCloud {
  0% {
    left: 20%; }
  50% {
    left: 24%; }
  60% {
    top: -88%; }
  70% {
    left: 18%; }
  90% {
    left: 21%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-o-keyframes byebyebyebyeCloud {
  0% {
    left: 20%; }
  50% {
    left: 24%; }
  60% {
    top: -88%; }
  70% {
    left: 18%; }
  90% {
    left: 21%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@keyframes byebyebyebyeCloud {
  0% {
    left: 20%; }
  50% {
    left: 24%; }
  60% {
    top: -88%; }
  70% {
    left: 18%; }
  90% {
    left: 21%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-webkit-keyframes byebyebyebyebyeCloud {
  0% {
    left: -5%; }
  50% {
    left: 1%; }
  60% {
    top: -88%; }
  70% {
    left: -2%; }
  90% {
    left: 3%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-moz-keyframes byebyebyebyebyeCloud {
  0% {
    left: -5%; }
  50% {
    left: 1%; }
  60% {
    top: -88%; }
  70% {
    left: -2%; }
  90% {
    left: 3%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-ms-keyframes byebyebyebyebyeCloud {
  0% {
    left: -5%; }
  50% {
    left: 1%; }
  60% {
    top: -88%; }
  70% {
    left: -2%; }
  90% {
    left: 3%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-o-keyframes byebyebyebyebyeCloud {
  0% {
    left: -5%; }
  50% {
    left: 1%; }
  60% {
    top: -88%; }
  70% {
    left: -2%; }
  90% {
    left: 3%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@keyframes byebyebyebyebyeCloud {
  0% {
    left: -5%; }
  50% {
    left: 1%; }
  60% {
    top: -88%; }
  70% {
    left: -2%; }
  90% {
    left: 3%; }
  99% {
    opacity: 0; }
  100% {
    top: -118%; } }
@-webkit-keyframes byeLive {
  0% {
    top: -39%; }
  50% {
    top: -80%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-moz-keyframes byeLive {
  0% {
    top: -39%; }
  50% {
    top: -80%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-ms-keyframes byeLive {
  0% {
    top: -39%; }
  50% {
    top: -80%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-o-keyframes byeLive {
  0% {
    top: -39%; }
  50% {
    top: -80%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@keyframes byeLive {
  0% {
    top: -39%; }
  50% {
    top: -80%; }
  99% {
    opacity: 0; }
  100% {
    top: -148%; } }
@-webkit-keyframes skillPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-moz-keyframes skillPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-ms-keyframes skillPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-o-keyframes skillPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@keyframes skillPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-webkit-keyframes applicationPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -95%; } }
@-moz-keyframes applicationPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -95%; } }
@-ms-keyframes applicationPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -95%; } }
@-o-keyframes applicationPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -95%; } }
@keyframes applicationPlaneA {
  0% {
    left: 100%; }
  100% {
    left: -95%; } }
@-webkit-keyframes cmsPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-moz-keyframes cmsPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-ms-keyframes cmsPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-o-keyframes cmsPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@keyframes cmsPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-webkit-keyframes libraryPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-moz-keyframes libraryPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-ms-keyframes libraryPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-o-keyframes libraryPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@keyframes libraryPlane {
  0% {
    right: 100%; }
  100% {
    right: -95%; } }
@-webkit-keyframes languagePlane {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-moz-keyframes languagePlane {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-ms-keyframes languagePlane {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-o-keyframes languagePlane {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@keyframes languagePlane {
  0% {
    left: 100%; }
  100% {
    left: -45%; } }
@-webkit-keyframes skillPlaneF {}
@-moz-keyframes skillPlaneF {}
@-ms-keyframes skillPlaneF {}
@-o-keyframes skillPlaneF {}
@-webkit-keyframes skillPlaneG {}
@-moz-keyframes skillPlaneG {}
@-ms-keyframes skillPlaneG {}
@-o-keyframes skillPlaneG {}
@-webkit-keyframes skillPlaneH {}
@-moz-keyframes skillPlaneH {}
@-ms-keyframes skillPlaneH {}
@-o-keyframes skillPlaneH {}
@-webkit-keyframes skillPlaneI {}
@-moz-keyframes skillPlaneI {}
@-ms-keyframes skillPlaneI {}
@-o-keyframes skillPlaneI {}
@-webkit-keyframes skillPlaneJ {}
@-moz-keyframes skillPlaneJ {}
@-ms-keyframes skillPlaneJ {}
@-o-keyframes skillPlaneJ {}
@media (max-width: 1024px) {
  .circles {
    overflow: hidden; }
    .circles .circ {
      position: absolute;
      top: -19%;
      background: url("../images/background/circle.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: center top;
      background-position: 43%;
      z-index: -10;
      width: 100vw;
      height: 100vh;
      -webkit-animation: backgrd 27s infinite;
      -moz-animation: backgrd 27s infinite;
      -ms-animation: backgrd 27s infinite;
      -o-animation: backgrd 27s infinite;
      animation: backgrd 27s infinite; }
    .circles .stage2 {
      position: absolute;
      top: 0%;
      background-image: url("../images/background/second/back.png");
      background-repeat: no-repeat;
      background-size: 188%;
      background-size: center top;
      z-index: -9;
      width: 100%;
      height: 100vh;
      -webkit-animation: stage2 27s infinite;
      -moz-animation: stage2 27s infinite;
      -ms-animation: stage2 27s infinite;
      -o-animation: stage2 27s infinite;
      animation: stage2 27s infinite; }
    .circles .stage3 {
      position: absolute;
      background-image: url("../images/background/third/lay3.jpg");
      background-repeat: no-repeat;
      background-size: 210%;
      background-size: center top;
      z-index: -9;
      width: 100vw;
      height: 100vh; }
    .circles .stage4 {
      background-size: 200%; }
    .circles .secondLay {
      color: white; }
      .circles .secondLay .bann {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 15%;
        right: 15%; }
      .circles .secondLay .arrows {
        position: relative;
        width: 100%; }
        .circles .secondLay .arrows img {
          width: 76%;
          position: relative;
          left: 12%;
          right: 40px;
          top: 18px; }
        .circles .secondLay .arrows :hover {
          cursor: pointer;
          -webkit-animation: arrowsTablet .7s infinite;
          -moz-animation: arrowsTablet .7s infinite;
          -ms-animation: arrowsTablet .7s infinite;
          -o-animation: arrowsTablet .7s infinite;
          animation: arrowsTablet .7s infinite; }
      .circles .secondLay .foreground {
        background: url("../images/background/mountains.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center bottom;
        width: 100vw;
        z-index: 40; }
        .circles .secondLay .foreground .flagSize {
          width: 139.5px;
          height: 172.5px; }
        .circles .secondLay .foreground .flagHover {
          width: 139px;
          height: 172px; }
        .circles .secondLay .foreground .flagClouds {
          z-index: 0; }
        .circles .secondLay .foreground .flagClick {
          z-index: 10; }
        .circles .secondLay .foreground #att {
          background-repeat: no-repeat;
          background-size: 76%;
          z-index: 10;
          width: 139.5px;
          height: 172.5px; }
          .circles .secondLay .foreground #att :hover {
            background: url("../images/sites/1x/attHov.png");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 10%;
            z-index: 10; }
        .circles .secondLay .foreground .att {
          height: 37%;
          position: relative;
          top: 53%;
          left: 2%; }
        .circles .secondLay .foreground #attHover {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          cursor: pointer;
          width: 139px;
          height: 172px; }
        .circles .secondLay .foreground #gen {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          position: relative;
          top: 12%;
          left: 12%; }
          .circles .secondLay .foreground #gen :hover {
            background: url("../images/sites/1x/genHov.png");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 16%;
            z-index: 10; }
        .circles .secondLay .foreground .gen {
          height: 37%;
          position: relative;
          top: 52%;
          left: 10%; }
        .circles .secondLay .foreground #genHover {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          position: relative;
          top: 12%;
          left: 12%;
          cursor: pointer;
          width: 159px;
          height: 182px; }
        .circles .secondLay .foreground #sln {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          position: relative;
          left: 41%; }
          .circles .secondLay .foreground #sln :hover {
            background: url("../images/sites/1x/slnHov.png");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 16%;
            z-index: 10; }
        .circles .secondLay .foreground .sln {
          height: 37%;
          position: relative;
          left: 25%;
          top: 47%; }
        .circles .secondLay .foreground #slnHover {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          cursor: pointer;
          position: relative;
          left: 41%;
          width: 182px;
          height: 161px; }
        .circles .secondLay .foreground #ai {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          position: relative;
          left: 17%;
          top: 27%; }
          .circles .secondLay .foreground #ai :hover {
            background: url("../images/sites/1x/aiHov.png");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 16%;
            z-index: 10; }
        .circles .secondLay .foreground .ai {
          height: 37%;
          position: relative;
          top: 53%;
          left: 12%; }
        .circles .secondLay .foreground #aiHover {
          background-repeat: no-repeat;
          background-size: 100%;
          z-index: 10;
          cursor: pointer;
          position: relative;
          left: 17%;
          top: 27%;
          width: 128px;
          height: 145px; } }
/*
Using overflow to hide the background animatoin.
*/
html {
  font-size: 16px;
  overflow: hidden; }

  /**********************************



Use: Reset Styles for all browsers



***********************************/
body, p, blockquote {
  margin: 0;
  padding: 0; }

a img, iframe {
  border: none; }

/* Headers

------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%; }

/* Lists

------------------------------*/
ul, ol, dl, li, dt, dd {
  margin: 0;
  padding: 0; }

/* Links

------------------------------*/
/* Forms

------------------------------*/
form, fieldset {
  margin: 0;
  padding: 0; }

fieldset {
  border: 1px solid #000; }

legend {
  padding: 0;
  color: #000; }

input, textarea, select {
  margin: 0;
  padding: 1px;
  font-size: 100%;
  font-family: inherit; }

select {
  padding: 0; }

/*End Reset */

/*# sourceMappingURL=custom.css.map */