@keyframes signal {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes signal {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'acmesa';
  src: url("scss/fonts/acmesa.eot");
  src: url("scss/fonts/acmesa.eot?#iefix") format("embedded-opentype"), url("scss/fonts/acmesa.woff") format("woff"), url("scss/scss/fonts/acmesa.ttf") format("truetype"), url("scss/fonts/acmesa.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'agencyr';
  src: url("scss/fonts/AGENCYR.eot");
  src: url("scss/fonts/AGENCYR.eot?#iefix") format("embedded-opentype"), url("scss/fonts/AGENCYR.woff") format("woff"), url("scss/fonts/AGENCYR.ttf") format("truetype"), url("scss/fonts/AGENCYR.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'jcandlestick';
  src: url("scss/fonts/jcandlestick.eot");
  src: url("scss/fonts/jcandlestick.eot?#iefix") format("embedded-opentype"), url("scss/fonts/jcandlestick.woff") format("woff"), url("scss/fonts/jcandlestick.ttf") format("truetype"), url("scss/fonts/jcandlestick.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'champagne';
  src: url("scss/fonts/Champagne & Limousines.eot");
  src: url("scss/fonts/Champagne & Limousines.eot?#iefix") format("embedded-opentype"), url("scss/fonts/Champagne & Limousines.woff") format("woff"), url("scss/fonts/Champagne & Limousines.ttf") format("truetype"), url("scss/fonts/Champagne & Limousines.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'guardians';
  src: url("scss/fonts/Guardians.eot");
  src: url("scss/fonts/Guardians.eot?#iefix") format("embedded-opentype"), url("scss/fonts/Guardians.woff") format("woff"), url("scss/fonts/Guardians.ttf") format("truetype"), url("scss/fonts/Guardians.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'sfcomic ex';
  src: url("scss/fonts/SF Comic Script Extended.eot");
  src: url("scss/fonts/SF Comic Script Extended.eot?#iefix") format("embedded-opentype"), url("scss/fonts/SF Comic Script Extended.woff") format("woff"), url("scss/fonts/SF Comic Script Extended.ttf") format("truetype"), url("scss/fonts/SF Comic Script Extended.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'sfcomic';
  src: url("scss/fonts/SF Comic Script.eot");
  src: url("scss/fonts/SF Comic Script.eot?#iefix") format("embedded-opentype"), url("scss/fonts/SF Comic Script.woff") format("woff"), url("scss/fonts/SF Comic Script.ttf") format("truetype"), url("scss/fonts/SF Comic Script.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
.darknight-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,004b9d+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #004b9d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #004b9d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #004b9d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#004b9d',GradientType=0 );
  /* IE6-9 */ }

.superman-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,007dff+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #007dff 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #007dff 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #007dff 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.batman-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffd400+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #ffd400 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #ffd400 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #ffd400 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.greenlantern-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,a4fe00+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #a4fe00 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #a4fe00 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #a4fe00 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.spiderman-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,00ccff+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #00ccff 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #00ccff 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #00ccff 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.pirate-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffa53f+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #ffa53f 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #ffa53f 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #ffa53f 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.starwars-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,b9a9ff+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #b9a9ff 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #b9a9ff 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #b9a9ff 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.flash-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,cd2d00+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #cd2d00 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #cd2d00 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #cd2d00 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.captainamerica-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,007dff+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #007dff 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #007dff 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #007dff 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.ninja-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,576391+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #576391 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #000000 0%, #576391 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #000000 0%, #576391 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

/*


	Theme Name: Ace Kids Parties theme
	Theme URI: http://html5blank.com
	Description: Ace Kids Parties theme
	Version: 1.4.3
	Author: Maka Basilio (@makabasilio)
	Author URI: http://acekidsparties.com.au
	Tags: Blank, HTML5, CSS3


*/
/*------------------------------------*\
    RESET
\*------------------------------------*/
html, body, section, header, footer, div, nav, article, a, ul, li, ol, quote, img, h1, h2, h3, h4, h5, h6, a {
  display: block;
  margin: 0;
  padding: 0; }

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%; }

body {
  font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #444; }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

input:focus {
  outline: 0;
  border: 1px solid #04A4CC; }

/*------------------------------------*\
    H1 H2 H3 H4 H5 H6
\*------------------------------------*/
h2 {
  font-family: "sfcomic";
  font-size: 50px;
  padding-bottom: 20px;
  padding-left: 30px; }

h3 {
  font-family: "sfcomic ex";
  font-size: 40px;
  padding-bottom: 20px;
  text-align: center;
  color: #FFFFFF; }

h4 {
  font-family: "sfcomic";
  font-size: 36px;
  text-align: center;
  color: #FFFFFF; }

h5 {
  font-family: "sfcomic";
  font-size: 28px;
  text-align: center;
  color: #FFFFFF; }

h6 {
  font-family: "guardians";
  font-size: 18px;
  text-align: center;
  color: #FFFFFF; }

/*------------------------------------*\
    Navegation
\*------------------------------------*/
body {
  position: relative;
  padding-top: 68px;
  height: 100%;
  overflow-y: scroll;
  /* header */
  /*------------------------------------*\
      Sections
  \*------------------------------------*/
  /*------------------------------------*\
      	Sections Heroes
  \*------------------------------------*/
  /*------------------------------------*\
  	    SECTION PHOTOS
  \*------------------------------------*/
  /*------------------------------------*\
  	    SECTION PRICES
  \*------------------------------------*/
  /*------------------------------------*\
  	    SECTION ENTERTAINER
  \*------------------------------------*/
  /*------------------------------------*\
  	    SECTION BOOKINGS
  \*------------------------------------*/
  /*------------------------------------*\
  	    SECTION CONTACTS
  \*------------------------------------*/
  /*------------------------------------*\
      FOOTER
  \*------------------------------------*/ }
  body .header {
    width: 100%;
    height: 68px;
    padding: 0;
    background-color: #63ABDE;
    border-bottom: 3px solid #FFFFFF; }
    body .header .navbar-brand {
      position: fixed;
      left: 4%;
      top: 0px; }
    body .header .nav-tabs {
      border-bottom: none; }
      body .header .nav-tabs .nav-link {
        border-bottom-width: 0px; }
  body .navbar-nav {
    width: 80%;
    padding-top: 11px;
    margin-bottom: 0px; }
    body .navbar-nav a {
      font-family: "acmesa";
      font-size: 1.2em;
      color: #000000;
      padding: 17px 30px; }
      body .navbar-nav a:hover, body .navbar-nav a:active {
        color: #F5911E;
        background-color: #FFFFFF; }
  body #navMobile {
    display: none; }
  body .section, body section#heroes, body section#aboutus, body section#photos, body section#prices, body section#entertainer, body section#bookings, body section#contacts, body .hero-container {
    width: 100%;
    min-height: 670px;
    padding: 50px;
    z-index: 1000; }
  body section#heroes {
    position: relative;
    background-color: #000000; }
  body section#aboutus {
    background-color: #ECF5E5; }
  body section#photos {
    background-color: #f9f9f9; }
  body section#prices {
    background-color: #29A9E0; }
  body section#entertainer {
    background-color: #FFFFFF; }
  body section#bookings {
    position: relative;
    background-color: #F9BD78; }
  body .aboutus h2 {
    color: #F5911E; }
  body .aboutus p {
    font-family: "agencyr";
    padding: 0px 20px;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #006837; }
  body .photos h2 {
    color: #662D8F; }
  body .prices h2 {
    color: #FFFFFF; }
  body .entertainer h2 {
    color: #0071BA; }
  body .bookings h2 {
    color: #7B490F; }
  body .contacts h2 {
    color: #FFFFFF; }
  body .select-heroes {
    position: relative;
    display: block;
    width: 227px;
    height: 350px;
    margin-left: 50px;
    padding: 4px;
    padding-top: 55px;
    z-index: 13; }
    body .select-heroes ul .select-box {
      display: inline-block;
      width: 70px;
      height: 70px;
      border: 2px solid #000000; }
      body .select-heroes ul .select-box:hover {
        border: 2px solid #FFFFFF; }
    body .select-heroes ul .box-selected {
      border: 2px solid #FFFFFF; }
    body .select-heroes ul .greenlantern-btn {
      background-image: url("../img/superhero-btn_01.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .starwars-btn {
      background-image: url("../img/superhero-btn_02.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .flash-btn {
      background-image: url("../img/superhero-btn_03.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .batman-btn {
      background-image: url("../img/superhero-btn_04.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .captainamerica-btn {
      background-image: url("../img/superhero-btn_05.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .spiderman-btn {
      background-image: url("../img/superhero-btn_06.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .pirate-btn {
      background-image: url("../img/superhero-btn_07.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .superman-btn {
      background-image: url("../img/superhero-btn_08.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .select-heroes ul .ninja-btn {
      background-image: url("../img/superhero-btn_09.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
  body #greenlantern {
    display: none; }
  body #starwars {
    display: none; }
  body #flash {
    display: none; }
  body #batman {
    display: none; }
  body #captainamerica {
    display: none; }
  body #spiderman {
    display: none; }
  body #pirate {
    display: none; }
  body #superman {
    display: none; }
  body #ninja {
    display: none; }
  body .yellow-font {
    color: #FAEC21; }
  body .white-font {
    color: #FFFFFF; }
  body .red-font {
    color: #FF0000; }
  body .black-font {
    color: #000000; }
  body .blue-font {
    color: #7FCBEC; }
  body .hero-container {
    position: fixed;
    top: 94px;
    left: 0px;
    z-index: 10; }
    body .hero-container .hero-body {
      position: absolute;
      width: 500px;
      height: 100%;
      left: 0px;
      bottom: 0px;
      margin-left: 45%; }
    body .hero-container .greenlantern-body {
      background-image: url("../img/greenlantern-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .starwars-body {
      background-image: url("../img/starwars-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .flash-body {
      background-image: url("../img/flash-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .batman-body {
      background-image: url("../img/batman-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .captainamerica-body {
      background-image: url("../img/captainamerica-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .spiderman-body {
      background-image: url("../img/spiderman-body.png");
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: initial; }
    body .hero-container .pirate-body {
      background-image: url("../img/pirate-body.png");
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: initial; }
    body .hero-container .superman-body {
      background-image: url("../img/superman-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .ninja-body {
      background-image: url("../img/ninja-body.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: initial; }
    body .hero-container .special-skills {
      position: absolute;
      width: 420px;
      height: auto;
      top: 160px;
      left: 0px;
      right: 0px;
      margin-left: 25%;
      margin-right: auto;
      padding-top: 70px; }
      body .hero-container .special-skills ul {
        padding-top: 10px; }
        body .hero-container .special-skills ul li {
          font-family: "champagne";
          font-size: 20px;
          text-align: center;
          text-transform: uppercase; }
    body .hero-container .hero-container-active {
      z-index: 12; }
    body .hero-container .greenlantern-logo {
      background-image: url("../img/greenlantern-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .starwars-logo {
      background-image: url("../img/starwars-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .flash-logo {
      background-image: url("../img/flash-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .batman-logo {
      background-image: url("../img/batman-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .captainamerica-logo {
      background-image: url("../img/captainamerica-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .spiderman-logo {
      background-image: url("../img/spiderman-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .pirate-logo {
      background-image: url("../img/pirate-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .superman-logo {
      background-image: url("../img/superman-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .ninja-logo {
      background-image: url("../img/ninja-logo.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body .hero-container .hero-profile {
      position: absolute;
      width: 600px;
      height: 260px;
      bottom: 0px;
      left: 56px;
      padding: 15px; }
      body .hero-container .hero-profile h5 {
        text-align: left;
        padding-left: 25px; }
      body .hero-container .hero-profile article {
        font-family: "agencyr";
        font-size: 20px;
        color: #FFFFFF; }
  body .instagram-frame {
    background-color: #FFFFFF; }
  body .prices {
    overflow: hidden; }
    body .prices .row .card, body .prices .row .card-flip,
    body .prices .row .front,
    body .prices .row .back {
      width: 270px;
      height: 400px;
      margin-bottom: 15px; }
    body .prices .row .card-flip {
      perspective: 1000px; }
      body .prices .row .card-flip:hover .flip, body .prices .row .card-flip.hover .flip {
        transform: rotateY(180deg); }
    body .prices .row .flip {
      transition: 0.6s;
      transform-style: preserve-3d;
      position: relative; }
    body .prices .row .front,
    body .prices .row .back {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0; }
    body .prices .row .front {
      z-index: 2;
      transform: rotateY(0deg); }
      body .prices .row .front h1 {
        position: absolute;
        bottom: 10px;
        left: 0px;
        right: 0px;
        font-family: "sfcomic";
        font-size: 36px;
        color: #000000;
        text-align: center; }
      body .prices .row .front h3 {
        position: absolute;
        bottom: 60px;
        left: 0px;
        right: 0px;
        font-family: "sfcomic";
        font-size: 24px;
        color: #000000;
        text-align: center; }
    body .prices .row .back {
      transform: rotateY(180deg);
      background-color: #0071BA; }
      body .prices .row .back .card, body .prices .row .back .card-flip,
      body .prices .row .back .front,
      body .prices .row .back .back {
        background-color: #F0F0F0; }
        body .prices .row .back .card .card-title, body .prices .row .back .card-flip .card-title,
        body .prices .row .back .front .card-title,
        body .prices .row .back .back .card-title {
          font-family: "sfcomic ex";
          width: 100%;
          padding: 5px;
          font-size: 14px;
          text-align: center;
          margin-bottom: 25px; }
        body .prices .row .back .card .card-subtitle, body .prices .row .back .card-flip .card-subtitle,
        body .prices .row .back .front .card-subtitle,
        body .prices .row .back .back .card-subtitle {
          font-family: "acmesa";
          font-weight: bold;
          font-size: 16px;
          color: #000000;
          margin-bottom: 5px; }
        body .prices .row .back .card .card-text, body .prices .row .back .card-flip .card-text,
        body .prices .row .back .front .card-text,
        body .prices .row .back .back .card-text {
          font-family: "acmesa";
          font-size: 12px;
          color: #000000; }
      body .prices .row .back .card-border-super {
        border: 8px solid #FCC91B; }
        body .prices .row .back .card-border-super .card-title {
          background-color: #FCC91B; }
      body .prices .row .back .card-border-mega {
        border: 8px solid #7FCBEC; }
        body .prices .row .back .card-border-mega .card-title {
          background-color: #7FCBEC; }
      body .prices .row .back .card-border-ultra {
        border: 8px solid #94BA87; }
        body .prices .row .back .card-border-ultra .card-title {
          background-color: #94BA87; }
      body .prices .row .back .card-border-face {
        border: 8px solid #F597A9; }
        body .prices .row .back .card-border-face .card-title {
          background-color: #F597A9; }
    body .prices .row img {
      margin: auto;
      margin-top: 50px; }
    body .prices #super-hero-party {
      background-color: #FCC91B; }
    body .prices #mega-hero-party {
      background-color: #7FCBEC; }
    body .prices #ultra-hero-party {
      background-color: #94BA87; }
    body .prices #face-painting-party {
      background-color: #F597A9; }
  body .profile-pic {
    display: block;
    max-width: 410px;
    height: 490px;
    margin: 0px auto;
    margin-top: 20px;
    border: 10px solid #F5911E;
    background-image: url("../img/profile-pic.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: initial; }
  body table, body th, body td {
    border-collapse: collapse; }
  body table {
    width: 100%; }
    body table th {
      font-family: 'jcandlestick';
      font-size: 75px;
      color: #FF0000; }
    body table td {
      font-family: "agencyr";
      font-size: 26px;
      line-height: 48px; }
    body table td:nth-child(odd) {
      color: #0071BA; }
  body .entertainer .article {
    padding: 50px; }
  body .entertainer p {
    color: #662D8F;
    font-family: "acmesa";
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 25px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 25px;
    /* Firefox */
    column-gap: 25px; }
  body input[type=checkbox] {
    position: absolute;
    bottom: 191px;
    left: 0px;
    margin-left: 285px;
    transform: scale(3); }
  body .spiderman-sliding {
    display: block;
    position: fixed;
    top: -600px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 232px;
    height: 576px;
    z-index: 1001;
    background-image: url("../img/spiderman-sliding.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: initial; }
  body .tooltips, body .tooltips2 {
    display: none;
    position: fixed;
    top: 200px;
    left: 55%;
    width: auto;
    height: auto;
    padding: 20px;
    background-color: #FFFFFF;
    overflow: visible;
    z-index: 1001;
    border: 2px solid #000000;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; }
    body .tooltips .tip, body .tooltips2 .tip {
      position: absolute;
      width: 35px;
      height: 35px;
      left: -35px;
      bottom: 50px;
      z-index: 1002;
      background-image: url("../img/tip.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: initial; }
    body .tooltips article, body .tooltips2 article {
      max-width: 300px;
      max-height: 300px;
      font-family: "acmesa";
      font-size: 16px;
      text-align: justify;
      overflow-y: scroll; }
      body .tooltips article input[type=checkbox], body .tooltips2 article input[type=checkbox] {
        position: unset;
        transform: scale(4);
        margin-left: 15px;
        text-indent: 45px; }
      body .tooltips article span, body .tooltips2 article span {
        position: relative;
        left: 30px;
        font-size: 20px;
        color: #0071BA; }
      body .tooltips article .accept, body .tooltips2 article .accept {
        margin-bottom: 15px;
        font-family: "acmesa";
        font-size: 21px;
        background-color: #0071BA; }
  body .tooltips2 {
    top: 430px; }
    body .tooltips2 .tip {
      left: -34px;
      bottom: 18px; }
    body .tooltips2 article {
      top: 220px;
      left: 100px; }
  body input {
    border: none; }
  body .form-input, body .custom-select, body textarea {
    width: 300px;
    font-family: 'champagne';
    font-weight: narrow;
    font-size: 24px;
    padding: 5px 15px;
    margin: 0px;
    margin-bottom: 10px;
    color: #00558C;
    background-color: #FBD3A5; }
    body .form-input:hover, body .custom-select:hover, body textarea:hover {
      background-color: #000000;
      color: #FCC91B; }
  body .custom-select {
    height: 50px; }
  body textarea {
    resize: none;
    border: none; }
  body .terms {
    position: absolute;
    bottom: 174px;
    left: 0px;
    margin-left: 314px;
    padding: 8px 16px;
    font-family: "acmesa";
    font-size: 21px;
    color: #FFFFFF;
    background-color: #0071BA; }
  body .send {
    position: absolute;
    bottom: 20px;
    left: 0px;
    margin-left: 316px;
    padding: 30px;
    font-family: "acmesa";
    font-size: 21px;
    color: #FFFFFF;
    background-color: #0071BA; }
  body .contacts {
    position: relative; }
  body #yellow-signal {
    position: absolute;
    display: block;
    width: 500px;
    height: 280px;
    bottom: 90px;
    left: 25%;
    padding-right: 20px;
    z-index: 100;
    background-image: url("../img/yellow-signal.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: initial;
    animation-name: signal;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    -webkit-animation-name: signal;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite; }
    body #yellow-signal .text-block {
      position: absolute;
      top: 40px;
      right: 40px;
      width: 200px;
      height: 150px; }
    body #yellow-signal p {
      text-align: center;
      font-size: 20px;
      font-family: "acmesa";
      color: #000000; }
  body #city {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 200; }
  body footer {
    position: relative;
    background-color: #000000;
    width: 100%;
    min-height: 290px;
    padding: 50px;
    z-index: 1000; }
    body footer h2 {
      color: #FFFFFF;
      text-align: center; }
      body footer h2 a {
        display: inline-block;
        padding: 0px;
        margin-right: -10px; }
    body footer h5 {
      font-family: "sfcomic";
      font-size: 18px;
      color: #FAEC21;
      text-align: center;
      line-height: 36px; }

/*------------------------------------*\
    Media screen
\*------------------------------------*/
@media screen and (max-width: 769px) {
  body {
    padding-top: 57px;
    overflow-x: hidden;
    /*------------------------------------*\
        H1 H2 H3 H4 H5 H6
    \*------------------------------------*/ }
    body h2 {
      font-family: "sfcomic";
      font-size: 30px;
      padding-bottom: 20px;
      padding-left: 5px; }
    body h3 {
      font-family: "sfcomic ex";
      font-size: 28px;
      padding-bottom: 20px;
      text-align: center;
      color: #FFFFFF; }
    body h4 {
      font-family: "sfcomic";
      font-size: 20px;
      text-align: left;
      color: #FFFFFF; }
    body h5 {
      float: left;
      font-family: "sfcomic";
      font-size: 20px;
      text-align: left;
      padding-right: 5px;
      padding-left: 15px;
      color: #FFFFFF; }
    body h6 {
      font-family: "guardians";
      font-size: 12px;
      text-align: right;
      color: #FFFFFF; }
    body .header {
      display: none;
      width: 100%;
      height: 600px;
      padding: 0;
      background-color: #63ABDE;
      border-bottom: 3px solid #FFFFFF; }
      body .header .navbar-brand {
        position: static;
        top: 15px; }
    body .navbar-nav {
      display: none;
      width: 100%;
      margin-bottom: 0px;
      margin-top: 20px; }
    body #navMobile {
      display: block;
      position: fixed;
      width: 100%;
      margin-top: -560px;
      background-color: #63ABDE;
      border-bottom: 3px solid #FFFFFF;
      padding-top: 20px;
      z-index: 2000; }
      body #navMobile .navbar-brand-mobile {
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto; }
      body #navMobile ul {
        text-align: center; }
        body #navMobile ul li a {
          font-family: "acmesa";
          font-size: 1.5em;
          color: #000000;
          padding: 17px 30px; }
          body #navMobile ul li a:hover, body #navMobile ul li a:active {
            color: #0071BA; }
        body #navMobile ul div a {
          font-family: "acmesa";
          font-size: 1.5em;
          color: #000000;
          padding: 17px 30px; }
          body #navMobile ul div a:hover, body #navMobile ul div a:active {
            color: #0071BA; }
    body .section, body section#heroes, body section#aboutus, body section#photos, body section#prices, body section#entertainer, body section#bookings, body section#contacts, body .hero-container {
      width: 100%;
      min-height: 480px;
      padding: 15px; }
    body .select-heroes {
      position: absolute;
      display: block;
      bottom: 20px;
      width: 100%;
      height: 150px;
      margin-left: -15px;
      padding: 0px;
      padding-top: 0px;
      z-index: 13; }
      body .select-heroes ul {
        padding-left: 15px; }
        body .select-heroes ul .select-box {
          display: inline-block;
          width: 57px;
          height: 57px;
          margin-right: -3px;
          margin-bottom: -3px;
          border: 1px solid #000000; }
          body .select-heroes ul .select-box:hover {
            border: 1px solid #FFFFFF; }
        body .select-heroes ul .box-selected {
          border: 1px solid #FFFFFF; }
        body .select-heroes ul .greenlantern-btn {
          background-image: url("../img/superhero-btn_01.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .starwars-btn {
          background-image: url("../img/superhero-btn_02.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .flash-btn {
          background-image: url("../img/superhero-btn_03.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .batman-btn {
          background-image: url("../img/superhero-btn_04.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .captainamerica-btn {
          background-image: url("../img/superhero-btn_05.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .spiderman-btn {
          background-image: url("../img/superhero-btn_06.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .pirate-btn {
          background-image: url("../img/superhero-btn_07.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .superman-btn {
          background-image: url("../img/superhero-btn_08.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
        body .select-heroes ul .ninja-btn {
          background-image: url("../img/superhero-btn_09.jpg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%; }
    body .yellow-font {
      color: #FAEC21; }
    body .white-font {
      color: #FFFFFF; }
    body .red-font {
      color: #FF0000; }
    body .black-font {
      color: #000000; }
    body .blue-font {
      color: #7FCBEC; }
    body .hero-container {
      position: absolute;
      top: 94px;
      left: 0px;
      width: 100%;
      z-index: 10; }
      body .hero-container .hero-body {
        position: absolute;
        width: 100%;
        height: 70%;
        left: 0px;
        top: -95px;
        bottom: 0px;
        margin-left: 0%; }
      body .hero-container .greenlantern-body {
        background-image: url("../img/greenlantern-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 200px; }
      body .hero-container .starwars-body {
        background-image: url("../img/starwars-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 215px; }
      body .hero-container .flash-body {
        background-image: url("../img/flash-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 195px; }
      body .hero-container .batman-body {
        background-image: url("../img/batman-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 150px; }
      body .hero-container .captainamerica-body {
        background-image: url("../img/captainamerica-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 175px; }
      body .hero-container .spiderman-body {
        background-image: url("../img/spiderman-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 225px; }
      body .hero-container .pirate-body {
        background-image: url("../img/pirate-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 270px; }
      body .hero-container .superman-body {
        background-image: url("../img/superman-body.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 160px; }
      body .hero-container .ninja-body {
        background-image: url("../img/ninja-body.png");
        background-repeat: no-repeat;
        background-position: -15px bottom;
        background-size: 280px; }
      body .hero-container .special-skills {
        position: absolute;
        width: 160px;
        height: auto;
        top: -50px;
        left: auto;
        margin-right: 15px;
        padding-top: 80px; }
        body .hero-container .special-skills ul {
          padding-top: 10px; }
          body .hero-container .special-skills ul li {
            font-family: "champagne";
            font-size: 16px;
            text-align: center;
            text-transform: uppercase; }
      body .hero-container .hero-container-active {
        z-index: 12; }
      body .hero-container .greenlantern-logo {
        background-image: url("../img/greenlantern-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .starwars-logo {
        background-image: url("../img/starwars-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .flash-logo {
        background-image: url("../img/flash-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .batman-logo {
        background-image: url("../img/batman-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .captainamerica-logo {
        background-image: url("../img/captainamerica-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .spiderman-logo {
        background-image: url("../img/spiderman-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .pirate-logo {
        background-image: url("../img/pirate-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .superman-logo {
        background-image: url("../img/superman-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .ninja-logo {
        background-image: url("../img/ninja-logo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: initial; }
      body .hero-container .hero-profile {
        display: none;
        position: absolute;
        width: 600px;
        height: 260px;
        bottom: 0px;
        left: 56px;
        padding: 15px; }
        body .hero-container .hero-profile h5 {
          text-align: left;
          padding-left: 25px; }
        body .hero-container .hero-profile article {
          font-family: "agencyr";
          font-size: 20px;
          color: #FFFFFF; }
    body .prices col {
      padding-left: 30px; }
    body .aboutus p {
      padding: 0px 0px;
      text-align: justify; }
    body .profile-pic {
      display: block;
      max-width: 410px;
      height: 400px;
      margin: 0px 3%;
      margin-top: 20px;
      border: 10px solid #F5911E;
      background-image: url("../img/profile-pic.jpg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: initial; }
    body table td {
      line-height: 36px;
      display: flex;
      align-items: baseline; }
    body table, body th, body td {
      padding: 0px 15px 5px 15px; }
    body .container {
      margin: 0px; }
      body .container .article {
        padding: 15px;
        padding-top: 50px; }
      body .container p {
        padding: 0px;
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
        -webkit-column-gap: 0;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 0;
        /* Firefox */
        column-gap: 0; }
    body .col-12 {
      padding: 0px; }
    body section#bookings {
      padding-bottom: 150px; }
    body .terms {
      position: relative;
      display: block;
      bottom: 0px;
      right: 0px;
      left: 0px;
      margin-left: auto;
      margin-right: auto; }
    body .send {
      position: relative;
      top: 10px;
      bottom: 20px;
      margin-left: 50%;
      margin-right: auto; }
    body input[type=checkbox] {
      position: absolute;
      bottom: 239px;
      left: 0px;
      margin-left: 282px;
      transform: scale(3); }
    body .spiderman-sliding {
      display: block;
      position: fixed;
      top: -600px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 232px;
      height: 576px;
      z-index: 1001;
      background-image: url("../img/spiderman-sliding.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 75%; }
    body .tooltips, body .tooltips2 {
      display: none;
      position: fixed;
      top: 200px;
      left: 5%;
      width: auto;
      height: auto;
      padding: 20px;
      background-color: #FFFFFF;
      overflow: visible;
      z-index: 1001;
      border: 2px solid #000000;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px; }
      body .tooltips .tip, body .tooltips2 .tip {
        display: none;
        position: absolute;
        width: 35px;
        height: 35px;
        left: -35px;
        bottom: 50px;
        z-index: 1002;
        background-image: url("../img/tip.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: initial; }
      body .tooltips article, body .tooltips2 article {
        max-width: 260px;
        max-height: 300px;
        font-family: "acmesa";
        font-size: 16px;
        text-align: justify;
        overflow-y: scroll; }
        body .tooltips article input[type=checkbox], body .tooltips2 article input[type=checkbox] {
          margin-left: 20px;
          margin-top: 20px; }
    body .tooltips2 {
      display: none;
      position: fixed;
      width: 250px;
      height: auto;
      top: 360px;
      left: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto;
      padding: 20px;
      background-color: #FFFFFF;
      overflow: visible;
      z-index: 1001;
      border: 2px solid #000000; }
      body .tooltips2 .tip2 {
        display: none; }
      body .tooltips2 article {
        top: 220px;
        left: 100px; }
    body .send {
      position: relative;
      bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 150%;
      font-family: "acmesa";
      font-size: 21px;
      color: #FFFFFF;
      background-color: #0071BA; }
    body #yellow-signal {
      position: absolute;
      width: 270px;
      height: 380px;
      bottom: 0px;
      left: 10%;
      padding-right: 20px;
      background-image: url("../img/yellow-signal2.png");
      background-repeat: no-repeat;
      background-position: top center;
      background-size: initial;
      z-index: 100; }
      body #yellow-signal .text-block {
        position: absolute;
        top: 40px;
        right: 30px;
        width: 200px;
        height: 150px; }
    body section#invitation {
      display: none; }
    body footer {
      padding: 20px;
      padding-top: 100px; }
      body footer h5 {
        font-size: 14px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body .header .nav-tabs {
    border-bottom: none; }
    body .header .nav-tabs .nav-link {
      border-bottom-width: 0px; }
  body .header .navbar-nav {
    padding-top: 18px;
    margin-left: 111px;
    margin-bottom: 0px; }
    body .header .navbar-nav a {
      font-family: "acmesa";
      font-size: 1.2em;
      color: #000000;
      padding: 15px 30px; }
      body .header .navbar-nav a:hover, body .header .navbar-nav a:active {
        color: #F5911E;
        background-color: #FFFFFF; }
  body .section, body section#heroes, body section#aboutus, body section#photos, body section#prices, body section#entertainer, body section#bookings, body section#contacts, body .hero-container {
    padding: 20px; }
  body .select-heroes {
    margin-left: 20px; }
  body .hero-container .hero-profile {
    left: 30px; }
  body .hero-container .special-skills {
    width: 300px;
    top: 100px;
    margin-left: 31%; }
  body .entertainer .article {
    padding: none; }
  body .entertainer p {
    text-align: left;
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0;
    /* Firefox */
    column-gap: 0; }
  body .profile-pic-padding {
    padding: 30px 0px 0px 0%; } }
@media screen and (max-width: 1024px) {
  body .profile-pic-padding {
    padding: 30px 0px 0px 0%;
    border: 1px solid blue; } }

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