@charset "utf-8";
@-webkit-keyframes fadeIn {
  /* line 132, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
  }

  /* line 134, ../../lib/sass/_mixin.sass */
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  /* line 132, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
  }

  /* line 134, ../../lib/sass/_mixin.sass */
  100% {
    opacity: 1;
  }
}

/* line 142, ../../lib/sass/_mixin.sass */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  /* line 149, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 1;
  }

  /* line 151, ../../lib/sass/_mixin.sass */
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  /* line 149, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 1;
  }

  /* line 151, ../../lib/sass/_mixin.sass */
  100% {
    opacity: 0;
  }
}

/* line 159, ../../lib/sass/_mixin.sass */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes bounceInDown {
  /* line 78, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  /* line 82, ../../lib/sass/_mixin.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  /* line 86, ../../lib/sass/_mixin.sass */
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  /* line 89, ../../lib/sass/_mixin.sass */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  /* line 78, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  /* line 82, ../../lib/sass/_mixin.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  /* line 86, ../../lib/sass/_mixin.sass */
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  /* line 89, ../../lib/sass/_mixin.sass */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 98, ../../lib/sass/_mixin.sass */
.bounceInDown {
  -webkit-animation: bounceInDown 1s;
  animation: bounceInDown 1s;
}

@-webkit-keyframes bounceInUp {
  /* line 104, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  /* line 108, ../../lib/sass/_mixin.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  /* line 112, ../../lib/sass/_mixin.sass */
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  /* line 115, ../../lib/sass/_mixin.sass */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  /* line 104, ../../lib/sass/_mixin.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  /* line 108, ../../lib/sass/_mixin.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  /* line 112, ../../lib/sass/_mixin.sass */
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  /* line 115, ../../lib/sass/_mixin.sass */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 124, ../../lib/sass/_mixin.sass */
.bounceInUp {
  -webkit-animation: bounceInUp 1s;
  animation: bounceInUp 1s;
}

@font-face {
  font-weight: normal;
  font-sytle: normal;
  font-family: "robotocondbold";
  src: url("../font/robotocondbold.ttf") format("truetype"), url("../font/robotocondbold.svg#robotocondbold") format("svg");
}

@font-face {
  font-weight: normal;
  font-sytle: normal;
  font-family: "roboto-regular";
  src: url("../font/roboto-regular.ttf") format("truetype"), url("../font/roboto-regular.svg#roboto-regular") format("svg");
}

@font-face {
  font-weight: normal;
  font-sytle: normal;
  font-family: "roboto-condensed";
  src: url("../font/roboto-condensed.ttf") format("truetype"), url("../font/roboto-condensed.svg#roboto-condensed") format("svg");
}

/* line 14, ../../lib/sass/style.sass */
body {
  margin: 0;
  padding: 0;
  font-family: "robotocondbold";
}

/* line 18, ../../lib/sass/style.sass */
body * {
  font-family: "robotocondbold";
}

/* line 21, ../../lib/sass/style.sass */
#view {
  margin: 0;
  padding: 0;
  width: 1024px;
  height: 768px;
  position: relative;
  overflow: hidden;
  background: #00c9ff;
}

/* line 28, ../../lib/sass/style.sass */
#inn {
  width: 1024px;
  height: 768px;
  position: absolute;
  overflow: hidden;
  display: none;
}

