@font-face {
  font-family: "fnt_text";
  src: url('../../fonts/../assets/fonts/text.eot');
  src: url('../../fonts/../assets/fonts/text.eot?#iefix') format('eot'), url('../../fonts/../assets/fonts/text.ttf') format('truetype'), url('../../fonts/../assets/fonts/text.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "fnt_title";
  src: url('../../fonts/../assets/fonts/title.eot');
  src: url('../../fonts/../assets/fonts/title.eot?#iefix') format('eot'), url('../../fonts/../assets/fonts/title.ttf') format('truetype'), url('../../fonts/../assets/fonts/title.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@media screen {
  /**
   * Hide visually
   *
   * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   * for discussion of different solutions
   */
  /* line 10, ../_base/_default.scss */
  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

  /**
   * Clearfix
   *
   * http://nicolasgallagher.com/micro-clearfix-hack/
   */
  /* line 46, ../_base/_default.scss */
  .clearfix, .topimage_wrap, .content .confusion_matrix_wrap, .header, .mod_project {
    *zoom: 1; }
    /* line 50, ../_base/_default.scss */
    .clearfix:before, .topimage_wrap:before, .content .confusion_matrix_wrap:before, .header:before, .mod_project:before, .clearfix:after, .topimage_wrap:after, .content .confusion_matrix_wrap:after, .header:after, .mod_project:after {
      content: " ";
      display: table; }
    /* line 55, ../_base/_default.scss */
    .clearfix:after, .topimage_wrap:after, .content .confusion_matrix_wrap:after, .header:after, .mod_project:after {
      clear: both; }

  /**
   * Lists with layout purpose
   */
  /* line 17, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/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, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  html {
    line-height: 1; }

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

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

  /* line 28, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/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, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q, blockquote {
    quotes: none; }
    /* line 103, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/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, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  a img {
    border: none; }

  /* line 116, ../../../../../../../Ruby21/lib/ruby/gems/2.1.0/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 4, ../_base/_layout.scss */
  html {
    overflow-y: scroll;
    overflow-x: hidden; }

  /* line 9, ../_base/_layout.scss */
  body {
    background-color: #f5f5f1;
    margin: 0;
    font-family: fnt_text, Helvetica, Arial, sans-serif; }

  /* line 18, ../_base/_layout.scss */
  .extra_space {
    margin-top: 1.5em !important; }

  /* line 22, ../_base/_layout.scss */
  .topimage_wrap {
    margin: 0 auto;
    text-align: center; }

  /* line 29, ../_base/_layout.scss */
  .topimage {
    display: inline-block;
    margin: 0 auto; }

  /* line 33, ../_base/_layout.scss */
  .topimage + .topimage {
    margin-left: 2em; }

  /* line 37, ../_base/_layout.scss */
  .header {
    width: 100%;
    margin-top: 5em;
    margin-bottom: 4em; }
    /* line 43, ../_base/_layout.scss */
    .header .phil_desc {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      top: 3em; }
      /* line 48, ../_base/_layout.scss */
      .header .phil_desc .name {
        display: block;
        text-align: center;
        font-size: 2.5em; }
      /* line 56, ../_base/_layout.scss */
      .header .phil_desc .email {
        display: block;
        margin-top: 0.8em;
        margin-left: 0.1em;
        text-align: center;
        font-size: 1.1em; }
    /* line 67, ../_base/_layout.scss */
    .header .page_title {
      position: relative;
      top: 1.7em;
      font-size: 2.5em;
      line-height: 1.5;
      padding: 0;
      margin: 0; }

  /* line 82, ../_base/_layout.scss */
  .page {
    width: 100%;
    opacity: 0; }

  /* line 87, ../_base/_layout.scss */
  .top_border {
    background: #424242;
    width: 100%;
    height: 0.2em; }

  /* line 93, ../_base/_layout.scss */
  .logo {
    display: block;
    width: 303px;
    height: 172px;
    margin: 4em auto 0 auto; }

  /*
  @media (max-width: $SMARTPHONE_WIDTH) {
    .logo
    {
      margin: 2em auto 0 auto;
      max-width: 80%;
      height: auto;
    }
  }*/
  /* line 1, ../_base/_content.scss */
  .content {
    position: relative;
    display: block;
    width: 41em;
    margin: 0 auto;
    color: #333323; }
    /* line 6, ../_base/_content.scss */
    .content ol {
      display: block;
      list-style-type: decimal;
      margin-top: 1em;
      margin-bottom: 1em;
      margin-left: 0;
      margin-right: 0;
      padding-left: 40px; }
      /* line 15, ../_base/_content.scss */
      .content ol li {
        margin-top: 0.5em;
        margin-bottom: 0.5em; }
    /* line 21, ../_base/_content.scss */
    .content .results {
      margin: 2em auto;
      border: 1px solid #333323; }
      /* line 27, ../_base/_content.scss */
      .content .results thead td {
        font-weight: bold; }
      /* line 31, ../_base/_content.scss */
      .content .results td {
        padding: 10px 10px; }
      /* line 35, ../_base/_content.scss */
      .content .results tr.winner {
        background-color: #F7AA5E; }
    /* line 41, ../_base/_content.scss */
    .content .confusion_matrix_wrap {
      margin: 2em 0; }
    /* line 45, ../_base/_content.scss */
    .content .confusion_matrix {
      float: left;
      margin-left: 5em; }
    /* line 50, ../_base/_content.scss */
    .content .food_legend {
      float: left;
      margin-right: 2em; }
    /* line 55, ../_base/_content.scss */
    .content h2.section {
      font-size: 1.5em;
      line-height: 1.5;
      padding: 0;
      margin: 0;
      margin-top: 1em; }
    /* line 66, ../_base/_content.scss */
    .content h3.section {
      font-size: 1.2em;
      font-style: italic;
      line-height: 1.5;
      padding: 0;
      margin: 0;
      margin-top: 1em; }
    /* line 78, ../_base/_content.scss */
    .content .text, .content .hello, .content .list_technologies, .content .goodbye {
      font-size: 1em;
      line-height: 1.5;
      padding: 0;
      margin: 0; }
    /* line 92, ../_base/_content.scss */
    .content .link, .content .link:visited {
      color: #F7AA5E;
      text-decoration: none;
      cursor: pointer; }
    /* line 98, ../_base/_content.scss */
    .content .link:hover {
      background-color: rgba(232, 229, 33, 0.2); }
    /* line 102, ../_base/_content.scss */
    .content .list_technologies {
      list-style-type: disc;
      list-style-position: inside; }
      /* line 107, ../_base/_content.scss */
      .content .list_technologies li {
        padding-left: 1em; }

  /* line 117, ../_base/_content.scss */
  .loading {
    position: absolute;
    font-family: fnt_title;
    font-size: 1.2em;
    right: 0;
    white-space: nowrap;
    width: 100px;
    display: none;
    overflow: hidden;
    text-indent: 0.5em;
    line-height: 1.7em;
    vertical-align: middle;
    color: #19190F;
    background-color: #DFE521;
    margin-top: -1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }

  /* line 142, ../_base/_content.scss */
  .csstransforms3d .loading, .no-csstransforms .loading {
    -webkit-transform: rotate(0.05rad) translate3d(0, 0, 0);
    -moz-transform: rotate(0.05rad) translate3d(0, 0, 0);
    -ms-transform: rotate(0.05rad) translate3d(0, 0, 0);
    -o-transform: rotate(0.05rad) translate3d(0, 0, 0);
    transform: rotate(0.05rad) translate3d(0, 0, 0); }

  /* line 148, ../_base/_content.scss */
  .header + .content {
    margin-top: 5em; }

  /* line 152, ../_base/_content.scss */
  .text + .text, .content .hello + .text, .content .list_technologies + .text, .content .goodbye + .text, .content .text + .hello, .content .hello + .hello, .content .list_technologies + .hello, .content .goodbye + .hello, .content .text + .list_technologies, .content .hello + .list_technologies, .content .list_technologies + .list_technologies, .content .goodbye + .list_technologies, .content .text + .goodbye, .content .hello + .goodbye, .content .list_technologies + .goodbye, .content .goodbye + .goodbye {
    margin-top: 0.5em; }

  /* line 156, ../_base/_content.scss */
  .list_technologies + .text, .content .list_technologies + .hello, .content .list_technologies + .list_technologies, .content .list_technologies + .goodbye {
    margin-top: 0.5em; }

  /* line 160, ../_base/_content.scss */
  .content + .subcontent {
    margin-top: 0.5em; }

  /* line 164, ../_base/_content.scss */
  .goodbye + .signature {
    margin-top: 1.5em; }

  /* line 168, ../_base/_content.scss */
  .subcontent {
    position: relative;
    overflow: hidden;
    transition: height 0.5s cubic-bezier(0.1, 0.5, 0.5, 0.9);
    -moz-transition: height 0.5s cubic-bezier(0.1, 0.5, 0.5, 0.9);
    /* Firefox 4 */
    -webkit-transition: height 0.5s cubic-bezier(0.1, 0.5, 0.5, 0.9);
    /* Safari and Chrome */
    -o-transition: height 0.5s cubic-bezier(0.1, 0.5, 0.5, 0.9);
    /* Opera */ }

  /**
  @media (max-width: $SMARTPHONE_WIDTH) {
    .content
    {
      width: 85%;
    }
  }
    */
  /* line 2, ../_base/_projects.scss */
  .projects {
    position: relative; }
    /* line 5, ../_base/_projects.scss */
    .projects .loader {
      text-align: center;
      color: #000; }
    /* line 11, ../_base/_projects.scss */
    .projects .arrow {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      top: 49%;
      left: 50%;
      width: 50px;
      height: 82px;
      z-index: 1000; }
      /* line 24, ../_base/_projects.scss */
      .projects .arrow.left:before {
        position: absolute;
        content: "";
        top: -50%;
        width: 49px;
        height: 82px;
        background: transparent url(../media/sprite.png) 0 0 no-repeat; }
      /* line 36, ../_base/_projects.scss */
      .projects .arrow.right:before {
        position: absolute;
        content: "";
        top: -50%;
        width: 49px;
        height: 82px;
        background: transparent url(../media/sprite.png) -50px 0 no-repeat; }

  /* line 2, ../_base/_mod_project.scss */
  .mod_project {
    position: absolute;
    opacity: 0;
    top: 0;
    width: 41em;
    color: #232323;
    margin-bottom: 2em; }
    /* line 13, ../_base/_mod_project.scss */
    .mod_project .img_project {
      display: block;
      margin: 3.5em 1em 1em 0; }
    /* line 19, ../_base/_mod_project.scss */
    .mod_project .title {
      font-family: fnt_title;
      font-size: 1.7em;
      position: absolute;
      white-space: nowrap;
      top: 0.7em;
      display: block;
      overflow: hidden;
      text-indent: 0.5em;
      line-height: 1.7em;
      vertical-align: middle;
      color: #fff;
      background-color: #19190F;
      margin: 0.8em 0 1.5em -0.5em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform-origin: left bottom;
      -moz-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      -o-transform-origin: left bottom;
      transform-origin: left bottom; }
    /* line 41, ../_base/_mod_project.scss */
    .mod_project .info {
      display: block;
      line-height: 1.2;
      width: 47%;
      text-align: justify; }
    /* line 48, ../_base/_mod_project.scss */
    .mod_project .img_project + .info {
      margin: 1em 0 1em 0;
      float: left; }
    /* line 54, ../_base/_mod_project.scss */
    .mod_project .title + .info {
      margin-top: 1em; }
    /* line 59, ../_base/_mod_project.scss */
    .mod_project .info + .info {
      margin-top: 1em;
      float: right; }

  /* line 69, ../_base/_mod_project.scss */
  .csstransforms3d .title {
    -webkit-transform: rotate(-0.1rad) translate3d(0, 0, 0);
    -moz-transform: rotate(-0.1rad) translate3d(0, 0, 0);
    -ms-transform: rotate(-0.1rad) translate3d(0, 0, 0);
    -o-transform: rotate(-0.1rad) translate3d(0, 0, 0);
    transform: rotate(-0.1rad) translate3d(0, 0, 0); }

  /*
  @media (max-width: $SMARTPHONE_WIDTH) {
    .mod_project
    {
      width: 85%;
  
      .img_project
      {
        float: none;
      }
  
      .info
      {
        float: none;
        width: 100%;
      }
    }
  }
    */
  /* line 2, ../_base/_mod_publications.scss */
  .mod_publications {
    position: relative; }
    /* line 6, ../_base/_mod_publications.scss */
    .mod_publications .papers {
      width: 38em;
      margin: 2em auto 2em auto; }
      /* line 10, ../_base/_mod_publications.scss */
      .mod_publications .papers .conference {
        font-weight: bold; }
      /* line 14, ../_base/_mod_publications.scss */
      .mod_publications .papers .conference, .mod_publications .papers .pub_title, .mod_publications .papers .authors {
        display: block;
        line-height: 1.5; } }