/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../.gem/ruby/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 38, ../../sass/screen.scss */
html {
  font-family: 'PTSans', sans-serif;
  color: #3b3b3b;
  height: 100%;
}

/* line 44, ../../sass/screen.scss */
body {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-image: url("../images/bg-body.png");
}

/* line 51, ../../sass/screen.scss */
.high {
  color: #00fff0;
}

/* line 55, ../../sass/screen.scss */
header {
  position: fixed;
  top: 0;
  width: 98%;
  height: 40px;
  padding: 0px 1%;
  overflow: auto;
  line-height: 40px;
  color: #f4f4f4;
  background-color: #3b3b3b;
  background-image: url(../images/bg-header.png);
  border-bottom: 3px solid #00fff0;
  z-index: 500;
}

/* line 70, ../../sass/screen.scss */
#logo {
  display: inline-block;
  float: left;
  width: auto;
  height: auto;
  margin: 0 1% 0 0;
  padding-right: 1%;
  font-size: 1.2rem;
  font-variant: small-caps;
}

/* line 82, ../../sass/screen.scss */
#categories {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  float: left;
  overflow: auto;
}

/* line 91, ../../sass/screen.scss */
#categories ul {
  list-style: none;
  margin: 7px 0 0 0;
  padding: 0;
}
/* line 95, ../../sass/screen.scss */
#categories ul a {
  text-decoration: none;
  color: #f4f4f4;
}
/* line 98, ../../sass/screen.scss */
#categories ul a:visited {
  color: #f4f4f4;
}
/* line 102, ../../sass/screen.scss */
#categories ul .current {
  -webkit-animation: current 0.5s;
  -moz-animation: current 0.5s;
  -o-animation: current 0.5s;
  animation: current 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 109, ../../sass/screen.scss */
#categories ul li {
  display: inline-block;
  float: left;
  width: auto;
  height: auto;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 1px 6px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  background-color: #3b3b3b;
  cursor: pointer;
}
/* line 123, ../../sass/screen.scss */
#categories ul li:hover {
  -webkit-animation: button-bg 0.5s;
  -moz-animation: button-bg 0.5s;
  -o-animation: button-bg 0.5s;
  animation: button-bg 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes button-bg {
  /* line 131, ../../sass/screen.scss */
  from {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
  }

  /* line 132, ../../sass/screen.scss */
  to {
    background-color: rgba(0, 255, 240, 0.2);
    border-color: #00fff0;
  }
}

@-moz-keyframes button-bg {
  /* line 131, ../../sass/screen.scss */
  from {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
  }

  /* line 132, ../../sass/screen.scss */
  to {
    background-color: rgba(0, 255, 240, 0.2);
    border-color: #00fff0;
  }
}

@-o-keyframes button-bg {
  /* line 131, ../../sass/screen.scss */
  from {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
  }

  /* line 132, ../../sass/screen.scss */
  to {
    background-color: rgba(0, 255, 240, 0.2);
    border-color: #00fff0;
  }
}

@keyframes button-bg {
  /* line 131, ../../sass/screen.scss */
  from {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
  }

  /* line 132, ../../sass/screen.scss */
  to {
    background-color: rgba(0, 255, 240, 0.2);
    border-color: #00fff0;
  }
}

@-webkit-keyframes current {
  /* line 136, ../../sass/screen.scss */
  from {
    color: #f4f4f4;
  }

  /* line 137, ../../sass/screen.scss */
  to {
    color: #00fff0;
  }
}

@-moz-keyframes current {
  /* line 136, ../../sass/screen.scss */
  from {
    color: #f4f4f4;
  }

  /* line 137, ../../sass/screen.scss */
  to {
    color: #00fff0;
  }
}

@-o-keyframes current {
  /* line 136, ../../sass/screen.scss */
  from {
    color: #f4f4f4;
  }

  /* line 137, ../../sass/screen.scss */
  to {
    color: #00fff0;
  }
}

