html, body {
  font-size: 9px; }
  @media (min-width: 576px) {
    html, body {
      font-size: 13.5px; } }
  @media (min-width: 992px) {
    html, body {
      font-size: 18px; } }

.custom-slick-prev, .custom-slick-next {
  font-size: 3rem;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: white;
  border: none;
  outline: 0;
  z-index: 10;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5); }

.custom-slick-prev {
  left: 0; }

.custom-slick-next {
  right: 0; }

.slick-arrow {
  background-color: #BC4546; }

.text-theme {
  color: #562E37; }

.overflow-hidden {
  overflow: hidden; }

.mt-navbar {
  margin-top: 60px; }

.navbar-custom {
  background-color: #562E37;
  height: 60px; }
  .navbar-custom .navbar-brand {
    color: #DE001C; }
  .navbar-custom .nav-item {
    background-color: #562E37;
    border: 0px; }
    .navbar-custom .nav-item .nav-link {
      line-height: 60px;
      color: #C7B5A3;
      text-transform: uppercase;
      padding: 0; }
    .navbar-custom .nav-item .nav-link.small {
      font-size: .6rem; }
    .navbar-custom .nav-item.active .nav-link {
      color: #D75455; }
  .navbar-custom .show .navbar-nav {
    position: fixed; }
  .navbar-custom .show .navbar-nav, .navbar-custom .collapsing .navbar-nav {
    z-index: 10;
    background-color: #562E37;
    min-height: 100vh;
    right: 0px; }
  .navbar-custom .show .nav-item, .navbar-custom .collapsing .nav-item {
    margin-left: 2rem;
    height: 10vh;
    line-height: 10vh; }

.cover {
  height: 100vh;
  background-size: cover; }
  .cover .logo-n-slogans {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 5rem; }
    @media (min-width: 992px) {
      .cover .logo-n-slogans {
        right: 10rem;
        bottom: 5rem; } }
  .cover .logo {
    transform-origin: .5 .5;
    transform: scale(0.6); }
    @media (min-width: 992px) {
      .cover .logo {
        transform: scale(1); } }
  .cover .slogan-1 {
    color: #E3E3E3;
    letter-spacing: 1rem;
    margin-right: -1rem;
    line-height: 1.5rem;
    text-shadow: 2px 2px 8px #666666; }
  .cover .slogan-2 {
    font-size: .66rem;
    color: #E3E3E3;
    letter-spacing: .33rem;
    line-height: 1rem;
    text-shadow: 2px 2px 8px #666666; }

footer {
  background-color: #562E37;
  color: white; }

#opening {
  background-color: white;
  height: 100vh; }

.dragonfly {
  position: absolute;
  width: 100px;
  height: 100px; }
  @media (min-width: 576px) {
    .dragonfly {
      width: 200px;
      height: 200px; } }
  @media (min-width: 992px) {
    .dragonfly {
      width: 300px;
      height: 300px; } }

#dragonfly-a {
  top: -100px;
  right: 15%;
  display: none; }

#dragonfly-b {
  top: 0;
  right: 5%;
  display: none; }

#dragonfly-c {
  top: 20vh;
  right: 5%;
  display: none; }

#dragonfly-d {
  top: 30vh;
  right: 10%;
  display: none; }

#dragonfly-b2 {
  top: 90vh;
  left: -10%;
  display: none; }

#dragonfly-d2 {
  top: 30vh;
  left: 10%;
  display: none; }

#cover {
  clip-path: circle(0 at 50% 20%); }

#main-logo {
  position: relative;
  top: 60vh;
  font-size: 8rem;
  text-align: center; }

.background {
  background-image: url("../images/background.jpg");
  position: absolute;
  z-index: -100; }

section {
  margin-top: 6rem; }
  section .section-title {
    margin-left: 1.5rem;
    font-size: 4rem;
    color: rgba(0, 0, 0, 0.4);
    text-transform: uppercase; }

