/* ==========================================================================
Mixins
========================================================================== */
/*
* Create colors and palettes here
*
* See more: http://compass-style.org/reference/compass/helpers/urls/#image-url
*
*/
/*
* Example:
* $palettes: (
*   mono: (
*     white: $color-white,
*     blue: $color-blue
*   )
* );
*
* OR:
*
* $color-white: #FFFFFF;
*
* Usage:
*   color: palette(mono, white);
*
* OR:
*
*   color: $color-white;
*/
.-green {
  color: #00B293; }

.-black {
  color: #000; }

.-white {
  color: #fff; }

.-red {
  color: #CC0000; }

.-darkgrey {
  color: #2A2825; }

.-grey {
  color: #292a2c; }

.-lightgrey {
  color: #989898; }

@font-face {
  font-family: "DaxRegular";
  src: url("../fonts/daxregular-webfont.eot") format("embedded-opentype"), url("../fonts/daxregular-webfont.woff") format("woff"), url("../fonts/daxregular-webfont.woff2") format("woff2"), url("../fonts/daxregular-webfont.ttf") format("truetype"), url("../fonts/daxregular-webfont.svg") format("svg"); }

@font-face {
  font-family: "DaxBold";
  src: url("../fonts/daxbold-webfont.eot") format("embedded-opentype"), url("../fonts/daxbold-webfont.woff") format("woff"), url("../fonts/daxbold-webfont.woff2") format("woff2"), url("../fonts/daxbold-webfont.ttf") format("truetype"), url("../fonts/daxbold-webfont.svg") format("svg"); }

@font-face {
  font-family: "DaxLight";
  src: url("../fonts/daxlight-webfont.eot") format("embedded-opentype"), url("../fonts/daxlight-webfont.woff") format("woff"), url("../fonts/daxlight-webfont.woff2") format("woff2"), url("../fonts/daxlight-webfont.ttf") format("truetype"), url("../fonts/daxlight-webfont.svg") format("svg"); }

@font-face {
  font-family: "DenseRegular";
  src: url("../fonts/dense-regular-webfont.eot") format("embedded-opentype"), url("../fonts/dense-regular-webfont.woff") format("woff"), url("../fonts/dense-regular-webfont.woff2") format("woff2"), url("../fonts/dense-regular-webfont.ttf") format("truetype"), url("../fonts/dense-regular-webfont.svg") format("svg"); }

/* ----------- Orientation: Portrait / Landscape ----------- */
/* ----------- Retina Screens ----------- */
/* generic styles */
body {
  font-family: "DaxRegular", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000; }

.title {
  font-family: "DaxBold", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px; }
  @media screen and (max-width: 480px) {
    .title {
      font-size: 30px;
      font-size: 3rem; } }

.subtitle {
  font-family: "DaxLight", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 3px;
  line-height: 35px; }

.text {
  font-family: "DaxRegular", sans-serif; }

.description {
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  padding-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .description {
      font-size: 10px;
      font-size: 1rem; } }

.scroll-down {
  height: 8rem;
  bottom: 0;
  position: absolute; }
  .scroll-down .mousey {
    padding: 7px 9px;
    height: 45px;
    width: 25px;
    border: 2px solid;
    border-color: #000;
    border-radius: 2rem;
    opacity: 0.75;
    margin: 0 auto; }
    .scroll-down .mousey .scroller {
      width: 3px;
      height: 10px;
      border-radius: 25%;
      background-color: #000; }
    @media screen and (max-width: 480px) {
      .scroll-down .mousey {
        width: 26px; } }
  .scroll-down .arrow_down {
    display: block;
    height: 15px;
    margin: 7px auto 0;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite; }

@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(15px);
    opacity: 0; } }

.section_top {
  width: 100%;
  position: fixed;
  z-index: 10;
  top: 45%;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }
  .section_top .section_nav_container {
    width: 80%;
    margin: 0 auto;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; }
    .section_top .section_nav_container .logo {
      width: 80px;
      height: 80px;
      background: transparent url("../images/newstudio_logo.png") 0 0 no-repeat;
      background-size: cover;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 500ms ease-in-out;
      -moz-transition: opacity 500ms ease-in-out;
      -o-transition: opacity 500ms ease-in-out;
      transition: opacity 500ms ease-in-out; }
    .section_top .section_nav_container h6, .section_top .section_nav_container p.resume {
      padding-bottom: 0;
      line-height: 18px; }
    @media screen and (max-width: 480px) {
      .section_top .section_nav_container p.resume {
        font-size: 14px;
        font-size: 1.4rem; } }
  .section_top.scrolled {
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
    height: 80px;
    display: flex; }
    .section_top.scrolled h1.title {
      display: none; }
    .section_top.scrolled .logo {
      opacity: 1; }
    .section_top.scrolled .section_nav_container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .section_top.scrolled .section_nav_container {
          width: 100%; } }
    .section_top.scrolled .authors {
      width: 350px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .section_top.scrolled .authors {
          width: initial;
          display: block;
          padding: 0 20px; }
          .section_top.scrolled .authors h6, .section_top.scrolled .authors p.resume {
            font-size: 12px;
            font-size: 1.2rem; } }

.section_header {
  overflow: hidden;
  height: 100vh;
  background: transparent url("../images/capa.jpg") 0 0 no-repeat;
  background-size: cover; }
  .section_header .second_layer {
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.7); }

.section_gallery {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px; }
  .section_gallery .project {
    background: transparent url("../images/projectos/about.jpg") 0 0 no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%; }

.section_contact {
  overflow: hidden;
  height: 100vh;
  position: relative; }
  .section_contact .form_container {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .section_contact .form_field_input {
    margin: 10px 0; }
  .section_contact #after_submit, .section_contact #email_validation, .section_contact #name_validation {
    display: none; }
  .section_contact #after_submit {
    background-color: #2A2825;
    color: #00B293;
    line-height: 32px;
    margin-bottom: 10px;
    padding-left: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    /* bottom: -60px; */
    bottom: 0px !important; 
    width: 100%;
    text-align: center; }
  .section_contact label {
    color: #6c6c6c; }
  .section_contact label.required:after {
    content: '*';
    color: #CC0000; }
  .section_contact .error {
    background-color: #FFDFDF;
    color: #CC0000;
    width: 100%; }
  .section_contact .error_message {
    font-size: 10px;
    padding: 4px 10px;
    letter-spacing: 1px; }

/*
 * BEVM BEVM BEVM
 * block__element --variation -modifier
 *
 * Modifiers:
 *   All generic modifiers go here:
 *
 * Example:
 *  .-no-padding{
 *    padding: 0;
 *  }
 */
.no-padding, .section_header, .section_gallery, .section_contact {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-border {
  border: none !important; }

.clean {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  clear: both;
  float: none !important;
  text-decoration: none !important; }

h1 {
  margin: 0 !important; }

ul li {
  list-style: none; }

p {
  margin: 0; }

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