/* line 35, ../../lib/sass/style.sass */
#out {
  width: 1024px;
  height: 768px;
  position: absolute;
  overflow: hidden;
}
/* line 39, ../../lib/sass/style.sass */
#out .page {
  width: 1024px;
  height: 768px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  position: inherit;
  -webkit-transition: 1s all;
  transition: 1s all;
}
/* line 43, ../../lib/sass/style.sass */
#out .page.splash {
  background: #00c9ff;
  color: white;
}
/* line 47, ../../lib/sass/style.sass */
#out .page.splash.out * {
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
}
/* line 50, ../../lib/sass/style.sass */
#out .page.splash.out .title.show {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  position: absolute;
  left: 345px;
  top: -1000px;
}
/* line 54, ../../lib/sass/style.sass */
#out .page.splash.out .text.show {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  position: absolute;
  left: 345px;
  top: -200px;
  opacity: 0;
}
/* line 60, ../../lib/sass/style.sass */
#out .page.splash.out .btn.start.show {
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
  position: absolute;
  left: 412px;
  top: 100px;
  opacity: 0;
}
/* line 66, ../../lib/sass/style.sass */
#out .page.splash.out .cloud.left.show {
  -webkit-transition: 0.8s all;
  transition: 0.8s all;
  top: -400px;
}
/* line 70, ../../lib/sass/style.sass */
#out .page.splash.out .cloud.right.show {
  -webkit-transition: 1s all;
  transition: 1s all;
  top: -300px;
}
/* line 73, ../../lib/sass/style.sass */
#out .page.splash .title {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 350px;
  height: 180px;
  position: absolute;
  left: 345px;
  top: 110px;
  font-size: 85px;
  line-height: 85px;
  border-bottom: 25px solid white;
  opacity: 0;
  padding-top: 7px;
}
/* line 82, ../../lib/sass/style.sass */
#out .page.splash .title.show {
  position: absolute;
  left: 345px;
  top: 85px;
  opacity: 1;
}
/* line 85, ../../lib/sass/style.sass */
#out .page.splash .title > span {
  letter-spacing: 3px;
}
/* line 87, ../../lib/sass/style.sass */
#out .page.splash .text {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 350px;
  height: 180px;
  position: absolute;
  left: 345px;
  top: 350px;
  font-size: 25px;
  line-height: 25px;
  opacity: 0;
}
/* line 94, ../../lib/sass/style.sass */
#out .page.splash .text.show {
  opacity: 1;
  position: absolute;
  left: 345px;
  top: 300px;
}
/* line 97, ../../lib/sass/style.sass */
#out .page.splash .text p {
  font-family: "roboto-regular";
  text-align: justify;
  font-size: 33px;
  line-height: 33px;
}
/* line 102, ../../lib/sass/style.sass */
#out .page.splash .text p .line-1,
#out .page.splash .text p .line-2 {
  letter-spacing: 0.5px;
  line-height: 40px;
}
/* line 106, ../../lib/sass/style.sass */
#out .page.splash .text p .line-3 {
  font-size: 44px;
  letter-spacing: 0.5px;
}
/* line 109, ../../lib/sass/style.sass */
#out .page.splash .cloud {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  width: 512px;
  height: 296px;
  background: url(../img/bg-cloud.png);
}
/* line 113, ../../lib/sass/style.sass */
#out .page.splash .cloud.left {
  background-position: left top;
  position: absolute;
  left: -512px;
  top: 250px;
}
/* line 116, ../../lib/sass/style.sass */
#out .page.splash .cloud.left.show {
  position: absolute;
  left: 0px;
  top: 250px;
}
/* line 118, ../../lib/sass/style.sass */
#out .page.splash .cloud.right {
  background-position: right top;
  position: absolute;
  left: 1024px;
  top: 250px;
}
/* line 121, ../../lib/sass/style.sass */
#out .page.splash .cloud.right.show {
  position: absolute;
  left: 512px;
  top: 250px;
}
/* line 123, ../../lib/sass/style.sass */
#out .page.splash .btn {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
/* line 125, ../../lib/sass/style.sass */
#out .page.splash .btn.start {
  position: absolute;
  left: 412px;
  top: 768px;
  background: url(../img/btn-start.png);
  width: 201px;
  height: 200px;
  cursor: pointer;
  display: inline-block;
  color: #005c9d;
  font-size: 25px;
  text-align: center;
}
/* line 131, ../../lib/sass/style.sass */
#out .page.splash .btn.start.show {
  position: absolute;
  left: 412px;
  top: 525px;
}
/* line 133, ../../lib/sass/style.sass */
#out .page.splash .btn.start > p {
  margin-top: 80px;
}
/* line 142, ../../lib/sass/style.sass */
#out .page.home .content .background, #out .page.superficie .content .background {
  -webkit-transition: 1.5s all;
  transition: 1.5s all;
  width: 1024px;
  height: 768px;
  position: absolute;
  left: 0px;
  top: 768px;
  background: url(../img/bg-home-intro.png);
}
/* line 147, ../../lib/sass/style.sass */
#out .page.home .content .background.show, #out .page.superficie .content .background.show {
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 149, ../../lib/sass/style.sass */
#out .page.home .content .title, #out .page.superficie .content .title {
  -webkit-transition: 0.8s all;
  transition: 0.8s all;
  width: 500px;
  height: 70px;
  opacity: 0;
  position: absolute;
  left: -500px;
  top: 10px;
  color: white;
  font-size: 53px;
  font-family: "roboto-condensed";
}
/* line 158, ../../lib/sass/style.sass */
#out .page.home .content .title.show, #out .page.superficie .content .title.show {
  position: absolute;
  left: 20px;
  top: 10px;
  opacity: 1;
}
/* line 162, ../../lib/sass/style.sass */
#out .page.home .content .menu, #out .page.superficie .content .menu {
  -webkit-transition: 0.8s all;
  transition: 0.8s all;
  width: 132px;
  height: 682px;
  position: absolute;
  left: -500px;
  top: 85px;
  background: url(../img/bg-menu.png);
}
/* line 167, ../../lib/sass/style.sass */
#out .page.home .content .menu.show, #out .page.superficie .content .menu.show {
  position: absolute;
  left: 10px;
  top: 85px;
}
/* line 170, ../../lib/sass/style.sass */
#out .page.home .content .menu .btn.item, #out .page.superficie .content .menu .btn.item {
  width: 75px;
  height: 40px;
  position: absolute;
  left: 30px;
  color: white;
  font-size: 18px;
  text-align: center;
  font-family: "roboto-condensed";
}
/* line 178, ../../lib/sass/style.sass */
#out .page.home .content .menu .btn.item:last-child, #out .page.superficie .content .menu .btn.item:last-child {
  color: #003b77;
  line-height: 18px;
}
/* line 185, ../../lib/sass/style.sass */
#out .page.superficie .content .background {
  -webkit-transition: 0s all;
  transition: 0s all;
  background: url(../img/bg-home.png);
}
/* line 188, ../../lib/sass/style.sass */
#out .page.superficie .content .title {
  -webkit-transition: 0s all;
  transition: 0s all;
}
/* line 190, ../../lib/sass/style.sass */
#out .page.superficie .content .menu {
  -webkit-transition: 0s all;
  transition: 0s all;
}
/* line 195, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background {
  -webkit-transition: 0.8s all;
  transition: 0.8s all;
}
/* line 197, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer {
  width: 1024px;
  height: 768px;
  position: relative;
}
/* line 200, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-0 {
  background: url(../img/bg-home.png);
}
/* line 202, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-0 .popup-0 {
  position: absolute;
  left: 570px;
  top: 668px;
}
/* line 205, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-1 {
  background: url(../img/bg-slide-1.png);
}
/* line 207, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-1 .popup-0 {
  position: absolute;
  left: 690px;
  top: 110px;
}
/* line 210, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-1 .popup-1 {
  position: absolute;
  left: 560px;
  top: 400px;
}
/* line 213, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-1 .popup-2 {
  position: absolute;
  left: 800px;
  top: 620px;
}
/* line 216, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-2 {
  background: url(../img/bg-slide-2.png);
}
/* line 218, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-2 .popup-0 {
  position: absolute;
  left: 670px;
  top: 120px;
}
/* line 221, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-2 .popup-1 {
  position: absolute;
  left: 400px;
  top: 230px;
  display: none;
  pointer-events: none;
}
/* line 226, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-3 {
  background: url(../img/bg-slide-3.png);
}
/* line 228, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-3 .popup-0 {
  position: absolute;
  left: 770px;
  top: 180px;
}
/* line 231, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-3 .popup-1 {
  width: 240px;
  height: 290px;
  position: absolute;
  left: 730px;
  top: 450px;
}
/* line 236, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-4 {
  background: url(../img/bg-slide-4.png);
}
/* line 238, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-4 .popup-0 {
  position: absolute;
  left: 670px;
  top: 120px;
}
/* line 241, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-5 {
  background: url(../img/bg-slide-5.png);
}
/* line 243, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-5 .popup-0 {
  position: absolute;
  left: 620px;
  top: 360px;
}
/* line 246, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer.slide-6 {
  background: url(../img/bg-slide-6.png);
}
/* line 248, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .background .layer .click {
  width: 65px;
  height: 65px;
  background: url(../img/btn-bullet.png) no-repeat;
  cursor: pointer;
}
/* line 252, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .title {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
/* line 254, ../../lib/sass/style.sass */
#out .page.superficie.slider .content .menu {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
/* line 259, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-0 .content .background {
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 261, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-0 .content .submarine {
  -webkit-transition: 0.6s height, 0.6s top;
  transition: 0.6s height, 0.6s top;
  width: 218px;
  height: 172px;
  position: absolute;
  left: 136px;
  top: 136px;
  background-position: left bottom;
}
/* line 267, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-0 .content .hook {
  width: 218px;
  height: 172px;
  position: absolute;
  left: 136px;
  top: 136px;
  -webkit-transition: height 1s, top 1.8s;
  transition: height 1s, top 1.8s;
}
/* line 276, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-1 .content .background {
  position: absolute;
  left: 0px;
  top: -768px;
}
/* line 278, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-1 .content .submarine {
  width: 258px;
  height: 362px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 282, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-1 .content .hook {
  width: 218px;
  height: 212px;
  position: absolute;
  left: 136px;
  top: 136px;
  -webkit-transition: 0.3s height, 0.3s top;
  transition: 0.3s height, 0.3s top;
}
/* line 290, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-2 .content .background {
  position: absolute;
  left: 0px;
  top: -1536px;
}
/* line 292, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-2 .content .submarine {
  width: 258px;
  height: 442px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 299, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-3 .content .background {
  position: absolute;
  left: 0px;
  top: -2304px;
}
/* line 301, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-3 .content .submarine {
  width: 258px;
  height: 522px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 308, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-4 .content .background {
  position: absolute;
  left: 0px;
  top: -3072px;
}
/* line 310, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-4 .content .submarine {
  width: 258px;
  height: 602px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 317, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-5 .content .background {
  position: absolute;
  left: 0px;
  top: -3840px;
}
/* line 319, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-5 .content .submarine {
  width: 258px;
  height: 682px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 326, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-6 .content .background {
  position: absolute;
  left: 0px;
  top: -4608px;
}
/* line 328, ../../lib/sass/style.sass */
#out .page.superficie.slider.slide-6 .content .submarine {
  width: 258px;
  height: 762px;
  position: absolute;
  left: 136px;
  top: 0px;
  background-position: right bottom;
}
/* line 333, ../../lib/sass/style.sass */
#out .page .submarine {
  width: 218px;
  height: 172px;
  position: absolute;
  left: 136px;
  top: 136px;
  -webkit-transition: 0.4s height, 0.6s top;
  transition: 0.4s height, 0.4s top;
  background: url(../img/submarine.png) left bottom;
}
/* line 339, ../../lib/sass/style.sass */
#out .page .hook {
  width: 218px;
  height: 172px;
  position: absolute;
  left: 136px;
  top: 136px;
  -webkit-transition: 0.2s height, 0.3s top;
  transition: 0.2s height, 0.3s top;
  background: url(../img/submarine.png) left top;
}
/* line 347, ../../lib/sass/style.sass */
#out .page .hook.band {
  background: none;
}
/* line 350, ../../lib/sass/style.sass */
#out .page .hook.band .content .background {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 1024px;
  height: 768px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}
