/* Fonts */
/* Colors */
/* Others */
/*$mainColor: #232f3a;*/
/*$mainColorDark: darken($mainColor, 10%);*/
/*$mainColorLight: lighten($mainColor, 10%);*/
body {
  margin-top: 0; }

#header.hp {
  position: fixed; }
  @media screen and (max-width: 1210px) {
    #header.hp {
      position: fixed; } }
  @media screen and (max-width: 650px) {
    #header.hp {
      position: absolute; } }

header.homepage {
  position: relative;
  width: 100%;
  height: 550px;
  /*background-image: url('header.png');*/
  background-repeat: no-repeat;
  background-position-x: center;
  background-color: black;
  text-align: center;
  overflow: hidden;
  z-index: 1; }
  header.homepage > * {
    position: relative;
    z-index: 3; }
  header.homepage #videoback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d; }
    header.homepage #videoback iframe, header.homepage #videoback video, header.homepage #videoback img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 1;
      -webkit-transition: opacity 1s linear;
      -moz-transition: opacity 1s linear;
      -ms-transition: opacity 1s linear;
      -o-transition: opacity 1s linear;
      transition: opacity 1s linear; }
      header.homepage #videoback iframe.transparent, header.homepage #videoback video.transparent, header.homepage #videoback img.transparent {
        opacity: 0; }
      header.homepage #videoback iframe.yt-transparent, header.homepage #videoback video.yt-transparent, header.homepage #videoback img.yt-transparent {
        opacity: 0.01; }
    header.homepage #videoback img {
      display: block;
      z-index: 0; }
  header.homepage:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url("videoback-overlay.png") repeat; }
  header.homepage .outer-wrapper {
    display: table;
    width: 100%;
    height: 100%; }
    header.homepage .outer-wrapper .inner-wrapper {
      display: table-cell;
      vertical-align: middle; }
      header.homepage .outer-wrapper .inner-wrapper #logo {
        text-align: center; }
        header.homepage .outer-wrapper .inner-wrapper #logo a.logo {
          font-size: 5em;
          line-height: 0.9em;
          color: white;
          text-transform: uppercase;
          text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
          header.homepage .outer-wrapper .inner-wrapper #logo a.logo span:nth-child(1) {
            font-weight: 300; }
          header.homepage .outer-wrapper .inner-wrapper #logo a.logo span:nth-child(2) {
            font-weight: 700; }
        header.homepage .outer-wrapper .inner-wrapper #logo span.about {
          display: block;
          color: white;
          font-size: 2.15em;
          font-weight: 200;
          text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
      header.homepage .outer-wrapper .inner-wrapper .search {
        margin-top: 30px; }
        header.homepage .outer-wrapper .inner-wrapper .search input {
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          width: 298px; }
        header.homepage .outer-wrapper .inner-wrapper .search button {
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px;
          position: relative;
          width: 47px;
          height: 47px;
          text-indent: 100px;
          overflow: hidden;
          border: 1px solid #ebebeb;
          border-left: none;
          color: #ebebeb; }
          header.homepage .outer-wrapper .inner-wrapper .search button i.fa {
            position: absolute;
            top: 0;
            left: 0;
            width: 47px;
            height: 47px;
            line-height: 45px;
            text-indent: 0;
            font-size: 2em; }
          header.homepage .outer-wrapper .inner-wrapper .search button:hover {
            color: #c5c5c5;
            background: white; }
      header.homepage .outer-wrapper .inner-wrapper menu {
        display: inline-block;
        margin-top: 35px; }
        header.homepage .outer-wrapper .inner-wrapper menu ul li {
          display: inline-block; }
          header.homepage .outer-wrapper .inner-wrapper menu ul li a:not(.clean) {
            position: relative;
            color: white;
            padding: 5px 10px;
            font-weight: 200;
            font-size: 1em;
            text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
            header.homepage .outer-wrapper .inner-wrapper menu ul li a:not(.clean):after {
              content: ' ';
              position: absolute;
              width: 90%;
              height: 2px;
              left: 5%;
              bottom: 0;
              background-color: #de3b72;
              opacity: 0;
              -webkit-transition: opacity 200ms linear;
              -moz-transition: opacity 200ms linear;
              -ms-transition: opacity 200ms linear;
              -o-transition: opacity 200ms linear;
              transition: opacity 200ms linear; }
            header.homepage .outer-wrapper .inner-wrapper menu ul li a:not(.clean).active, header.homepage .outer-wrapper .inner-wrapper menu ul li a:not(.clean):hover:after {
              opacity: 1; }
  @media screen and (max-width: 1100px) {
    header.homepage {
      height: 420px; }
      header.homepage #logo {
        font-size: 0.9em; } }
  @media screen and (max-width: 900px) {
    header.homepage {
      height: 320px; }
      header.homepage #logo {
        font-size: 0.65em; } }