.philosophy .section-title {
  margin-bottom: -2.5rem; }
.philosophy .title-bar {
  content: ' ';
  display: block;
  height: .4rem;
  width: 2.5rem;
  background-color: #D75455; }
.philosophy .background {
  height: 60rem;
  width: 50vw; }
  @media (min-width: 576px) {
    .philosophy .background {
      height: 50rem; } }
  @media (min-width: 992px) {
    .philosophy .background {
      height: 70rem; } }
.philosophy .body {
  height: 60rem; }
  @media (min-width: 576px) {
    .philosophy .body {
      height: 50rem; } }
  @media (min-width: 992px) {
    .philosophy .body {
      height: 70rem; } }
  .philosophy .body h1 {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    color: white;
    z-index: 10; }
  .philosophy .body .nav {
    letter-spacing: 2px;
    margin-top: 6rem;
    margin-bottom: 6rem;
    border-bottom: 2px solid rgba(188, 69, 70, 0.5); }
    .philosophy .body .nav .nav-link {
      color: #BC4546; }
      .philosophy .body .nav .nav-link.active {
        border-bottom: 3px solid #BC4546;
        margin-bottom: -3px; }
  .philosophy .body .intro {
    line-height: 1.4rem; }
    @media (min-width: 576px) {
      .philosophy .body .intro {
        line-height: 2.5rem; } }
  .philosophy .body .img-0 {
    transform-origin: 0 0;
    width: calc(900px * .4);
    transform: translateX(-35vw); }
    @media (min-width: 576px) {
      .philosophy .body .img-0 {
        width: calc(900px * .64);
        transform: translateX(-18vw); } }
    @media (min-width: 992px) {
      .philosophy .body .img-0 {
        width: 900px;
        transform: translateX(0); } }

.artist .title-bar {
  content: ' ';
  display: block;
  height: .4rem;
  width: 5.25rem;
  background-color: #D75455; }
@media (min-width: 576px) {
  .artist .body {
    margin-top: 35vh; } }
@media (min-width: 992px) {
  .artist .body {
    margin-top: 25vh; } }
.artist .body h6 {
  font-size: 1.2rem;
  line-height: 1.7rem; }
  @media (min-width: 992px) {
    .artist .body h6 {
      font-size: 3rem;
      line-height: 4rem; } }
.artist .body .portrait {
  width: 220px;
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5); }
  @media (min-width: 576px) {
    .artist .body .portrait {
      width: 396px;
      margin-top: -400px; } }
  @media (min-width: 992px) {
    .artist .body .portrait {
      width: 653px;
      margin-top: -550px; } }
.artist .body .sign {
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: 100% 100%;
  transform: scale(0.5);
  fill: white; }
  @media (min-width: 576px) {
    .artist .body .sign {
      bottom: 100px;
      left: -300px;
      transform: scale(0.3);
      fill: black; } }
  @media (min-width: 992px) {
    .artist .body .sign {
      left: -500px;
      transform: scale(0.3); } }
.artist .body .intro {
  background-color: #D75455;
  color: white;
  line-height: 1.3rem; }
  @media (min-width: 992px) {
    .artist .body .intro {
      line-height: 2.25rem; } }
.artist .body h1 {
  margin-top: -1.5rem;
  text-align: center;
  transform-origin: 50% 50%;
  transform: rotate(90deg);
  letter-spacing: .4rem; }
  @media (min-width: 992px) {
    .artist .body h1 {
      font-size: 4rem;
      line-height: 2.25rem; } }

.artworks .section-title {
  margin-right: 10rem; }
.artworks .title-bar {
  content: ' ';
  display: block;
  height: .4rem;
  width: 7rem;
  background-color: #D75455; }
.artworks h1 {
  margin-top: 3rem;
  margin-right: 5rem; }
  @media (min-width: 992px) {
    .artworks h1 {
      margin-right: 8rem;
      margin-bottom: -3rem; } }
.artworks .gallery {
  font-size: 1.5rem;
  letter-spacing: 1.2rem;
  text-transform: uppercase;
  font-weight: bold; }
.artworks img.main {
  margin-left: 0px; }
  @media (min-width: 992px) {
    .artworks img.main {
      margin-left: 6rem; } }
.artworks .body {
  padding-top: 160px; }
  @media (min-width: 576px) {
    .artworks .body {
      padding-top: 350px; } }
  @media (min-width: 992px) {
    .artworks .body {
      padding-top: 450px; } }
  .artworks .body .gallery-background {
    background-color: rgba(199, 181, 163, 0.4); }
  .artworks .body .carousel-caption {
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 0;
    color: white;
    border: none;
    line-height: 2rem;
    background-color: #888888; }
  .artworks .body .watch-more {
    background: #BC4546;
    color: white;
    border: none;
    outline: none;
    line-height: 2rem;
    letter-spacing: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    @media (min-width: 576px) {
      .artworks .body .watch-more {
        background: inherit;
        color: #BC4546;
        box-shadow: none;
        font-size: 1.5rem; } }
  .artworks .body .img-shadowed {
    box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.4); }

.in-the-studio .title-bar {
  content: ' ';
  display: block;
  height: .4rem;
  width: 14.5rem;
  background-color: #D75455; }
.in-the-studio .body {
  padding-bottom: 8rem; }
  .in-the-studio .body h1 {
    position: absolute;
    top: 50%;
    right: 10px; }
  .in-the-studio .body .img-shadowed {
    box-shadow: -4px 4px 12px 0 rgba(0, 0, 0, 0.4); }
  .in-the-studio .body .background {
    right: 0px;
    width: 50vw;
    height: 75rem; }
    @media (min-width: 576px) {
      .in-the-studio .body .background {
        height: 90rem; } }
    @media (min-width: 992px) {
      .in-the-studio .body .background {
        height: 75rem; } }
  .in-the-studio .body .imgs {
    position: absolute;
    right: 0;
    top: 135px; }
    @media (min-width: 576px) {
      .in-the-studio .body .imgs {
        top: 270px; } }
    @media (min-width: 992px) {
      .in-the-studio .body .imgs {
        top: 540px; } }
  .in-the-studio .body .img-0 {
    width: 98px; }
    @media (min-width: 576px) {
      .in-the-studio .body .img-0 {
        width: 195px; } }
    @media (min-width: 992px) {
      .in-the-studio .body .img-0 {
        width: 260px; } }
  .in-the-studio .body .img-1 {
    width: 46px; }
    @media (min-width: 576px) {
      .in-the-studio .body .img-1 {
        width: 92px; } }
    @media (min-width: 992px) {
      .in-the-studio .body .img-1 {
        width: 122px; } }

.medias .section-title::after {
  content: ' ';
  display: block;
  height: .4rem;
  width: 14rem;
  background-color: #D75455; }
@media (min-width: 992px) {
  .medias h1 {
    position: absolute;
    right: -6rem;
    bottom: -5rem;
    text-align: center;
    transform-origin: 50% 50%;
    transform: rotate(90deg);
    letter-spacing: .4rem; } }
.medias h3 {
  text-transform: uppercase; }
  .medias h3::after {
    content: ' ';
    display: block;
    height: .4rem;
    width: 6rem;
    background-color: #D75455;
    margin-left: 1.5rem; }
.medias .caption {
  color: white;
  position: absolute;
  text-transform: uppercase;
  font-size: 1.5em;
  top: calc(50% - 1.5em);
  bottom: calc(50% - 1.5em);
  letter-spacing: .25rem;
  left: 0;
  right: 0;
  text-align: center; }
.medias .img-link {
  cursor: pointer;
  transition: all .5s;
  font-size: 2rem; }
  @media (min-width: 992px) {
    .medias .img-link {
      font-size: 1.5rem; } }
  .medias .img-link:hover {
    transform-origin: .5 .5;
    transform: scale(1.2);
    z-index: 10; }
@media (min-width: 992px) {
  .medias .caption-left {
    bottom: 0;
    top: calc(100% - 3em);
    left: 1rem;
    text-align: left; } }
@media (min-width: 992px) {
  .medias .caption-right {
    bottom: 0;
    top: calc(100% - 3em);
    right: 1rem;
    text-align: right; } }
.medias .background.right {
  position: absolute;
  background: rgba(188, 69, 70, 0.1);
  width: 60vw;
  right: 0;
  height: 230px; }
  @media (min-width: 576px) {
    .medias .background.right {
      height: 500px; } }
  @media (min-width: 992px) {
    .medias .background.right {
      height: 630px;
      right: 17%;
      width: 40vw; } }
.medias .know-more {
  background: #BC4546;
  position: relative;
  color: white;
  border: none;
  outline: none;
  line-height: 2rem;
  letter-spacing: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 1rem;
  right: 0;
  z-index: 1000; }
  @media (min-width: 576px) {
    .medias .know-more {
      background-color: transparent;
      color: #BC4546;
      box-shadow: none; } }
  @media (min-width: 992px) {
    .medias .know-more {
      right: 17%; } }
.medias .news .custom-slick-prev {
  top: 4rem; }
  @media (min-width: 576px) {
    .medias .news .custom-slick-prev {
      left: 1.5rem; } }
  @media (min-width: 576px) {
    .medias .news .custom-slick-prev {
      top: 50%; } }
.medias .news .custom-slick-next {
  top: 4rem;
  right: 1rem; }
  @media (min-width: 576px) {
    .medias .news .custom-slick-next {
      right: 1.5rem; } }
  @media (min-width: 576px) {
    .medias .news .custom-slick-next {
      top: 50%; } }
.medias .videos .slick-slide {
  transition: all .5s;
  transform-origin: 50% 50%;
  transform: scale(0.5);
  margin-left: -4rem;
  margin-right: -4rem;
  z-index: 1;
  position: relative; }
  @media (min-width: 992px) {
    .medias .videos .slick-slide {
      margin-left: -8rem;
      margin-right: -8rem; } }
.medias .videos .slick-active {
  transform: scale(1);
  z-index: 10; }
.medias .videos .custom-slick-prev {
  left: 2rem; }
  @media (min-width: 992px) {
    .medias .videos .custom-slick-prev {
      left: 6rem; } }
.medias .videos .custom-slick-next {
  right: 2rem; }
  @media (min-width: 992px) {
    .medias .videos .custom-slick-next {
      right: 6rem; } }

.footer {
  background-color: #562E37; }
  .footer h2 {
    color: #C7B5A3;
    opacity: .4;
    font-family: PingFangHK-Regular;
    font-size: 4rem;
    text-transform: uppercase; }
    .footer h2::after {
      content: ' ';
      display: block;
      height: .4rem;
      width: 18rem;
      background-color: #D75455; }
  .footer h1 {
    color: white;
    text-align: center;
    transform-origin: 50% 50%;
    transform: rotate(90deg);
    letter-spacing: .4rem; }
  .footer .icon {
    display: inline-block;
    text-align: center;
    line-height: 1.4em;
    width: 1.4em;
    height: 1.4em;
    background-color: white;
    border-radius: 50%; }
    @media (min-width: 992px) {
      .footer .icon {
        line-height: 2.1em;
        width: 2.1em;
        height: 2.1em; } }
  .footer .contact-info {
    color: white;
    letter-spacing: .1rem; }
  .footer .copyright {
    opacity: 0.5;
    font-family: Helvetica;
    font-size: .5rem;
    color: #FFFFFF;
    letter-spacing: 0.33px; }
  .footer .img-shadowed {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

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