/* line 355, ../../lib/sass/style.sass */
#out .page .hook.band .content .background.item-0 {
  background: url(../img/bg-popup-bass.jpg);
}
/* line 357, ../../lib/sass/style.sass */
#out .page .hook.band .content .background.item-1 {
  background: url(../img/bg-popup-drummer.jpg);
}
/* line 359, ../../lib/sass/style.sass */
#out .page .hook.band .content .background.item-2 {
  background: url(../img/bg-popup-guitar.jpg);
}
/* line 361, ../../lib/sass/style.sass */
#out .page .hook.band .content .background.show {
  opacity: 1;
}
/* line 363, ../../lib/sass/style.sass */
#out .page .hook.band .content .cover {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 552px;
  height: 102px;
  position: absolute;
  left: 469px;
  top: 180px;
  opacity: 0;
}
/* line 368, ../../lib/sass/style.sass */
#out .page .hook.band .content .cover.item-0 {
  background: url(../img/bg-cover-bass.png);
}
/* line 370, ../../lib/sass/style.sass */
#out .page .hook.band .content .cover.item-1 {
  background: url(../img/bg-cover-drummer.png);
}
/* line 372, ../../lib/sass/style.sass */
#out .page .hook.band .content .cover.item-2 {
  background: url(../img/bg-cover-guitar.png);
}
/* line 374, ../../lib/sass/style.sass */
#out .page .hook.band .content .cover.show {
  opacity: 1;
  position: absolute;
  left: 460px;
  top: 160px;
}
/* line 378, ../../lib/sass/style.sass */
#out .page .hook.band .btn.back {
  background-position: 0 0;
}

