/*
* Heloisa Beatriz Watercolor & Stuff
* Copyright 2019
* Author: Paulo da Silva Pamplona (https://www.paulopamplona.com)
* Version 1.0
* Last Update: 11/29/2019
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:700,900|Thasadith");
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;
    width: calc(100% - 5px);
    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; }
    html body .container.art {
      max-width: unset; }
    html body .container main {
      position: relative;
      float: left;
      height: auto;
      width: 100vw;
      max-width: 1200px;
      top: 0;
      padding: 0;
      -webkit-box-shadow: 0 0 0 5px rgba(0, 255, 0, 0) inset;
      -moz-box-shadow: 0 0 0 5px rgba(0, 255, 0, 0) inset;
      -ms-box-shadow: 0 0 0 5px rgba(0, 255, 0, 0) inset;
      -o-box-shadow: 0 0 0 5px rgba(0, 255, 0, 0) inset;
      box-shadow: 0 0 0 5px rgba(0, 255, 0, 0) inset; }
      html body .container main.art {
        max-width: unset; }
      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: calc(80px + 1.2rem) 1.2rem 50px;
        text-align: center;
        width: calc(100% - 2.4rem);
        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: 1.2rem;
        -moz-column-gap: 1.2rem;
        -ms-column-gap: 1.2rem;
        -o-column-gap: 1.2rem;
        column-gap: 1.2rem; }
        @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 {
          padding-bottom: 8px;
          padding-top: 2px;
          margin-bottom: 20px;
          margin-top: -33px;
          break-inside: avoid; }
          html body .container main .gallery .item > div {
            width: 100%;
            height: 100%;
            overflow-y: hidden;
            overflow: hidden;
            margin-bottom: 25px;
            border-radius: 5px;
            -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
            -ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
            -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); }
            html body .container main .gallery .item > div:hover .item-overlay {
              background: black;
              opacity: .6; }
            html body .container main .gallery .item > div:hover img {
              -webkit-transform: scale(1.2);
              -moz-transform: scale(1.2);
              -ms-transform: scale(1.2);
              -o-transform: scale(1.2);
              transform: scale(1.2); }
          html body .container main .gallery .item figure {
            -webkit-margin-before: 0 !important;
            -webkit-margin-after: 0 !important;
            -webkit-margin-start: 0 !important;
            -webkit-margin-end: 0 !important;
            margin-block-start: 0 !important;
            margin-block-end: 0 !important;
            margin-inline-start: 0 !important;
            margin-inline-end: 0 !important;
            display: block;
            position: relative;
            cursor: pointer;
            border-radius: 5px; }
            html body .container main .gallery .item figure .item-overlay {
              position: absolute;
              height: 100%;
              width: 100%;
              z-index: 2;
              -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
              filter: alpha(opacity=0);
              border-radius: 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;
              -webkit-box-shadow: inset 0 0 50px #ccc;
              -moz-box-shadow: inset 0 0 50px #ccc;
              -ms-box-shadow: inset 0 0 50px #ccc;
              -o-box-shadow: inset 0 0 50px #ccc;
              box-shadow: inset 0 0 50px #ccc; }
            html body .container main .gallery .item figure .img-room, html body .container main .gallery .item figure img {
              position: relative;
              width: 100%;
              display: block;
              vertical-align: top;
              border-radius: 5px;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -ms-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s; }
            html body .container main .gallery .item figure .img-room {
              white-space: nowrap;
              overflow-x: auto;
              border-radius: 5px; }
              html body .container main .gallery .item figure .img-room .loader {
                position: absolute;
                width: 20px;
                height: 20px;
                top: calc(50% - 13px);
                margin-left: calc(50% - 13px);
                border: 6px solid #f3f3f3;
                border-radius: 50%;
                border-top: 6px solid #3498db;
                -webkit-animation: spin 2s linear infinite;
                -moz-animation: spin 2s linear infinite;
                -ms-animation: spin 2s linear infinite;
                -o-animation: spin 2s linear infinite;
                animation: spin 2s linear infinite; }
              html body .container main .gallery .item figure .img-room > div {
                background: rgba(0, 0, 0, 0.1); }
            html body .container main .gallery .item figure figcaption {
              position: absolute;
              width: 100%;
              z-index: 2;
              padding: 6.5% 0;
              color: white;
              text-align: center;
              text-transform: uppercase;
              font-size: 15px;
              font-family: "Thasadith", sans-serif;
              opacity: 1;
              font-weight: 100;
              font-size: .8em;
              background: rgba(0, 0, 0, 0.4);
              text-shadow: 0 0 5px #000; }
              html body .container main .gallery .item figure figcaption:focus {
                outline: none; }
              html body .container main .gallery .item figure figcaption:nth-of-type(1) {
                -webkit-transform: translateY(-105%);
                -moz-transform: translateY(-105%);
                -ms-transform: translateY(-105%);
                -o-transform: translateY(-105%);
                transform: translateY(-105%);
                -webkit-transition: transform 0.2s;
                -moz-transition: transform 0.2s;
                -ms-transition: transform 0.2s;
                -o-transition: transform 0.2s;
                transition: transform 0.2s; }
              html body .container main .gallery .item figure figcaption:nth-of-type(2) {
                bottom: 0;
                -webkit-transform: translateY(105%);
                -moz-transform: translateY(105%);
                -ms-transform: translateY(105%);
                -o-transform: translateY(105%);
                transform: translateY(105%);
                -webkit-transition: transform 0.2s;
                -moz-transition: transform 0.2s;
                -ms-transition: transform 0.2s;
                -o-transition: transform 0.2s;
                transition: transform 0.2s; }
          @media only screen and (min-width: 1024px) {
            html body .container main .gallery .item:hover figure figcaption:nth-of-type(1) {
              -webkit-transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0); }
            html body .container main .gallery .item:hover figure figcaption:nth-of-type(2) {
              -webkit-transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0); } }
          html body .container main .gallery .item:nth-of-type(2) {
            margin-top: 0; }
          html body .container main .gallery .item::after {
            content: "";
            margin-bottom: 2rem; }
        html body .container main .gallery #overlay {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          background-color: black;
          z-index: 900; }
          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 .container main article[id^="galleryItemContent"] {
        position: fixed;
        top: 0;
        z-index: 901;
        overflow: visible;
                        /*
                        &.hasBottomRoom {
                            
                            .flip-card-inner {
                                
                                .flip-card-front {
                                    
                                    button {
                                        
                                        &:nth-child(2) {
                                            @include transform(translate(-100%, 0%) scale(.8));

                                            @include MQ(L) {

                                                &:hover {
                                                    @include transform(translate(-100%, 0%) scale(.85));
                                                }
                                            }
                                        }

                                        &:nth-child(3) {
                                            @include transform(translate(0%, 0%) scale(.8));

                                            @include MQ(L) {

                                                &:hover {
                                                    @include transform(translate(0%, 0%) scale(.85));
                                                }
                                            }
                                            
                                            &.active {
                                                background: black;
                                                color: white;
                                                
                                                &:hover {
                                                    background: white;
                                                    color: black;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }*/ }
        html body .container main article[id^="galleryItemContent"] .comments-wrapper {
          position: absolute;
          background: white;
          border-radius: 3px;
          box-shadow: 2px 2px 1px lightslategrey;
          border: 1px lightslategrey solid;
          -webkit-transition: 0.5s all;
          -moz-transition: 0.5s all;
          -ms-transition: 0.5s all;
          -o-transition: 0.5s all;
          transition: 0.5s all;
          top: 200%; }
          html body .container main article[id^="galleryItemContent"] .comments-wrapper.visible {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
          html body .container main article[id^="galleryItemContent"] .comments-wrapper .quitComment {
            z-index: 999;
            position: absolute;
            outline: none;
            cursor: pointer;
            background: #ccc;
            width: 50px;
            height: 50px;
            color: white;
            border-radius: 50%;
            top: 0;
            left: 50%;
            border-color: #ccc;
            box-shadow: 2px 2px 13px black;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: 0.2s all;
            -moz-transition: 0.2s all;
            -ms-transition: 0.2s all;
            -o-transition: 0.2s all;
            transition: 0.2s all; }
            html body .container main article[id^="galleryItemContent"] .comments-wrapper .quitComment i.material-icons {
              color: black;
              font-size: 2.2rem;
              margin-top: 2px; }
            html body .container main article[id^="galleryItemContent"] .comments-wrapper .quitComment:hover {
              -webkit-transform: translate(-50%, -50%) scale(1.2);
              -moz-transform: translate(-50%, -50%) scale(1.2);
              -ms-transform: translate(-50%, -50%) scale(1.2);
              -o-transform: translate(-50%, -50%) scale(1.2);
              transform: translate(-50%, -50%) scale(1.2); }
        html body .container main article[id^="galleryItemContent"] .btns-wrapper {
          position: fixed;
          display: none;
          opacity: 1;
          z-index: 999;
          top: 0; }
          html body .container main article[id^="galleryItemContent"] .btns-wrapper button {
            width: 66px;
            height: 66px;
            cursor: pointer;
            position: absolute;
            text-decoration: none;
            z-index: 902;
            outline: none;
            background-color: rgba(0, 0, 0, 0.4);
            border: 1px solid transparent;
            -webkit-box-shadow: 0.5px 0.5px 9px 0.5px black;
            -moz-box-shadow: 0.5px 0.5px 9px 0.5px black;
            -ms-box-shadow: 0.5px 0.5px 9px 0.5px black;
            -o-box-shadow: 0.5px 0.5px 9px 0.5px black;
            box-shadow: 0.5px 0.5px 9px 0.5px black;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -ms-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            -webkit-transition-property: background-color, border, transform;
            -moz-transition-property: background-color, border, transform;
            -ms-transition-property: background-color, border, transform;
            -o-transition-property: background-color, border, transform;
            transition-property: background-color, border, transform; }
            html body .container main article[id^="galleryItemContent"] .btns-wrapper button span {
              position: absolute;
              display: block;
              content: "";
              width: 60%;
              height: 1.5px;
              background: #ccc;
              -webkit-transition: 0.2s;
              -moz-transition: 0.2s;
              -ms-transition: 0.2s;
              -o-transition: 0.2s;
              transition: 0.2s;
              -webkit-transition-property: background;
              -moz-transition-property: background;
              -ms-transition-property: background;
              -o-transition-property: background;
              transition-property: background; }
            html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close {
              border-radius: 0 0 0 50%; }
              @media only screen and (min-width: 1024px) {
                html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close {
                  border-radius: 50%; } }
              html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close span {
                margin-left: 6px; }
                html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close span:nth-child(1) {
                  height: 2px;
                  margin-top: -1px;
                  -webkit-transform: rotate(45deg);
                  -moz-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                  -o-transform: rotate(45deg);
                  transform: rotate(45deg); }
                html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close span:nth-child(2) {
                  top: 48%;
                  -webkit-transform: rotate(-45deg);
                  -moz-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                  -o-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
              @media only screen and (min-width: 1024px) {
                html body .container main article[id^="galleryItemContent"] .btns-wrapper button.close:hover {
                  -webkit-transform: rotate(90deg);
                  -moz-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                  -o-transform: rotate(90deg);
                  transform: rotate(90deg);
                  transform-origin: center; } }
          html body .container main article[id^="galleryItemContent"] .btns-wrapper.visible {
            display: block; }
            html body .container main article[id^="galleryItemContent"] .btns-wrapper.visible button.close span {
              -webkit-animation: blinpShadow 4s 0.3s 2;
              -moz-animation: blinpShadow 4s 0.3s 2;
              -ms-animation: blinpShadow 4s 0.3s 2;
              -o-animation: blinpShadow 4s 0.3s 2;
              animation: blinpShadow 4s 0.3s 2; }
        html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer {
          position: relative;
          display: flex;
          text-align: center;
          transition: transform 0.6s; }
          html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner {
            position: relative; }
            html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure {
              width: 100%;
              margin-bottom: 0; }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure img {
                max-width: 1200px;
                height: unset;
                width: calc(100vw - 30px);
                margin-left: 0;
                opacity: 1;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
                -webkit-transition: 0.1s;
                -moz-transition: 0.1s;
                -ms-transition: 0.1s;
                -o-transition: 0.1s;
                transition: 0.1s; }
                html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure img.hidden {
                  opacity: 0; }
                  @media only screen and (min-width: 1024px) {
                    html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure img.hidden {
                      opacity: 1; } }
                @media only screen and (min-width: 1200px) {
                  html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure img {
                    max-width: calc(1200px - 30px - 5vw); } }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner figure figcaption {
                color: white;
                margin: 1.5em;
                margin-bottom: 0;
                font-weight: 600;
                letter-spacing: 1px;
                padding-bottom: 1em;
                font-family: "Thasadith", sans-serif;
                text-transform: uppercase;
                text-align: center;
                display: none; }
            html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner .fb_iframe_widget {
              -webkit-transform: translateY(-150%);
              -moz-transform: translateY(-150%);
              -ms-transform: translateY(-150%);
              -o-transform: translateY(-150%);
              transform: translateY(-150%); }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner .fb_iframe_widget.ui.facebook.button i.material-icons {
                pointer-events: none; }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner .fb_iframe_widget.ui.facebook.button span {
                width: 100% !important;
                height: 100% !important;
                position: absolute;
                transform: translate(-25%, -25%); }
                html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner .fb_iframe_widget.ui.facebook.button span iframe {
                  width: 100% !important;
                  height: 100% !important;
                  position: absolute;
                  opacity: 0; }
                  html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner .fb_iframe_widget.ui.facebook.button span iframe a._2vmz {
                    position: absolute;
                    height: 200px;
                    width: 200px;
                    top: 0;
                    right: 0;
                    z-index: 99999; }
            html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button {
              outline: none;
              position: fixed;
              cursor: pointer;
              box-shadow: 1px 1px 5px black;
              color: white;
              background: #4167B2;
              font-size: 1.2rem;
              font-weight: 500;
              -webkit-transform: translate(-50%, -125%) scale(0.8);
              -moz-transform: translate(-50%, -125%) scale(0.8);
              -ms-transform: translate(-50%, -125%) scale(0.8);
              -o-transform: translate(-50%, -125%) scale(0.8);
              transform: translate(-50%, -125%) scale(0.8);
              letter-spacing: 1.2px;
              height: 60px;
              width: 60px;
              -webkit-transition: 0.2s all;
              -moz-transition: 0.2s all;
              -ms-transition: 0.2s all;
              -o-transition: 0.2s all;
              transition: 0.2s all; }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button i.material-icons {
                font-size: 30px; }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:nth-child(2) {
                -webkit-transform: translate(-100%, -125%) scale(0.8);
                -moz-transform: translate(-100%, -125%) scale(0.8);
                -ms-transform: translate(-100%, -125%) scale(0.8);
                -o-transform: translate(-100%, -125%) scale(0.8);
                transform: translate(-100%, -125%) scale(0.8); }
                @media only screen and (min-width: 1024px) {
                  html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:nth-child(2):hover {
                    -webkit-transform: translate(-100%, -125%) scale(0.85);
                    -moz-transform: translate(-100%, -125%) scale(0.85);
                    -ms-transform: translate(-100%, -125%) scale(0.85);
                    -o-transform: translate(-100%, -125%) scale(0.85);
                    transform: translate(-100%, -125%) scale(0.85); } }
              html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:nth-child(3) {
                -webkit-transform: translate(0%, -125%) scale(0.8);
                -moz-transform: translate(0%, -125%) scale(0.8);
                -ms-transform: translate(0%, -125%) scale(0.8);
                -o-transform: translate(0%, -125%) scale(0.8);
                transform: translate(0%, -125%) scale(0.8); }
                @media only screen and (min-width: 1024px) {
                  html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:nth-child(3):hover {
                    -webkit-transform: translate(0%, -125%) scale(0.85);
                    -moz-transform: translate(0%, -125%) scale(0.85);
                    -ms-transform: translate(0%, -125%) scale(0.85);
                    -o-transform: translate(0%, -125%) scale(0.85);
                    transform: translate(0%, -125%) scale(0.85); } }
                html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:nth-child(3).active {
                  background: black;
                  color: white; }
              @media only screen and (min-width: 1024px) {
                html body .container main article[id^="galleryItemContent"] .figure-wrapper-outer .figure-wrapper-inner button:hover {
                  color: black;
                  background: white;
                  border-color: black; } }
        html body .container main article[id^="galleryItemContent"] a.btn-swiper {
          display: none;
          text-decoration: none;
          opacity: 0.5;
          -webkit-transition: 0.2s opacity;
          -moz-transition: 0.2s opacity;
          -ms-transition: 0.2s opacity;
          -o-transition: 0.2s opacity;
          transition: 0.2s opacity; }
          html body .container main article[id^="galleryItemContent"] a.btn-swiper.visible {
            display: block; }
          @media only screen and (min-width: 1024px) {
            html body .container main article[id^="galleryItemContent"] a.btn-swiper:hover {
              opacity: 1; }
              html body .container main article[id^="galleryItemContent"] a.btn-swiper:hover span {
                box-shadow: inset 2px -2px 0px rgba(199, 234, 70, 0.8);
                border-color: rgba(4, 196, 125, 0.8); } }
          html body .container main article[id^="galleryItemContent"] a.btn-swiper span {
            position: fixed;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 9999;
            border-color: rgba(0, 0, 0, 0.9);
            border-style: solid;
            -webkit-transform: translateY(-50%) rotate(45deg);
            -moz-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            -o-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            top: 50vh;
            animation-name: artsNav;
            animation-duration: 1.5s;
            animation-timing-function: linear;
            animation-iteration-count: 6;
            opacity: 0; }
            @media only screen and (min-width: 1024px) {
              html body .container main article[id^="galleryItemContent"] a.btn-swiper span {
                opacity: 0.5;
                animation-iteration-count: infinite;
                border-color: rgba(0, 0, 0, 0.4); } }
          html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span {
            border-width: 0 0 2px 2px;
            box-shadow: inset 2px -2px 0px rgba(255, 255, 255, 0.4); }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(1) {
              left: 30px;
              animation-delay: 0; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(2) {
              left: 45px;
              animation-delay: .15s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(3) {
              left: 60px;
              animation-delay: .3s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(4) {
              left: 75px;
              animation-delay: .45s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(5) {
              left: 90px;
              animation-delay: .6s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(6) {
              left: 105px;
              animation-delay: .75s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(7) {
              left: 120px;
              animation-delay: .9s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-prev span:nth-child(8) {
              left: 135px;
              animation-delay: 1.05s; }
          html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span {
            border-width: 2px 2px 0px 0;
            box-shadow: inset -2px 2px 0px rgba(255, 255, 255, 0.4); }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(1) {
              right: 30px;
              animation-delay: 0; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(2) {
              right: 45px;
              animation-delay: .15s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(3) {
              right: 60px;
              animation-delay: .3s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(4) {
              right: 75px;
              animation-delay: .45s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(5) {
              right: 90px;
              animation-delay: .6s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(6) {
              right: 105px;
              animation-delay: .75s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(7) {
              right: 120px;
              animation-delay: .9s; }
            html body .container main article[id^="galleryItemContent"] a.btn-swiper.btn-next span:nth-child(8) {
              right: 135px;
              animation-delay: 1.05s; }
  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 artsNav {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes artsNav {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes artsNav {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes artsNav {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-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=main.css.map */