/* { margin: 0px; padding: 0px; } */
/* line 3, ../scss/screen.scss */
body {
  margin: auto;
  width: 100%;
  max-width: 1300px;
  font-family: 'Open Sans', sans-serif;
  background-color: #aaaaaa;
  background-image: url(../img/grey_@2X.png);
}

/* line 12, ../scss/screen.scss */
a:link {
  color: #000000;
  text-decoration: none;
}

/* line 13, ../scss/screen.scss */
a:visited {
  color: #000000;
  text-decoration: none;
}

/* line 14, ../scss/screen.scss */
a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* line 15, ../scss/screen.scss */
a:active {
  color: #000000;
  text-decoration: none;
}

/* line 16, ../scss/screen.scss */
a:focus {
  color: #ff0000;
  text-decoration: underline;
}

/* line 18, ../scss/screen.scss */
header {
  padding: 10px;
  background-color: #000000;
  background-image: url(../img/lasers_kids_small.png);
  background-position: top right;
  background-repeat: no-repeat;
  border: 0px solid #ff0000;
}
/* line 26, ../scss/screen.scss */
header h1 {
  text-align: left;
  padding-left: 20px;
}
/* line 30, ../scss/screen.scss */
header a:link {
  color: #ffffff;
  text-decoration: none;
}
/* line 31, ../scss/screen.scss */
header a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* line 32, ../scss/screen.scss */
header a:hover {
  color: #ff0000;
  text-decoration: none;
}
/* line 33, ../scss/screen.scss */
header a:active {
  color: #ffffff;
  text-decoration: none;
}
/* line 34, ../scss/screen.scss */
header a:focus {
  color: #ff0000;
  text-decoration: none;
}

/* line 37, ../scss/screen.scss */
nav {
  cursor: pointer;
  background-color: #003057;
  height: 33px;
  padding-top: 5px;
  width: auto;
}

/* line 38, ../scss/screen.scss */
nav ul {
  margin: 0;
}

/* line 40, ../scss/screen.scss */
nav li {
  list-style: none;
  display: inline;
  font-size: 1.2em;
  padding: 5px;
  background-color: #003057;
}

/* line 48, ../scss/screen.scss */
nav li:hover {
  animation: fadeinNav .5s linear 1;
  -webkit-animation: fadeinNav .5s linear 1;
  background-color: #4c99c5 !important;
}

/* line 54, ../scss/screen.scss */
nav li a {
  color: #ffffff !important;
}

/* line 57, ../scss/screen.scss */
section {
  background-color: #ffffff;
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  padding: 10px 20px 10px 20px;
  clear: both;
}

/* line 68, ../scss/screen.scss */
footer {
  text-align: center;
  width: 100%;
  margin: 0 auto 0 auto;
  font-size: .8em;
  clear: both;
  display: block;
}

/* line 78, ../scss/screen.scss */
h2 {
  color: #ff0000;
  text-shadow: 1px 1px #888888;
}

/* line 82, ../scss/screen.scss */
h3 {
  color: #4c99c5;
  text-shadow: 1px 1px #888888;
}

/* line 87, ../scss/screen.scss */
#INFO {
  border: 0px solid #3399cc;
}

/* line 88, ../scss/screen.scss */
#TRFI11 {
  border: 0px solid #3399cc;
}

/* line 89, ../scss/screen.scss */
#TXRS {
  border: 0px solid #3399cc;
}

/* line 90, ../scss/screen.scss */
#TLI12 {
  border: 0px solid #3399cc;
}

/* line 91, ../scss/screen.scss */
#TLI13 {
  border: 0px solid #3399cc;
}

/* line 92, ../scss/screen.scss */
#TLI14 {
  border: 0px solid #3399cc;
}

/* line 93, ../scss/screen.scss */
#TLI15 {
  border: 0px solid #3399cc;
}

/* line 95, ../scss/screen.scss */
.shadow {
  -moz-box-shadow: 0px 5px 3px 2px #BBB;
  -webkit-box-shadow: 0px 5px 3px 2px #BBB;
  box-shadow: 0px 5px 3px 2px #BBB;
}

/* line 101, ../scss/screen.scss */
.shadownav {
  -moz-box-shadow: 0px 5px 3px 2px #BBB;
  -webkit-box-shadow: 0px 5px 3px 2px #BBB;
  box-shadow: 0px 5px 3px 2px #BBB;
}