@media screen and (max-width: 650px) {
  body {
    margin-top: 50px; }
  header.homepage {
    display: none; } }

#main {
  width: 100%; }
  #main #slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0; }
    #main #slider.main {
      height: auto;
      margin-bottom: 35px; }
      #main #slider.main > span.fa {
        top: 50%;
        width: 50px;
        height: 50px;
        padding: 500px 0;
        margin-top: -525px;
        line-height: 50px; }
    #main #slider > span.fa {
      position: absolute;
      display: block;
      font-size: 5em;
      z-index: 10;
      text-align: center;
      color: white;
      -webkit-transition: background-color 200ms ease-in-out;
      -moz-transition: background-color 200ms ease-in-out;
      -ms-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      cursor: pointer;
      text-shadow: rgba(0, 0, 0, 0.6) 0 0 2px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      #main #slider > span.fa:hover {
        background-color: rgba(255, 255, 255, 0.5); }
      #main #slider > span.fa.fa-angle-left {
        left: 0; }
      #main #slider > span.fa.fa-angle-right {
        right: 0; }
    #main #slider .content {
      position: relative;
      width: 100%;
      height: 235px;
      padding: 0;
      margin: 0;
      overflow: hidden; }
      #main #slider .content .wrapper {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: left 500ms ease-in-out;
        -moz-transition: left 500ms ease-in-out;
        -ms-transition: left 500ms ease-in-out;
        -o-transition: left 500ms ease-in-out;
        transition: left 500ms ease-in-out; }
        #main #slider .content .wrapper .thumb.homepage-slider {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-perspective: 1000px;
          -ms-perspective: 1000px;
          -moz-perspective: 1000px;
          -o-perspective: 1000px;
          perspective: 1000px;
          transform-style: preserve-3d;
          -webkit-transform-style: preserve-3d; }
          #main #slider .content .wrapper .thumb.homepage-slider a img {
            width: 500px;
            height: 235px; }
          #main #slider .content .wrapper .thumb.homepage-slider .perex {
            color: #f2f2f2; }
    @media screen and (max-width: 650px) {
      #main #slider.main {
        margin-bottom: 0; }
      #main #slider .content {
        height: 180px; }
        #main #slider .content .wrapper .thumb.homepage-slider a img {
          width: 383px;
          height: 180px; } }
  #main div.new-content {
    max-width: 1100px; }
    #main div.new-content h3 {
      position: relative;
      display: inline-block;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 35px;
      color: #0c0c0c;
      padding-bottom: 15px;
      line-height: 1; }
      #main div.new-content h3:after {
        content: '';
        position: absolute;
        display: block;
        width: 42px;
        height: 2px;
        background: #0082b7;
        bottom: 0;
        left: 0; }

header.homepage .outer-wrapper .inner-wrapper #logo a.logo span:nth-child(1) {
  font-weight: 700; }

header.homepage .outer-wrapper .inner-wrapper #logo a.logo span:nth-child(2) {
  font-weight: 300; }

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