/* line 381, ../../lib/sass/style.sass */
.btn {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}

/* line 384, ../../lib/sass/style.sass */
.transition {
  -webkit-transition: 1s all;
  transition: 1s all;
}

/* line 386, ../../lib/sass/style.sass */
.hide {
  display: none;
  opacity: 0;
}

/* line 3, ../../lib/sass/_popup.sass */
#out .popup {
  width: 1024px;
  height: 768px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  position: inherit;
  -webkit-transition: 1s all;
  transition: 1s all;
  opacity: 0;
  z-index: -1;
}
/* line 9, ../../lib/sass/_popup.sass */
#out .popup .close {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 3;
}
/* line 14, ../../lib/sass/_popup.sass */
#out .popup .close .btn.close {
  position: absolute;
  left: 750px;
  top: 170px;
  width: 80px;
  height: 80px;
}
/* line 17, ../../lib/sass/_popup.sass */
#out .popup .overlay {
  width: 1024px;
  height: 768px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  position: inherit;
  -webkit-transition: 1s all;
  transition: 1s all;
  opacity: 0.7;
  background: black;
  z-index: 1;
}
/* line 25, ../../lib/sass/_popup.sass */
#out .popup .content .page {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1024px;
  height: 768px;
  z-index: 2;
}
/* line 30, ../../lib/sass/_popup.sass */
#out .popup .content .page .info {
  position: absolute;
  left: 300px;
  top: 50px;
  width: 661px;
  height: 661px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  background: url(../img/bg-popup.png);
  opacity: 0;
}
/* line 37, ../../lib/sass/_popup.sass */
#out .popup .content .page .info.show {
  opacity: 1;
}
/* line 39, ../../lib/sass/_popup.sass */
#out .popup .content .page .info strong {
  color: #003b77;
  font-weight: bold;
}
/* line 42, ../../lib/sass/_popup.sass */
#out .popup .content .page .info .title {
  font-size: 34px;
  color: #003b77;
  margin-bottom: 75px;
  font-weight: bold;
  width: 300px;
  position: absolute;
  left: 180px;
  top: 230px;
  opacity: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}