@keyframes current {
  /* line 136, ../../sass/screen.scss */
  from {
    color: #f4f4f4;
  }

  /* line 137, ../../sass/screen.scss */
  to {
    color: #00fff0;
  }
}

/* line 140, ../../sass/screen.scss */
#gallery {
  height: auto;
  position: relative;
  top: 0;
}

/* line 146, ../../sass/screen.scss */
section {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  border-bottom: 3px solid #00fff0;
}
/* line 154, ../../sass/screen.scss */
section:last-child {
  border-bottom: none;
}

/* line 159, ../../sass/screen.scss */
.gl_con {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 100%;
}
/* line 164, ../../sass/screen.scss */
.gl_con .img_con {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 170, ../../sass/screen.scss */
.gl_con .img_con ul {
  width: 100000px;
  margin: 0;
  padding: 0;
}
/* line 174, ../../sass/screen.scss */
.gl_con .img_con ul li {
  display: inline-block;
  float: left;
}
/* line 179, ../../sass/screen.scss */
.gl_con .img_con img {
  position: relative;
  display: block;
  top: 43px;
  margin: 0 auto;
  width: auto;
  height: auto;
}
/* line 188, ../../sass/screen.scss */
.gl_con .img_text_con {
  position: absolute;
  bottom: 3%;
  right: 4%;
  width: 300px;
  height: auto;
  padding: 1%;
  color: #f4f4f4;
  background-color: rgba(59, 59, 59, 0.5);
  border-radius: 5px;
}
/* line 198, ../../sass/screen.scss */
.gl_con .img_text_con .img_text {
  position: relative;
  display: block;
  height: auto;
}
/* line 204, ../../sass/screen.scss */
.gl_con .gl_btn {
  position: absolute;
  display: inline-block;
  top: 0px;
  background-color: rgba(59, 59, 59, 0.2);
  color: #f4f4f4;
  background-opacity: 0.5;
  height: 100%;
  width: 3%;
  cursor: pointer;
}
/* line 214, ../../sass/screen.scss */
.gl_con .gl_btn:hover {
  -webkit-animation: gl-btn 0.4s;
  -moz-animation: gl-btn 0.4s;
  -o-animation: gl-btn 0.4s;
  animation: gl-btn 0.4s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* line 219, ../../sass/screen.scss */
.gl_con .gl_btn span {
  position: absolute;
  display: inline-block;
  width: 100%;
  text-align: center;
  top: 48%;
}
/* line 228, ../../sass/screen.scss */
.gl_con .gl_btn_right {
  right: 0px;
}

@-webkit-keyframes gl-btn {
  /* line 233, ../../sass/screen.scss */
  from {
    background-color: rgba(59, 59, 59, 0.2);
    color: #f4f4f4;
  }

  /* line 234, ../../sass/screen.scss */
  to {
    background-color: rgba(59, 59, 59, 0.4);
    color: #00fff0;
  }
}

@-moz-keyframes gl-btn {
  /* line 233, ../../sass/screen.scss */
  from {
    background-color: rgba(59, 59, 59, 0.2);
    color: #f4f4f4;
  }

  /* line 234, ../../sass/screen.scss */
  to {
    background-color: rgba(59, 59, 59, 0.4);
    color: #00fff0;
  }
}

@-o-keyframes gl-btn {
  /* line 233, ../../sass/screen.scss */
  from {
    background-color: rgba(59, 59, 59, 0.2);
    color: #f4f4f4;
  }

  /* line 234, ../../sass/screen.scss */
  to {
    background-color: rgba(59, 59, 59, 0.4);
    color: #00fff0;
  }
}

@keyframes gl-btn {
  /* line 233, ../../sass/screen.scss */
  from {
    background-color: rgba(59, 59, 59, 0.2);
    color: #f4f4f4;
  }

  /* line 234, ../../sass/screen.scss */
  to {
    background-color: rgba(59, 59, 59, 0.4);
    color: #00fff0;
  }
}

/* line 237, ../../sass/screen.scss */
.hide {
  display: none !important;
}