/* line 108, ../scss/screen.scss */
.contentbox {
  background-color: #4c99c5;
  border: 3px ridge #ff0000;
  color: #ffffff;
  padding: 5px;
}

/* line 116, ../scss/screen.scss */
.bucket {
  width: 170px;
  height: 55px;
  text-align: center;
  background-color: #4c99c5;
  padding: 10px;
  margin: 5px;
  margin-right: 15px;
  float: left;
  cursor: pointer;
  border-radius: 10px;
}

/* line 130, ../scss/screen.scss */
.bucket:hover {
  color: #ff0000;
  animation: fadeinBucket .5s linear 1;
  -webkit-animation: fadeinBucket .5s linear 1;
  background-color: #003057;
}

/* line 138, ../scss/screen.scss */
.circled {
  border-radius: 100%;
  color: #ffffff;
  border: 3px solid #ffffff;
  font-size: 2em;
  height: 50px;
  width: 50px;
  text-align: center;
  float: left;
}

/* line 150, ../scss/screen.scss */
.download_top a {
  color: #999;
  border: thin #ccc solid;
  padding: 3px;
  font-size: .8em;
}

/* line 158, ../scss/screen.scss */
.download_top a:hover {
  color: #ffffff;
  border: thin #ccc solid;
  padding: 3px;
  font-size: .8em;
  background-color: #aaaaaa;
}

/* line 167, ../scss/screen.scss */
.descript {
  margin-top: -10px;
  font-size: .9em;
  color: #333333;
  padding-left: 20px;
}

/* line 175, ../scss/screen.scss */
.ul_fix {
  font-size: .9em !important;
  color: #333333 !important;
}

/* line 181, ../scss/screen.scss */
.centered {
  text-align: center;
  margin: 0 auto 0 auto;
}

/* line 186, ../scss/screen.scss */
.bold {
  font-weight: bold;
}

/* line 187, ../scss/screen.scss */
.clear {
  clear: both;
}

/* line 188, ../scss/screen.scss */
.midtxt {
  font-size: .9em;
  color: #333333;
}

/* line 189, ../scss/screen.scss */
.smalltxt {
  font-size: .8em;
}

/* line 190, ../scss/screen.scss */
.pfix_1 {
  margin-top: 5px;
}

/* line 191, ../scss/screen.scss */
.pfix_2 {
  margin-top: -5px;
}

/* line 192, ../scss/screen.scss */
.txrs {
  margin-top: 1em;
}

/* line 193, ../scss/screen.scss */
.txrs2 {
  margin-top: .3em;
}

/*--KEYFRAMES--*/
@keyframes fadeinNav {
  /* line 199, ../scss/screen.scss */
  0% {
    background: #003057;
  }

  /* line 200, ../scss/screen.scss */
  100% {
    background: #4c99c5;
  }
}

@-webkit-keyframes fadeinNav {
  /* line 204, ../scss/screen.scss */
  0% {
    background: #003057;
  }

  /* line 205, ../scss/screen.scss */
  100% {
    background: #4c99c5;
  }
}

@keyframes fadeinBucket {
  /* line 210, ../scss/screen.scss */
  0% {
    background: #4c99c5;
  }

  /* line 211, ../scss/screen.scss */
  100% {
    background: #003057;
  }
}

@-webkit-keyframes fadeinBucket {
  /* line 215, ../scss/screen.scss */
  0% {
    background: #4c99c5;
  }

  /* line 216, ../scss/screen.scss */
  100% {
    background: #003057;
  }
}

/*-MEDIA QUERIES-*/
@media all and (max-width: 600px) {
  /* line 224, ../scss/screen.scss */
  header {
    padding: 10px;
    background-color: #000000;
    background-image: url("");
  }

  /* line 231, ../scss/screen.scss */
  nav {
    cursor: pointer;
    background-color: #ff0000;
    padding-top: 5px;
    clear: both;
  }

  /* line 239, ../scss/screen.scss */
  nav ul {
    margin-left: -40px;
    clear: both;
  }

  /* line 245, ../scss/screen.scss */
  nav li {
    width: 100%;
    list-style: none;
    display: block;
    text-align: left;
    float: left;
    clear: both;
  }

  /* line 254, ../scss/screen.scss */
  section {
    clear: both !important;
  }

  /* line 255, ../scss/screen.scss */
  footer {
    clear: both !important;
  }

  /* line 256, ../scss/screen.scss */
  h1 {
    font-size: 1.2em;
    color: #ffffff;
  }
}