/* line 52, ../../lib/sass/_popup.sass */
#out .popup .content .page .info .title.show {
  opacity: 1;
  position: absolute;
  left: 180px;
  top: 210px;
}
/* line 55, ../../lib/sass/_popup.sass */
#out .popup .content .page .info .text {
  font-size: 18px;
  color: #003b77;
  width: 300px;
  position: absolute;
  left: 180px;
  top: 280px;
  font-family: "roboto-condensed";
  opacity: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}
/* line 64, ../../lib/sass/_popup.sass */
#out .popup .content .page .info .text.show {
  opacity: 1;
  position: absolute;
  left: 180px;
  top: 260px;
}
/* line 67, ../../lib/sass/_popup.sass */
#out .popup .content .page .holder {
  text-align: center;
  width: 1024px;
  height: 668px;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  background: #13272b;
}
/* line 73, ../../lib/sass/_popup.sass */
#out .popup .content .page .legend {
  width: 1024px;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 668px;
  color: white;
  background-color: #183136;
}
/* line 78, ../../lib/sass/_popup.sass */
#out .popup .content .page .legend p {
  font-size: 20px;
  margin: 2%;
}
/* line 81, ../../lib/sass/_popup.sass */
#out .popup .content .page .legend .credit {
  font-size: 16px;
  color: #129891;
}
/* line 84, ../../lib/sass/_popup.sass */
#out .popup.open {
  z-index: 1;
  opacity: 1;
}
