/*
* Heloisa Beatriz Watercolor & Stuff
* Copyright 2019
* Author: Paulo da Silva Pamplona (https://www.paulopamplona.com)
* Version 1.0
* Last Update: 11/29/2019
*
* DEFAULT STYLING *
*
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:700,900|Thasadith");
.loader {
  position: relative;
  margin: 0 auto;
  width: 100px;
  display: table-cell;
  vertical-align: middle; }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 1s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }
@keyframes color {
  100%,
  0% {
    stroke: #EE483D; }
  40% {
    stroke: #1D99D8; }
  66% {
    stroke: #04CA77; }
  80%,
  90% {
    stroke: #F4C342; } }
.loader-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  display: table;
  height: 100%; }

html body {
  overflow-x: hidden; }
  html body::-webkit-scrollbar {
    width: 0px; }
  html body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px transparent;
    -moz-box-shadow: inset 0 0 1px transparent;
    -ms-box-shadow: inset 0 0 1px transparent;
    -o-box-shadow: inset 0 0 1px transparent;
    box-shadow: inset 0 0 1px transparent; }
  html body::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 1px solid transparent; }
  html body header {
    position: fixed;
    height: 80px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    background: #F9FAFC;
    z-index: 99;
    width: 100%; }
    html body header .header-wrapper .logo-btn {
      width: 80px;
      height: 80px;
      float: left;
      clear: right;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
      html body header .header-wrapper .logo-btn:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center; }
      html body header .header-wrapper .logo-btn .palette {
        background: #F5F0EB;
        width: 70%;
        margin: 22.5% 15%;
        height: 55%;
        border-radius: 50%;
        box-shadow: black -1px 1px 1px; }
      html body header .header-wrapper .logo-btn .colors-wrapper {
        z-index: 10;
        position: absolute;
        -webkit-transform: translate(12px, -58px);
        -moz-transform: translate(12px, -58px);
        -ms-transform: translate(12px, -58px);
        -o-transform: translate(12px, -58px);
        transform: translate(12px, -58px); }
        html body header .header-wrapper .logo-btn .colors-wrapper .colors {
          width: 11px;
          height: 11px;
          border-radius: 50%; }
          html body header .header-wrapper .logo-btn .colors-wrapper .colors .lightcolor {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            -webkit-transform: translate(1px, 2px);
            -moz-transform: translate(1px, 2px);
            -ms-transform: translate(1px, 2px);
            -o-transform: translate(1px, 2px);
            transform: translate(1px, 2px); }
        html body header .header-wrapper .logo-btn .colors-wrapper .color-1 {
          -webkit-transform: translate(10px, 23px);
          -moz-transform: translate(10px, 23px);
          -ms-transform: translate(10px, 23px);
          -o-transform: translate(10px, 23px);
          transform: translate(10px, 23px);
          background: #03AE68; }
          html body header .header-wrapper .logo-btn .colors-wrapper .color-1 .lightcolor {
            background: #04CA77; }
        html body header .header-wrapper .logo-btn .colors-wrapper .color-2 {
          -webkit-transform: translate(22px, 15px);
          -moz-transform: translate(22px, 15px);
          -ms-transform: translate(22px, 15px);
          -o-transform: translate(22px, 15px);
          transform: translate(22px, 15px);
          background: #1480B6; }
          html body header .header-wrapper .logo-btn .colors-wrapper .color-2 .lightcolor {
            background: #1D99D8; }
        html body header .header-wrapper .logo-btn .colors-wrapper .color-3 {
          -webkit-transform: translate(34px, 1px);
          -moz-transform: translate(34px, 1px);
          -ms-transform: translate(34px, 1px);
          -o-transform: translate(34px, 1px);
          transform: translate(34px, 1px);
          background: #F89B37; }
          html body header .header-wrapper .logo-btn .colors-wrapper .color-3 .lightcolor {
            background: #F4C342; }
        html body header .header-wrapper .logo-btn .colors-wrapper .color-4 {
          -webkit-transform: translate(43px, -18px);
          -moz-transform: translate(43px, -18px);
          -ms-transform: translate(43px, -18px);
          -o-transform: translate(43px, -18px);
          transform: translate(43px, -18px);
          z-index: 30;
          position: relative;
          background: #C6362B; }
          html body header .header-wrapper .logo-btn .colors-wrapper .color-4 .lightcolor {
            background: #EE483D; }
      html body header .header-wrapper .logo-btn .toe-hole {
        width: 6px;
        height: 6px;
        background: #F9FAFC;
        border-radius: 50%;
        -webkit-transform: translate(25px, -55px);
        -moz-transform: translate(25px, -55px);
        -ms-transform: translate(25px, -55px);
        -o-transform: translate(25px, -55px);
        transform: translate(25px, -55px);
        z-index: 10;
        position: absolute;
        box-shadow: black -1px 1px 1px inset; }
      html body header .header-wrapper .logo-btn .bg {
        background: #F9FAFC;
        -webkit-transform: translate(-43%, -300%);
        -moz-transform: translate(-43%, -300%);
        -ms-transform: translate(-43%, -300%);
        -o-transform: translate(-43%, -300%);
        transform: translate(-43%, -300%);
        float: right;
        width: 33px;
        height: 25px;
        border-radius: 0 0 0 7px;
        z-index: 1; }
      html body header .header-wrapper .logo-btn .edge-top-bg {
        background: #F9FAFC;
        width: 9px;
        height: 8px;
        -webkit-transform: translate(-12px, -65px);
        -moz-transform: translate(-12px, -65px);
        -ms-transform: translate(-12px, -65px);
        -o-transform: translate(-12px, -65px);
        transform: translate(-12px, -65px);
        z-index: 10;
        float: right; }
        html body header .header-wrapper .logo-btn .edge-top-bg .edge-top-color {
          background: #F5F0EB;
          float: left;
          width: 9px;
          height: 9px;
          border-radius: 50%;
          -webkit-transform: translate(-2px, 5px);
          -moz-transform: translate(-2px, 5px);
          -ms-transform: translate(-2px, 5px);
          -o-transform: translate(-2px, 5px);
          transform: translate(-2px, 5px);
          z-index: 1; }
      html body header .header-wrapper .logo-btn .edge-top-bg.corner {
        -webkit-transform: translate(63px, -55px);
        -moz-transform: translate(63px, -55px);
        -ms-transform: translate(63px, -55px);
        -o-transform: translate(63px, -55px);
        transform: translate(63px, -55px);
        z-index: 1;
        position: relative;
        float: none; }
        html body header .header-wrapper .logo-btn .edge-top-bg.corner .edge-top-color.corner {
          width: 8px;
          height: 8px;
          z-index: 1;
          position: relative;
          -webkit-transform: translate(-4.5px, 5px);
          -moz-transform: translate(-4.5px, 5px);
          -ms-transform: translate(-4.5px, 5px);
          -o-transform: translate(-4.5px, 5px);
          transform: translate(-4.5px, 5px); }
    html body header .header-wrapper .headline {
      width: calc(100% - 160px);
      height: 80px;
      float: left;
      display: table;
      text-transform: uppercase;
      font-family: "Thasadith", sans-serif; }
      html body header .header-wrapper .headline .headline-wrapper {
        display: table-cell;
        vertical-align: middle; }
        html body header .header-wrapper .headline .headline-wrapper h1 {
          font-size: 1rem;
          display: table;
          margin: auto;
          text-shadow: -0.5px .5px gray;
          white-space: nowrap;
          margin-bottom: 7px; }
        html body header .header-wrapper .headline .headline-wrapper h2 {
          font-size: .8rem;
          display: table;
          margin: auto;
          white-space: nowrap; }
    html body header .header-wrapper .header-right {
      right: 0;
      width: 80px;
      height: 80px;
      position: absolute; }
      html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn {
        margin: 30%;
        height: 40%;
        width: 40%;
        position: absolute; }
        html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span {
          display: block;
          content: "";
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          background: #5A5A5A;
          position: absolute;
          border-radius: 1px;
          height: 2px; }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(1) {
            top: 10%;
            width: 75%; }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(2) {
            top: 48%;
            width: 100%;
            -webkit-transition: 0.1s;
            -moz-transition: 0.1s;
            -ms-transition: 0.1s;
            -o-transition: 0.1s;
            transition: 0.1s; }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(3) {
            width: 55%;
            bottom: 10%; }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(1).animate {
            width: 106%;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: right;
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            transform-origin: right;
            margin-left: -16%; }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(2).animate {
            display: none;
            background: rgba(255, 255, 255, 0); }
          html body header .header-wrapper .header-right .menu-btn-wrapper .menu-btn span:nth-child(3).animate {
            width: 106%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: right;
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            transform-origin: right;
            margin-left: -16%; }
    html body header .header-wrapper nav {
      position: fixed;
      top: 80px;
      width: 100vw;
      right: 0;
      display: block;
      -webkit-transform: translateX(100vw);
      -moz-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
      -o-transform: translateX(100vw);
      transform: translateX(100vw);
      -webkit-transition: 0.25s all;
      -moz-transition: 0.25s all;
      -ms-transition: 0.25s all;
      -o-transition: 0.25s all;
      transition: 0.25s all;
      background: #F9FAFC; }
      html body header .header-wrapper nav.visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 0 3px 10px gray; }
      html body header .header-wrapper nav ul li {
        height: 50px;
        height: calc(20vh - 43.75px);
        width: 100vw;
        text-align: center;
        display: table; }
        html body header .header-wrapper nav ul li:nth-child(odd) {
          background: #F7F7F7; }
        @media only screen and (min-width: 1024px) {
          html body header .header-wrapper nav ul li.idioms {
            float: left;
            margin-top: -20px;
            width: 300px; } }
        html body header .header-wrapper nav ul li .switch {
          display: inline-block;
          width: 60px;
          height: 34px;
          position: absolute;
          top: calc(10vh - 8px);
          transform: translate(-50%, -50%); }
          @media only screen and (min-width: 1024px) {
            html body header .header-wrapper nav ul li .switch {
              top: unset;
              -webkit-transform: translate(-150%, -50%) rotate(90deg);
              -moz-transform: translate(-150%, -50%) rotate(90deg);
              -ms-transform: translate(-150%, -50%) rotate(90deg);
              -o-transform: translate(-150%, -50%) rotate(90deg);
              transform: translate(-150%, -50%) rotate(90deg); } }
          html body header .header-wrapper nav ul li .switch input {
            opacity: 0;
            width: 0;
            height: 0; }
            html body header .header-wrapper nav ul li .switch input:checked {
              background-color: #2196F3; }
              html body header .header-wrapper nav ul li .switch input:checked + span.slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px); }
            html body header .header-wrapper nav ul li .switch input:focus {
              box-shadow: 0 0 1px #2196F3; }
          html body header .header-wrapper nav ul li .switch span.slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 34px; }
            html body header .header-wrapper nav ul li .switch span.slider:before {
              position: absolute;
              content: "";
              height: 26px;
              width: 26px;
              left: 4px;
              bottom: 4px;
              background-color: white;
              -webkit-transition: .4s;
              transition: .4s;
              border-radius: 50%; }
        html body header .header-wrapper nav ul li a {
          height: calc(25vh - 43.75px);
          vertical-align: middle;
          display: table-cell;
          font-family: "Thasadith", sans-serif;
          font-size: 1rem;
          text-transform: lowercase;
          width: 50%;
          margin: 0 25%;
          text-decoration: none;
          color: gray;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          overflow: hidden; }
          html body header .header-wrapper nav ul li a.flags {
            background-size: 16.666%;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            html body header .header-wrapper nav ul li a.flags img {
              width: 25px;
              height: auto; }
            @media only screen and (min-width: 1024px) {
              html body header .header-wrapper nav ul li a.flags {
                background-size: 30px; } }
          html body header .header-wrapper nav ul li a.langPT {
            background-image: url("../assets/brazil-off.png"); }
            html body header .header-wrapper nav ul li a.langPT.on {
              background-image: url("../assets/brazil.png"); }
            @media only screen and (min-width: 1024px) {
              html body header .header-wrapper nav ul li a.langPT {
                -webkit-transform: translate(50%, -5px);
                -moz-transform: translate(50%, -5px);
                -ms-transform: translate(50%, -5px);
                -o-transform: translate(50%, -5px);
                transform: translate(50%, -5px); } }
          html body header .header-wrapper nav ul li a.langEN {
            background-image: url("../assets/united-states-off.png"); }
            html body header .header-wrapper nav ul li a.langEN.on {
              background-image: url("../assets/united-states.png"); }
            @media only screen and (min-width: 1024px) {
              html body header .header-wrapper nav ul li a.langEN {
                -webkit-transform: translate(50%, 3px);
                -moz-transform: translate(50%, 3px);
                -ms-transform: translate(50%, 3px);
                -o-transform: translate(50%, 3px);
                transform: translate(50%, 3px); } }
        html body header .header-wrapper nav ul li.instagram .social-item-link {
          color: rgba(0, 0, 0, 0.5);
          outline: 0;
          text-decoration: none;
          padding: 5px;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
          html body header .header-wrapper nav ul li.instagram .social-item-link svg {
            width: auto;
            height: 16px;
            overflow: visible; }
    @media only screen and (min-width: 1024px) {
      html body header {
        width: 100%; }
        html body header .header-wrapper {
          position: relative;
          width: 100%;
          max-width: 1200px;
          margin: 0 auto; }
          html body header .header-wrapper .headline {
            width: 15%; }
            html body header .header-wrapper .headline .headline-wrapper h1, html body header .header-wrapper .headline .headline-wrapper h2 {
              margin: auto auto auto 10px; }
            html body header .header-wrapper .headline .headline-wrapper h1 {
              font-size: 1.2rem;
              margin: auto auto auto 10px;
              letter-spacing: 1.4px; }
            html body header .header-wrapper .headline .headline-wrapper h2 {
              padding-top: 10px;
              margin: auto auto auto 10px;
              letter-spacing: 2px; }
              html body header .header-wrapper .headline .headline-wrapper h2.enlarged {
                letter-spacing: 5px; }
          html body header .header-wrapper .header-right {
            display: none; }
          html body header .header-wrapper nav {
            width: auto;
            background: none;
            position: relative;
            top: 0;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0); }
            html body header .header-wrapper nav ul {
              margin-block-start: 0;
              margin-block-end: 0;
              margin-inline-start: 0;
              margin-inline-end: 0;
              padding-inline-start: 0;
              -webkit-margin-before: 0;
              -webkit-margin-after: 0;
              -webkit-margin-start: 0;
              -webkit-margin-end: 0;
              -webkit-padding-start: 0;
              height: 80px;
              float: right;
              padding-top: 20px;
              padding-right: 20px; }
              html body header .header-wrapper nav ul li {
                margin-block-start: 0;
                margin-block-end: 0;
                margin-inline-start: 0;
                margin-inline-end: 0;
                padding-inline-start: 0;
                -webkit-margin-before: 0;
                -webkit-margin-after: 0;
                -webkit-margin-start: 0;
                -webkit-margin-end: 0;
                -webkit-padding-start: 0;
                display: inline;
                background: none;
                height: 80px;
                margin-left: 1.5rem; }
                html body header .header-wrapper nav ul li:nth-child(odd) {
                  background: none; }
                html body header .header-wrapper nav ul li a {
                  height: 40px;
                  width: auto;
                  padding: 0 1rem;
                  border: transparent 1px solid; }
                  html body header .header-wrapper nav ul li a:hover:not(.flags) {
                    color: black;
                    border: white 1px solid;
                    background: #ccc; }
                html body header .header-wrapper nav ul li.instagram .social-item-link {
                  height: 40px;
                  padding: 0 1rem; }
                  html body header .header-wrapper nav ul li.instagram .social-item-link svg {
                    height: 14px; }
                html body header .header-wrapper nav ul li.instagram:hover .social-item-link {
                  color: black; }
                  html body header .header-wrapper nav ul li.instagram:hover .social-item-link svg {
                    height: 14px; } }
  html body .container {
    position: relative;
    height: 100vh;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 0; }
    html body .container main {
      position: relative;
      float: left;
      height: auto;
      width: 100vw;
      max-width: 1200px;
      top: 0;
      padding: 0; }
      html body .container main .gallery {
        -webkit-margin-before: 0 !important;
        -webkit-margin-after: 0 !important;
        -webkit-margin-start: 0 !important;
        -webkit-margin-end: 0 !important;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-inline-start: 0;
        padding: 70px 15px 50px;
        text-align: center;
        width: calc(100% - 30px);
        max-width: 1200px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        -ms-column-gap: 12px;
        -o-column-gap: 12px;
        column-gap: 12px; }
        @media only screen and (min-width: 550px) {
          html body .container main .gallery {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            -ms-column-count: 3;
            -o-column-count: 3;
            column-count: 3; } }
        @media only screen and (min-width: 1024px) {
          html body .container main .gallery {
            -webkit-column-count: 5;
            -moz-column-count: 5;
            -ms-column-count: 5;
            -o-column-count: 5;
            column-count: 5; } }
        @media only screen and (min-width: 1200px) {
          html body .container main .gallery {
            -webkit-column-count: 6;
            -moz-column-count: 6;
            -ms-column-count: 6;
            -o-column-count: 6;
            column-count: 6; } }
        html body .container main .gallery .item {
          break-inside: avoid;
          margin-bottom: -38px;
          cursor: pointer; }
          html body .container main .gallery .item h1 {
            position: relative;
            display: block;
            z-index: 9999;
            background: black;
            color: #fff;
            height: 25px;
            line-height: 2;
            font-size: .8em;
            font-family: "Thasadith", sans-serif;
            opacity: 0; }
            html body .container main .gallery .item h1.art-name {
              border-radius: 5px 5px 0 0;
              transform: translateY(100%); }
            html body .container main .gallery .item h1.art-type {
              border-radius: 0 0 5px 5px;
              transform: translateY(-100%); }
          html body .container main .gallery .item img {
            position: relative;
            width: 100%;
            display: block;
            vertical-align: top;
            border-radius: 5px;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
          @media only screen and (min-width: 1024px) {
            html body .container main .gallery .item:hover h1 {
              opacity: 1; }
            html body .container main .gallery .item:hover img {
              -webkit-transform: scale(0.95);
              -moz-transform: scale(0.95);
              -ms-transform: scale(0.95);
              -o-transform: scale(0.95);
              transform: scale(0.95);
              box-shadow: 0 9px 0 0 #fff, 0 -9px 0 0 #fff, 5px 0 0 0 #000, -5px 0 0 0 #000; } }
        html body .container main .gallery #overlay {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          background-color: black;
          z-index: 9999; }
          html body .container main .gallery #overlay .main-loader {
            border: 6px solid #f3f3f3;
            border-radius: 50%;
            border-top: 6px solid #3498db;
            width: 30px;
            height: 30px;
            -webkit-animation: spin 1.5s linear infinite;
            -moz-animation: spin 1.5s linear infinite;
            -ms-animation: spin 1.5s linear infinite;
            -o-animation: spin 1.5s linear infinite;
            animation: spin 1.5s linear infinite;
            position: absolute;
            margin-left: calc(50% - 18px);
            top: calc(50% - 18px); }
      html body .container main .contact .textPage {
        margin: 1rem 5%; }
        @media only screen and (min-width: 768px) {
          html body .container main .contact .textPage {
            margin: 0 25%; } }
        html body .container main .contact .textPage p {
          font-family: "Thasadith", sans-serif;
          margin-bottom: 1rem;
          text-align: center;
          line-height: 1.5; }
          @media only screen and (min-width: 768px) {
            html body .container main .contact .textPage p {
              text-align: left; } }
          html body .container main .contact .textPage p:nth-child(2) {
            margin-bottom: 2.0rem; }
      html body .container main .contact .formWrapper form .sent-wrapper {
        width: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
        margin-top: 100px; }
      html body .container main .contact .formWrapper form .success {
        font-family: "Thasadith", sans-serif;
        text-align: center;
        background: rgba(0, 0, 255, 0.7);
        color: white;
        height: 40px;
        border-radius: 5px;
        line-height: 2.5;
        padding: 0.5rem 1rem;
        margin: 0 5%; }
        html body .container main .contact .formWrapper form .success:empty {
          background: transparent; }
        @media only screen and (min-width: 768px) {
          html body .container main .contact .formWrapper form .success {
            margin: 0 40%; } }
      html body .container main .contact .formWrapper form .thankyou {
        font-family: "Thasadith", sans-serif;
        text-align: center;
        height: 80px;
        border-radius: 5px;
        line-height: 2.5;
        padding: 0.5rem 1rem;
        margin: 0 5%; }
        html body .container main .contact .formWrapper form .thankyou:empty {
          background: transparent; }
        @media only screen and (min-width: 768px) {
          html body .container main .contact .formWrapper form .thankyou {
            margin: 0 30%; } }
      html body .container main .contact .formWrapper form fieldset {
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-block-start: 0;
        padding-inline-start: 0;
        padding-inline-end: 0;
        padding-block-end: 0;
        min-inline-size: min-content;
        border-width: 0;
        margin: 2.5rem 5% 1.5rem;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          html body .container main .contact .formWrapper form fieldset {
            margin: 2.5rem 25% 1.5rem; } }
        html body .container main .contact .formWrapper form fieldset:nth-child(3) {
          margin: 0 5% 1.5rem; }
          @media only screen and (min-width: 768px) {
            html body .container main .contact .formWrapper form fieldset:nth-child(3) {
              margin: 0 25% 1.5rem; } }
        html body .container main .contact .formWrapper form fieldset:nth-child(4) {
          margin-top: 0; }
        html body .container main .contact .formWrapper form fieldset textarea, html body .container main .contact .formWrapper form fieldset input {
          font-family: "Thasadith", sans-serif;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          width: calc(100%);
          -webkit-appearance: textfield;
          background-color: white;
          -webkit-rtl-ordering: logical;
          cursor: text;
          padding: 0;
          border-width: 0;
          border-style: inset;
          border-color: initial;
          border-image: initial;
          outline: none;
          padding: 15px;
          border: 1px solid black; }
        html body .container main .contact .formWrapper form fieldset textarea {
          display: block;
          height: 160px;
          max-height: 160px;
          margin-bottom: 0;
          resize: none;
          line-height: 1.7; }
        html body .container main .contact .formWrapper form fieldset input, html body .container main .contact .formWrapper form fieldset textarea, html body .container main .contact .formWrapper form fieldset button {
          border: 1px solid #ccc;
          box-shadow: 1px 1px 13px #ccc;
          letter-spacing: 1.3px;
          font-size: .8rem; }
        html body .container main .contact .formWrapper form fieldset input:nth-child(3) {
          margin-bottom: 0; }
        html body .container main .contact .formWrapper form fieldset button {
          font-family: "Thasadith", sans-serif;
          cursor: pointer;
          display: block;
          padding: 1rem;
          margin: 0 auto 1rem;
          background: #F5F0EB;
          color: black;
          text-transform: uppercase;
          transition: all .2s; }
          @media only screen and (min-width: 768px) {
            html body .container main .contact .formWrapper form fieldset button {
              float: right; } }
          html body .container main .contact .formWrapper form fieldset button:hover {
            border-color: green;
            color: green;
            background: rgba(0, 255, 0, 0.2); }
        html body .container main .contact .formWrapper form fieldset span.error {
          font-family: "Thasadith", sans-serif;
          color: darkred;
          width: 100%;
          float: left;
          content: "";
          height: 30px;
          line-height: 2; }
          html body .container main .contact .formWrapper form fieldset span.error:nth-child(2) {
            margin-bottom: 1.5rem; }
          @media only screen and (min-width: 768px) {
            html body .container main .contact .formWrapper form fieldset span.error {
              text-align: left; } }
      html body .container main .about {
        display: flex;
        flex-direction: column;
        margin-top: calc(80px + 1.5rem); }
        html body .container main .about .width-33 {
          width: calc(1200px * 0.3333); }
        html body .container main .about .width-66 {
          width: calc(1200px * 0.6666); }
        html body .container main .about .width-100 {
          width: 100%; }
        html body .container main .about .column {
          display: flex;
          flex-direction: column; }
        html body .container main .about .row {
          display: flex;
          flex-direction: row;
          margin-bottom: 2rem; }
          @media only screen and (min-width: 1200px) {
            html body .container main .about .row {
              margin-bottom: 5rem; } }
          html body .container main .about .row:nth-child(1) {
            margin-bottom: 0; }
            html body .container main .about .row:nth-child(1) h1 {
              font-family: "Thasadith", sans-serif;
              text-transform: uppercase;
              font-size: 1.5rem;
              text-align: center;
              margin-bottom: 1.5rem; }
              @media only screen and (min-width: 1200px) {
                html body .container main .about .row:nth-child(1) h1 {
                  font-size: 3rem;
                  text-align: left;
                  margin-bottom: 2%;
                  padding: 2% 0; } }
          html body .container main .about .row:nth-child(2) {
            flex-direction: column; }
            @media only screen and (min-width: 1200px) {
              html body .container main .about .row:nth-child(2) {
                flex-direction: row; } }
            html body .container main .about .row:nth-child(2) .column.width-66 {
              width: 100%; }
              @media only screen and (min-width: 1200px) {
                html body .container main .about .row:nth-child(2) .column.width-66 {
                  width: calc(1200px * 0.6666); } }
            html body .container main .about .row:nth-child(2) .column.width-33 {
              width: 100%;
              margin-top: 2rem; }
              @media only screen and (min-width: 768px) {
                html body .container main .about .row:nth-child(2) .column.width-33 article {
                  display: inline-block;
                  flex-direction: row; }
                  html body .container main .about .row:nth-child(2) .column.width-33 article p {
                    width: calc(33.33% - 4rem);
                    margin: 0.5rem 2rem;
                    display: inline-block;
                    width: calc(33.33% - 4.2rem); } }
              @media only screen and (min-width: 1200px) {
                html body .container main .about .row:nth-child(2) .column.width-33 {
                  margin-top: 0;
                  width: calc(1200px * 0.3333); }
                  html body .container main .about .row:nth-child(2) .column.width-33 article {
                    display: block; }
                    html body .container main .about .row:nth-child(2) .column.width-33 article p {
                      width: unset;
                      margin: 0.5rem 2rem;
                      display: block; } }
          html body .container main .about .row:nth-child(3) .parallax.width-100 {
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../assets/heloisa/heloisa-europe-tour-02.jpg");
            height: 300px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative; }
            @media only screen and (min-width: 768px) {
              html body .container main .about .row:nth-child(3) .parallax.width-100 {
                background-attachment: local; } }
            @media only screen and (min-width: 1200px) {
              html body .container main .about .row:nth-child(3) .parallax.width-100 {
                background-image: url("../assets/obras/flowers-bowl.jpg");
                min-height: 500px;
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 75%; } }
          html body .container main .about .row:nth-child(4) {
            flex-direction: column; }
            @media only screen and (min-width: 768px) {
              html body .container main .about .row:nth-child(4) {
                display: inline-table; } }
            @media only screen and (min-width: 1200px) {
              html body .container main .about .row:nth-child(4) {
                display: flex;
                flex-direction: row; } }
            html body .container main .about .row:nth-child(4) article.width-33 {
              width: 100%; }
              @media only screen and (min-width: 768px) {
                html body .container main .about .row:nth-child(4) article.width-33 p {
                  -webkit-margin-before: 0;
                  -webkit-margin-after: 0;
                  width: calc(100% - 4rem); } }
              @media only screen and (min-width: 768px) {
                html body .container main .about .row:nth-child(4) article.width-33 {
                  width: 33.33%;
                  display: inline-table; } }
              @media only screen and (min-width: 1200px) {
                html body .container main .about .row:nth-child(4) article.width-33 {
                  width: calc(1200px * 0.3333);
                  display: flex; } }
          html body .container main .about .row:nth-child(5) {
            display: none;
            margin-bottom: 3rem; }
            @media only screen and (min-width: 1200px) {
              html body .container main .about .row:nth-child(5) {
                display: block; } }
            html body .container main .about .row:nth-child(5) .parallax {
              background-image: url("../assets/heloisa/heloisa-europe-tour-02.jpg"); }
          html body .container main .about .row:nth-child(6) {
            padding: 4rem 0; }
            html body .container main .about .row:nth-child(6) .fb-comments {
              margin: 0 auto; }
        html body .container main .about .parallax {
          background-image: url("../assets/obras/flowers-bowl.jpg");
          min-height: 400px;
          background-attachment: fixed;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 75%; }
          @media only screen and (min-width: 768px) {
            html body .container main .about .parallax {
              background-size: 100%;
              min-height: none; } }
          @media only screen and (min-width: 1200px) {
            html body .container main .about .parallax {
              background-size: 75%;
              min-height: 500px; } }
        html body .container main .about .hero-image {
          height: 300px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../assets/heloisa/heloisa-working.jpg"); }
          html body .container main .about .hero-image .caption {
            text-align: center;
            position: absolute;
            color: white;
            background: black;
            width: 100%;
            text-align: left;
            bottom: 0; }
            html body .container main .about .hero-image .caption p {
              padding-left: 1rem;
              font-size: .8rem;
              font-family: "Thasadith", sans-serif;
              line-height: 1.8; }
              @media only screen and (min-width: 1200px) {
                html body .container main .about .hero-image .caption p {
                  font-size: 1rem; } }
          @media only screen and (min-width: 768px) {
            html body .container main .about .hero-image {
              height: 400px; } }
          @media only screen and (min-width: 1200px) {
            html body .container main .about .hero-image {
              height: 100%; } }
        html body .container main .about article p {
          font-family: "Thasadith", sans-serif;
          font-size: .8rem;
          margin: 0.5rem 2rem;
          line-height: 1.7; }
          @media only screen and (min-width: 1200px) {
            html body .container main .about article p {
              font-size: 1.3rem; } }
  html body footer {
    bottom: 0;
    background: #F9FAFC;
    border-top: solid rgba(80, 80, 80, 0.1) 1px;
    width: 100%;
    height: 250px;
    float: left;
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 1200px) {
      html body footer {
        height: 300px; } }
    html body footer .container-footer {
      position: relative;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; }
      @media only screen and (min-width: 1200px) {
        html body footer .container-footer {
          margin-top: calc((300px - 135px) / 2); } }
      html body footer .container-footer h6 {
        font-family: "Thasadith", sans-serif;
        font-size: .8rem;
        margin-top: 30px; }
        html body footer .container-footer h6 a {
          text-decoration: none;
          color: unset; }
        html body footer .container-footer h6:last-child {
          color: #ccc; }
      html body footer .container-footer .web-developer {
        text-align: center;
        left: 0; }
        html body footer .container-footer .web-developer h6 {
          float: none;
          margin-bottom: 30px;
          margin-top: 35px; }
          @media only screen and (min-width: 1200px) {
            html body footer .container-footer .web-developer h6:nth-child(1) {
              margin-top: 0; } }
        html body footer .container-footer .web-developer a img {
          float: none;
          width: 70px;
          opacity: .3;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          -ms-transition: 0.2s;
          -o-transition: 0.2s;
          transition: 0.2s; }
        html body footer .container-footer .web-developer a:hover img {
          opacity: 1;
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1);
          -webkit-transform-origin: center center;
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          -o-transform-origin: center center;
          transform-origin: center center; }

@-webkit-keyframes blinpShadow {
  0%, 30%, 36%, 63%, 69%, 100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  33%, 66% {
    -webkit-box-shadow: 0px 0px 5px 5px white;
    -moz-box-shadow: 0px 0px 5px 5px white;
    -ms-box-shadow: 0px 0px 5px 5px white;
    -o-box-shadow: 0px 0px 5px 5px white;
    box-shadow: 0px 0px 5px 5px white; } }
@-moz-keyframes blinpShadow {
  0%, 30%, 36%, 63%, 69%, 100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  33%, 66% {
    -webkit-box-shadow: 0px 0px 5px 5px white;
    -moz-box-shadow: 0px 0px 5px 5px white;
    -ms-box-shadow: 0px 0px 5px 5px white;
    -o-box-shadow: 0px 0px 5px 5px white;
    box-shadow: 0px 0px 5px 5px white; } }
@-ms-keyframes blinpShadow {
  0%, 30%, 36%, 63%, 69%, 100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  33%, 66% {
    -webkit-box-shadow: 0px 0px 5px 5px white;
    -moz-box-shadow: 0px 0px 5px 5px white;
    -ms-box-shadow: 0px 0px 5px 5px white;
    -o-box-shadow: 0px 0px 5px 5px white;
    box-shadow: 0px 0px 5px 5px white; } }
@keyframes blinpShadow {
  0%, 30%, 36%, 63%, 69%, 100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  33%, 66% {
    -webkit-box-shadow: 0px 0px 5px 5px white;
    -moz-box-shadow: 0px 0px 5px 5px white;
    -ms-box-shadow: 0px 0px 5px 5px white;
    -o-box-shadow: 0px 0px 5px 5px white;
    box-shadow: 0px 0px 5px 5px white; } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

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