.is--visible--scrl { -webkit-animation: fadeInScroll .5s ease-in-out .2s forwards; animation: fadeInScroll .5s ease-in-out .2s forwards; }

@-webkit-keyframes fadeInScroll { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

@keyframes fadeInScroll { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

@-webkit-keyframes pop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  70% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  100% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } }

@keyframes pop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  70% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  100% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } }

@-webkit-keyframes scale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(2.8); transform: scale(2.8); }
  70% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes scale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(2.8); transform: scale(2.8); }
  70% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(-45px, 0, 0);
            transform: translate3d(-45px, 0, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0); }
  90% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(-45px, 0, 0);
            transform: translate3d(-45px, 0, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0); }
  90% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } }

@-webkit-keyframes slideLeft { 0% { -webkit-transform: scale(0); transform: scale(0);
    opacity: 0; }
  50% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  70% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

@keyframes slideLeft { 0% { -webkit-transform: scale(0); transform: scale(0);
    opacity: 0; }
  50% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  70% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes slideRight { 0% { -webkit-transform: scale(0); transform: scale(0);
    opacity: 0; }
  50% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  70% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

@keyframes slideRight { 0% { -webkit-transform: scale(0); transform: scale(0);
    opacity: 0; }
  50% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  70% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
    visibility: visible; }
  50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeIn { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
    visibility: visible; }
  50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  50% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
  100% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } }

@keyframes fadeUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  50% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
  100% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } }

@-webkit-keyframes fillInFade { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fillInFade { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes slideIn { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideIn { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn-left { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeIn-left { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn-right { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeIn-right { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes headerBounce { 0% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  50% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes headerBounce { 0% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  50% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideLeft--1 { 0% { opacity: 0;
    -webkit-transform: translate3d(-170px, 0px, 0);
            transform: translate3d(-170px, 0px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideLeft--1 { 0% { opacity: 0;
    -webkit-transform: translate3d(-170px, 0px, 0);
            transform: translate3d(-170px, 0px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideRight--1 { 0% { opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(170px, 0, 0);
            transform: translate3d(170px, 0, 0); } }

@keyframes slideRight--1 { 0% { opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0);
            transform: translate3d(0px, 0px, 0); }
  50% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: translate3d(170px, 0, 0);
            transform: translate3d(170px, 0, 0); } }

@-webkit-keyframes zoom-up { 0%, 20% { opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0); }
  20%, 50% { opacity: .8;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  50%, 100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

@keyframes zoom-up { 0%, 20% { opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0); }
  20%, 50% { opacity: .8;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  50%, 100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

*, *::after, *::before { margin: 0; padding: 0; box-sizing: inherit; -webkit-font-smoothing: antialiased; }

html { font-size: 62.5%; }

@media only screen and (max-width: 75em) { html { font-size: 56.25%; } }

@media only screen and (max-width: 56.25em) { html { font-size: 50%; } }

body { box-sizing: border-box; background-color: #f6f6f6; position: relative; }

ul li { list-style-type: none; }

a { text-decoration: none; color: inherit; cursor: pointer; }

.main__wrapper { background: #fff; padding: 2rem; z-index: 0; }

@media only screen and (max-width: 37.5em) { .main__wrapper { background: #333; } }

.body__wrapper { max-width: 1270px; margin: 0 auto 0; position: relative; z-index: 200; margin-bottom: 500px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); background: #fff; }

@media only screen and (min-width: 200px) and (max-width: 599px) { .body__wrapper { background: #333; } }

button#submit { padding: 0; border: none; font: inherit; color: inherit; background-color: transparent; cursor: pointer; display: inline-block; text-align: center; text-decoration: none; margin: 2px 8px; border: 1px solid transparent; border-radius: 4px; padding: .70rem 3rem; color: #666; background-color: #fff; transition: all 350ms ease-in-out; }

button#submit:hover { color: #fff; background-color: #333; }

body { font-weight: 400; font-size: 2rem; }

p { font-family: 'open sans', serif; font-size: 1.8rem; font-weight: 300; line-height: 1.5; letter-spacing: 1px; margin: 10px 0px; }

.spacing { margin: .75rem; }

h1 span { color: #fff; font-family: 'Mouse Memoirs', sans-serif; font-size: 16rem; display: inline-block; letter-spacing: -9px; text-shadow: 3px 3px rgba(0, 0, 0, 0.3); text-transform: uppercase; font-weight: 500; -webkit-text-stroke: 1px #464646; text-stroke: 1px #464646; -webkit-animation: headerBounce .3s ease-in forwards; animation: headerBounce .3s ease-in forwards; }

@media only screen and (min-width: 200px) and (max-width: 415px) { h1 span { letter-spacing: -1px; } }

@media only screen and (min-width: 200px) and (max-width: 411px) { h1 span { font-size: 31vw; } }

h1 span:nth-child(1) { -webkit-animation-delay: .05s; animation-delay: .05s; }

h1 span:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

h1 span:nth-child(3) { -webkit-animation-delay: .15s; animation-delay: .15s; }

h1 span:nth-child(4) { -webkit-animation-delay: .2s; animation-delay: .2s; }

h1 span:nth-child(5) { -webkit-animation-delay: .25s; animation-delay: .25s; }

h1 span:nth-child(6) { -webkit-animation-delay: .3s; animation-delay: .3s; }

h1 span:nth-child(7) { -webkit-animation-delay: .35s; animation-delay: .35s; }

h1 span:nth-child(8) { -webkit-animation-delay: .4s; animation-delay: .4s; }

h1 span:nth-child(9) { -webkit-animation-delay: .45s; animation-delay: .45s; }

h1 span:nth-child(10) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.description--span:nth-child(1) { font-size: 2rem; color: #fff; }

@media only screen and (max-width: 37.5em) { .description--span:nth-child(1) { color: #333; } }

.description--span:nth-child(2) { font-size: 1.5rem; color: #000; }

.description--span:nth-child(3) { font-size: 3rem; color: #ccc; }

.description--span:nth-child(4) { font-size: 3rem; color: #ccc; }

.title__container { display: flex; align-items: center; grid-column: 1 / -1; }

.title__container h2 { font-size: 3rem; line-height: 1; color: #f1f0ee; font-family: 'Poppins', sans-serif; font-weight: 300; display: inline-block; padding: 5px; }

.right--txt { justify-content: flex-end; padding: 0 3rem 2rem 0; }

.left--txt { padding: 0 0rem 3rem 2rem; }

.lt--txt { justify-content: flex-start; padding: 0 0 2rem 3rem; }

.slideLeft--1 { -webkit-animation: slideLeft--1 800ms  ease-in-out forwards 350ms; animation: slideLeft--1 800ms  ease-in-out forwards 350ms; }

.slideRight--1 { -webkit-animation: slideRight--1 800ms  ease-in-out forwards 350ms; animation: slideRight--1 800ms  ease-in-out forwards 350ms; }

.description--span a { color: #000; display: inline-block; position: relative; font-weight: bold; }

.description--span a::before { content: ''; background: white; mix-blend-mode: exclusion; width: calc(100% + 6px); height: 0; position: absolute; bottom: -1px; left: -3px; transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.description--span a:hover::before { height: calc(100% + 1px); }

.bx--shadow { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); }

.navigation__list--link.active a { color: red; }

.gallery__wrapper { height: 100%; padding: 3rem; background: #333; border-radius: 5px; background-color: #333333; display: -ms-grid; display: grid; -ms-grid-columns: 10rem (1fr)[3] 10rem; grid-template-columns: 10rem repeat(3, 1fr) 10rem; -ms-grid-rows: 8rem 1fr 8rem; grid-template-rows: 8rem 1fr 8rem; position: relative; }

@media only screen and (max-width: 37.5em) { .gallery__wrapper { background: #f9f9f9; -ms-grid-columns: 1rem (1fr)[4] 1rem; grid-template-columns: 1rem repeat(4, 1fr) 1rem; -ms-grid-rows: 1rem 1fr 3rem; grid-template-rows: 1rem 1fr 3rem; padding: 1rem; }
  .gallery__wrapper h2 { color: #333; } }

.gallery__wrapper .title__container.right--txt { -ms-grid-row: 3; grid-row: 3; align-items: flex-end; padding: 0; }

.image--container { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(min-content, 15rem))[5]; grid-template-columns: repeat(5, minmax(-webkit-min-content, 15rem)); grid-template-columns: repeat(5, minmax(min-content, 15rem)); -ms-grid-rows: (minmax(min-content, 10rem))[5]; grid-template-rows: repeat(5, minmax(-webkit-min-content, 10rem)); grid-template-rows: repeat(5, minmax(min-content, 10rem)); grid-gap: .5rem; grid-column: 1 / -1; -ms-grid-row: 2; grid-row: 2; place-self: center; background: #f9f9f9; padding: .75rem; border-radius: 5px; }

@media only screen and (max-width: 37.5em) { .image--container { -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2 / span 4; } }

.image--container .gallery__item { position: relative; overflow: hidden; cursor: pointer; border-radius: 5px; opacity: 0; transition: all 300ms ease-in-out 200ms; }

@media only screen and (min-width: 100px) and (max-width: 599px) { .image--container .gallery__item { opacity: 1; } }

.image--container .gallery__item:hover { -webkit-animation: pop 400ms; animation: pop 400ms; box-shadow: 2px 15px 50px rgba(0, 0, 0, 0.5); z-index: 200; }

.image--container .gallery__item figcaption { font-family: 'Poppins', sans-serif; display: flex; justify-content: center; align-items: center; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 81, 70, 0.3); border-radius: 5px; }

.image--container .gallery__item figcaption:hover { opacity: 1; }

.image--container .gallery__item figcaption .figcaption--text { color: white; -webkit-transform-origin: center bottom; transform-origin: center bottom; font-size: 2rem; }

.image--container .gallery__item figcaption:hover .figcaption--text { -webkit-animation: scale 350ms 70ms ease-in-out forwards; animation: scale 350ms 70ms ease-in-out forwards; }

.image--container .gallery__item--1 { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / span 3; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--1 { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; } }

.image--container .gallery__item--2 { -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--2 { -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 /  span 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; } }

.image--container .gallery__item--3 { -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--3 { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 /  span 2; -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; } }

.image--container .gallery__item--4 { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4 / span 2; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--4 { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; -ms-grid-row: 5; grid-row: 5; } }

.image--container .gallery__item--5 { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 4; grid-row: 4; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--5 { -ms-grid-column: 3; -ms-grid-column-span: 3; grid-column: 3 /  span 3; -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; } }

.image--container .gallery__item--6 { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 5; grid-row: 5; }

@media only screen and (max-width: 37.5em) { .image--container .gallery__item--6 { -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4/  span 2; -ms-grid-row: 5; grid-row: 5; } }

.image--container .gallery__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

.image--container .gallery__item.is--showing { opacity: 1; }

.gallery__figure { height: 100%; }

.homeButton__container { position: absolute; top: -15px; right: -10px; background: #f6f6f6; border-radius: 100%; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; z-index: 200; -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 500ms ease-in-out; }

.homeButton__container img { width: 25px; height: 25px; padding: 2px; }

.homeButton__container:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

.photogallery { width: 100vw; background: #333; display: flex; justify-content: center; align-items: center; padding: 2rem 0rem 2rem 0rem; }

.photogallery__wrapper { width: 95%; max-width: 900px; height: 95%; background: #f6f6f6; border-radius: 5px; display: -ms-grid; display: grid; -ms-grid-rows: 1rem 45vh (min-content)[15]; grid-template-rows: 1rem 45vh repeat(15, -webkit-min-content); grid-template-rows: 1rem 45vh repeat(15, min-content); -ms-grid-columns: 0.5rem (1fr)[6] 0.5rem; grid-template-columns: 0.5rem repeat(6, 1fr) 0.5rem; grid-gap: .5rem; margin-top: 2rem; position: relative; }

@media only screen and (max-width: 499px) { .photogallery__wrapper { display: flex; flex-direction: column; justify-content: center; } }

.photogallery__wrapper h2 { font-family: 'Poppins'; font-size: 4rem; font-weight: 300; letter-spacing: -2px; color: #F6f6f6; padding: 1.2rem; z-index: 2; position: absolute; top: -45px; }

@media only screen and (min-width: 900px) { .photogallery__wrapper h2 { top: -50px; } }

@media only screen and (min-width: 1200px) { .photogallery__wrapper h2 { top: -55px; } }

.gallery--hero { border-top-left-radius: 5px; border-top-right-radius: 5px; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; grid-column: 1 / -1; margin: 1rem; }

@media only screen and (max-width: 499px) { .gallery--hero { margin: 0rem; } }

.img-scrl { opacity: 0; transition: opacity 0.2s 0.3s ease-out, -webkit-transform 5s 0.5s cubic-bezier(0, 1, 0.3, 1); transition: transform 5s 0.5s cubic-bezier(0, 1, 0.3, 1), opacity 0.2s 0.3s ease-out; transition: transform 5s 0.5s cubic-bezier(0, 1, 0.3, 1), opacity 0.2s 0.3s ease-out, -webkit-transform 5s 0.5s cubic-bezier(0, 1, 0.3, 1); will-change: transform, opacity; }

.img-scrl.is--visible { opacity: 1; -webkit-animation: zoom-up 5s ease-in-out; animation: zoom-up 5s ease-in-out; }

.gallery__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

@media only screen and (max-width: 499px) { .gallery__photo img { width: 97%; margin: 5px auto; } }

.gallery__wrapper--txt { display: flex; justify-content: center; align-content: center; text-align: center; place-items: center; }

.gallery__text .inline--span { display: block; }

.california--gallery h2 { font-size: 15rem; -webkit-text-stroke: 1px #464646; -ms-grid-column: 3; -ms-grid-column-span: 4; grid-column: 3 / span 4; }

@media only screen and (min-width: 200px) and (max-width: 600px) { .california--gallery h2 { font-size: 15vw; margin: 0; padding: 5px; } }

.txt--one { -ms-grid-row: 6; grid-row: 6; grid-column: 1 / -1; }

.txt--two { -ms-grid-row: 18; grid-row: 18; grid-column: 1 / -1; }

.photo--1-g1 { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--2-g1 { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--3-g1 { -ms-grid-row: 7; -ms-grid-row-span: 3; grid-row: 7 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--4-g1 { -ms-grid-row: 7; -ms-grid-row-span: 3; grid-row: 7 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--5-g1 { -ms-grid-row: 11; -ms-grid-row-span: 3; grid-row: 11 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--6-g1 { -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--7-g1 { -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.txt--three { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; place-items: center; }

.txt--four { -ms-grid-row: 9; grid-row: 9; grid-column: 1 / -1; }

.txt--five { -ms-grid-row: 12; grid-row: 12; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--1-g2 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--2-g2 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--3-g2 { -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--4-g2 { -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6/ span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--5-g2 { -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--6-g2 { -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--7-g2 { -ms-grid-row: 13; -ms-grid-row-span: 4; grid-row: 13 / span 4; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--8-g2 { -ms-grid-row: 15; -ms-grid-row-span: 2; grid-row: 15 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--9-g2 { -ms-grid-row: 12; -ms-grid-row-span: 2; grid-row: 12 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.hudson--gallery h2 { font-size: 5rem; -ms-grid-row-align: end; align-self: end; color: #F9F9F9; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; text-align: center; }

.txt--six { -ms-grid-row: 3; grid-row: 3; grid-column: 1 / -1; }

.photo--1-g3 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--1-g3 img { border-top-left-radius: 5px; }

.photo--2-g3 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--3-g3 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--3-g3 img { border-top-right-radius: 5px; }

.photo--4-g3 { -ms-grid-row: 4; -ms-grid-row-span: 3; grid-row: 4 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--5-g3 { -ms-grid-row: 7; -ms-grid-row-span: 3; grid-row: 7 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--6-g3 { -ms-grid-row: 7; -ms-grid-row-span: 3; grid-row: 7 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--7-g3 { -ms-grid-row: 4; -ms-grid-row-span: 3; grid-row: 4 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--1-g4 { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--2-g4 { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--3-g4 { -ms-grid-row: 6; -ms-grid-row-span: 4; grid-row: 6 / span 4; -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2 / span 4; }

.photo--4-g4 { -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6 / span 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--5-g4 { -ms-grid-row: 8; -ms-grid-row-span: 2; grid-row: 8 / span 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--6-g4 { -ms-grid-row: 10; -ms-grid-row-span: 3; grid-row: 10 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--7-g4 { -ms-grid-row: 13; grid-row: 13; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--8-g4 { -ms-grid-row: 13; grid-row: 13; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--9-g4 { -ms-grid-row: 13; grid-row: 13; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--10-g4 { -ms-grid-row: 14; -ms-grid-row-span: 3; grid-row: 14 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--11-g4 { -ms-grid-row: 14; -ms-grid-row-span: 3; grid-row: 14 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--12-g4 { -ms-grid-row: 18; -ms-grid-row-span: 2; grid-row: 18 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; margin-bottom: 1rem; }

.random--gallery { padding-bottom: 1rem; }

.photo--1-g5 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--2-g5 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--3-g5 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--4-g5 { -ms-grid-row: 5; -ms-grid-row-span: 2; grid-row: 5 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--5-g5 { -ms-grid-row: 5; -ms-grid-row-span: 2; grid-row: 5 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--6-g5 { -ms-grid-row: 7; grid-row: 7; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--7-g5 { -ms-grid-row: 8; -ms-grid-row-span: 3; grid-row: 8 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--8-g5 { -ms-grid-row: 8; -ms-grid-row-span: 2; grid-row: 8 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--9-g5 { -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--10-g5 { -ms-grid-row: 12; grid-row: 12; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--11-g5 { -ms-grid-row: 11; -ms-grid-row-span: 2; grid-row: 11 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--12-g5 { -ms-grid-row: 13; -ms-grid-row-span: 2; grid-row: 13 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--13-g5 { -ms-grid-row: 13; grid-row: 13; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--15-g5 { -ms-grid-row: 14; grid-row: 14; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--16-g5 { -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--17-g5 { -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / span 3; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--23-g5 { -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / span 3; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.art--gallery { padding-bottom: 1rem; }

.txt--eight { -ms-grid-row: 15; grid-row: 15; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.txt--nine { -ms-grid-row: 19; grid-row: 19; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--1-g6 { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--2-g6 { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / span 2; }

.photo--3-g6 { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--4-g6 { -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--5-g6 { -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--6-g6 { -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--7-g6 { -ms-grid-row: 8; -ms-grid-row-span: 2; grid-row: 8 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--8-g6 { -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--9-g6 { -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--10-g6 { -ms-grid-row: 10; -ms-grid-row-span: 3; grid-row: 10 / span 3; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--11-g6 { -ms-grid-row: 10; -ms-grid-row-span: 3; grid-row: 10 / span 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--12-g6 { -ms-grid-row: 13; -ms-grid-row-span: 2; grid-row: 13 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--13-g6 { -ms-grid-row: 16; -ms-grid-row-span: 2; grid-row: 16 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; }

.photo--14-g6 { -ms-grid-row: 16; -ms-grid-row-span: 2; grid-row: 16 / span 2; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; }

.photo--15-g6 { -ms-grid-row: 18; grid-row: 18; -ms-grid-column: 2; -ms-grid-column-span: 6; grid-column: 2 / span 6; }

.photo--16-g6 { -ms-grid-row: 19; grid-row: 19; -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2 / span 4; }

.photo--17-g6 { -ms-grid-row: 19; grid-row: 19; -ms-grid-column: 6; -ms-grid-column-span: 2; grid-column: 6 / span 2; }

.photo--18-g6 { -ms-grid-row: 20; grid-row: 20; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; }

.photo--19-g6 { -ms-grid-row: 20; grid-row: 20; -ms-grid-column: 4; -ms-grid-column-span: 4; grid-column: 4 / span 4; }

.main__wrapper.web__gallery { height: 100%; padding: 2rem 0rem; position: relative; }

.web__gallery--wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr); grid-gap: 1.5rem; background: #333; position: relative; padding-top: 15px; }

.web__gallery--wrapper .title__container.left--txt { -ms-grid-row: 3; grid-row: 3; }

.slider__wrapper { grid-column: 1 / -1; -ms-grid-row: 2; grid-row: 2; place-self: center; }

.slider__wrapper--ul { display: flex; justify-content: center; align-items: center; width: auto; position: relative; overflow: hidden; -webkit-transition: translate3d(0, 0, 0); }

@media only screen and (max-width: 37.5em) { .slider__wrapper--ul { background: #242424; padding: 2rem 0rem; } }

.slides--wrapper--li { width: 75%; height: 400px; min-height: 290px; display: none; justify-content: center; background: #f9f9f9; padding: .5rem; border-radius: 5px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.67, 0.16, 0.34, 1.26); animation-timing-function: cubic-bezier(0.67, 0.16, 0.34, 1.26); }

@media only screen and (max-width: 799px) { .slides--wrapper--li { width: 85vw; } }

@media only screen and (min-width: 37.6em) and (max-width: 46.831em) { .slides--wrapper--li { width: 95%; height: 23vh; min-height: 270px; } }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li { height: 40vh; width: 95%; box-shadow: none; flex-direction: column; border: 1px solid #333; } }

.slides--wrapper--li .slide--img { width: 60%; order: 1; position: relative; }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li .slide--img { width: 100%; order: 0; } }

.slides--wrapper--li .slide--img img { width: 100%; height: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li .slide--img img { border-radius: 0px; } }

.slides--wrapper--li .slide--img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(241, 241, 241, 0.6); z-index: 1; }

.slides--wrapper--li .slide--text { width: 40%; order: 0; display: -ms-grid; display: grid; border-right: 3px solid #fff; -ms-grid-rows: 2rem (1fr)[5] 2rem; grid-template-rows: 2rem repeat(5, 1fr) 2rem; -ms-grid-columns: 2rem (1fr)[5] 1rem; grid-template-columns: 2rem repeat(5, 1fr) 1rem; }

@media only screen and (min-width: 37.6em) and (max-width: 46.831em) { .slides--wrapper--li .slide--text { width: 65%; } }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li .slide--text { width: 100%; -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); height: 20vh; padding: 1rem 2rem; border: none; background: #f6f6f6; } }

.slides--wrapper--li .slide--text h3 { line-height: 1.1; font-family: 'Poppins', sans-serif; font-weight: 300; }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li .slide--text h3 { font-size: 3rem; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1 / span 4; } }

.slides--wrapper--li .slide--text P { -ms-grid-column: 2; -ms-grid-column-span: 5; grid-column: 2 / span 5; font-family: 'open sans', serif; }

@media only screen and (max-width: 37.5em) { .slides--wrapper--li .slide--text P { -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; } }

.slides--wrapper--li .slide--text .link { -ms-grid-column: 5; -ms-grid-column-span: 2; grid-column: 5 / span 2; -ms-grid-row: 6; grid-row: 6; place-self: center; }

.slides--wrapper--li .slide--text .link::after { content: '\f105'; }

.slides--wrapper--li .slide--text h3, .slides--wrapper--li .slide--text p { margin-left: 5px; }

.bk--1 { background-color: #f6f6f6; }

.bk--1 h3 { font-size: 8rem; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; color: #555; }

@media only screen and (max-width: 37.5em) { .bk--1 h3 { font-size: 3rem; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1 / span 4; } }

.bk--1 p { font-size: 2rem; color: #333; -ms-grid-row: 5; -ms-grid-row-span: 2; grid-row: 5 / span 2; }

@media only screen and (max-width: 37.5em) { .bk--1 p { -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; text-align: left; } }

.bk--1 .btn-inline { color: #333; }

.bk--2 { background: #d9d5d5; }

.bk--2 h3 { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; -ms-grid-row: 3; grid-row: 3; font-size: 8rem; color: #29292B; }

@media only screen and (max-width: 37.5em) { .bk--2 h3 { font-size: 3rem; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } }

.bk--2 p { -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4 / span 2; font-size: 2rem; color: #29292B; }

@media only screen and (max-width: 37.5em) { .bk--2 p { -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; text-align: left; } }

.bk--2 .btn-inline { color: #333; }

.bk--3 { background: #F9F9F9; }

.bk--3 h3 { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2/ span 3; -ms-grid-row: 3; grid-row: 3; font-size: 9rem; color: #F4B266; }

@media only screen and (max-width: 37.5em) { .bk--3 h3 { font-size: 3rem; -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; margin-left: 0; } }

.bk--3 p { -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4 / span 2; font-size: 2rem; color: #555; }

@media only screen and (max-width: 37.5em) { .bk--3 p { -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; text-align: left; } }

.bk--3 .btn-inline { color: #555; }

.btn-inline { border: none; font-size: inherit; padding-bottom: 2px; display: inline-block; background-color: transparent; cursor: pointer; transition: all .2s; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-column: 5 / span 3; -ms-grid-row: 6; -ms-grid-row-span: 2; grid-row: 6 / span 2; }

.btn-inline span { margin-left: 3px; transition: margin-left .2s; }

.btn-inline:hover { color: #ff5d5d; }

.btn-inline:hover span { margin-left: 8px; }

.btn-inline:focus { outline: none; -webkit-animation: pulsate 1s infinite; animation: pulsate 1s infinite; }

@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1); transform: scale(1);
    box-shadow: none; }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05);
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    box-shadow: none; } }

@keyframes pulsate { 0% { -webkit-transform: scale(1); transform: scale(1);
    box-shadow: none; }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05);
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25); }
  100% { -webkit-transform: scale(1); transform: scale(1);
    box-shadow: none; } }

.hero { padding: 2rem; background: #fff; position: relative; }

@media only screen and (min-width: 200px) and (max-width: 590px) { .hero { background: transparent; } }

@media only screen and (max-width: 37.5em) { .hero { padding: 0rem; } }

.hero--text { grid-column: 1 / -1; -ms-grid-row: 1; grid-row: 1; place-self: center; }

@media only screen and (min-width: 200px) and (max-width: 415px) { .hero--text { display: flex; flex-direction: row; justify-content: center; } }

@media only screen and (max-width: 37.5em) { .hero--text { grid-column: 1 / -1; } }

.hero__container { background-image: url(../img/hero.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: calc(100vh - 4rem); border-radius: 5px; grid-column: 1 / -1; display: -ms-grid; display: grid; -ms-grid-columns: 25% 50% 25%; grid-template-columns: 25% 50% 25%; -ms-grid-rows: 20% 5% 10% 65%; grid-template-rows: 20% 5% 10% 65%; }

@media only screen and (max-width: 37.5em) { .hero__container { border-radius: 0px; height: 100vh; } }

.subtext { grid-column: 1 / -1; -ms-grid-row: 3; grid-row: 3; place-self: center; z-index: 1; -webkit-animation: fadeIn-right 800ms 100ms ease-out; animation: fadeIn-right 800ms 100ms ease-out; color: #333; }

@media only screen and (max-width: 699px) { .subtext { -ms-grid-row: 2; grid-row: 2; } }

.navigation { grid-column: 1 / -1; -ms-grid-row: 2; grid-row: 2; place-self: center; }

@media only screen and (max-width: 699px) { .navigation { justify-items: stretch; -ms-grid-row: 1; grid-row: 1; place-self: unset; } }

@media only screen and (max-width: 699px) { .navigation__list { -webkit-transform: translate3d(0, -100vh, 0) scale(0); transform: translate3d(0, -100vh, 0) scale(0); transition: all 300ms ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; width: 100vw; height: 100vh; background: white; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; opacity: 0; background: white; overflow: hidden; -webkit-transform-style: preserve-3d; } }

.navigation__list.is-visible { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); transition: all 300ms ease-in-out; visibility: visible; z-index: 2000; opacity: 1; }

.navigation__list ul { display: flex; flex-direction: row; -webkit-animation: fadeIn-left 800ms 100ms ease-out; animation: fadeIn-left 800ms 100ms ease-out; }

@media only screen and (max-width: 699px) { .navigation__list ul { flex-direction: column; align-items: center; } }

.navigation__list ul li { margin: 5px; }

.navigation__list ul li a { font-family: 'Lora', serif; display: inline-block; font-size: 2.4rem; color: #222; margin: 5px; padding: 5px; position: relative; -webkit-transform: scale(1); transform: scale(1); transition: all 200ms; }

.navigation__list ul li a:hover { -webkit-transform: scale(1.3); transform: scale(1.3); transition: box-shadow 150ms ease-in-out, color 150ms ease-in-out; color: #ff5d5d; }

.fixed__header { position: fixed; top: 0; right: 0; left: 0; z-index: 2000; background-color: #fff; display: flex; justify-content: center; align-items: center; height: 50px; }

.fixed__header.is__down { -webkit-animation: fadeIn 800ms ease-in-out; animation: fadeIn 800ms ease-in-out; }

@media only screen and (max-height: 1185px) and (min-width: 1700px) { .fixed__header.is__down { display: none; } }

.fixed__header.is__up { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-animation: fadeUp 800ms ease-in-out; animation: fadeUp 800ms ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.logo { height: 30px; margin-left: 2rem; width: auto; display: none; }

.logo_wrap { display: flex; flex-direction: row; align-items: center; }

.fixed__header .logo_wrap { height: inherit; order: 0; flex-basis: 85%; }

@media only screen and (min-width: 700px) { .fixed__header .logo_wrap { flex-basis: 50%; } }

@media only screen and (max-width: 699px) { .nav__container--control { display: none; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 4.4rem; height: 4.4rem; text-indent: -100%; white-space: nowrap; z-index: 2000; transition: -webkit-transform 100ms ease-in-out; transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out; }
  .nav__container--control span { position: absolute; display: block; width: 3rem; height: 2px; background: #333; top: 50%; margin-top: -1px; left: 50%; margin-left: -10px; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: background .05ms ease-out; }
  .nav__container--control span::before, .nav__container--control span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: background 0.5s, -webkit-transform 0.3s; transition: transform 0.3s, background 0.5s; transition: transform 0.3s, background 0.5s, -webkit-transform 0.3s; }
  .nav__container--control span::before { top: -6px; -webkit-transform: rotate(0); transform: rotate(0); }
  .nav__container--control span::after { bottom: -6px; -webkit-transform: rotate(0); transform: rotate(0); }
  .display { display: block; }
  .nav__container--control:hover span::before { top: -8px; }
  .nav__container--control:hover span::after { bottom: -8px; } }

.nav__container--control.menu-is-open { display: block; -webkit-transform: none; transform: none; position: fixed; top: 7px; right: 7.5%; z-index: 3000; }

.nav__container--control.menu-is-open span { background: transparent; }

.nav__container--control.menu-is-open span::before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #333; }

.nav__container--control.menu-is-open span::after { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #333; }

.nav__container--control.menu-is-open span::before, .nav__container--control.menu-is-open span::after { transition: all 400ms ease-in-out; }

.nav__container--control.menu-is-open:hover span { transition: all 200ms ease-in-out; -webkit-transform: scale(0.85); transform: scale(0.85); }

@media only screen and (max-width: 699px) { .navigation__list ul li { opacity: 0; }
  .navigation__list ul.is-shown { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); transition: visibility 100ms 0s, -webkit-transform 0.3s; transition: transform 0.3s, visibility 100ms 0s; transition: transform 0.3s, visibility 100ms 0s, -webkit-transform 0.3s; }
  .navigation__list ul.is-shown li:nth-child(1) { -webkit-animation: slideIn 0.2s .5s forwards; animation: slideIn 0.2s .5s forwards; }
  .navigation__list ul.is-shown li:nth-child(2) { -webkit-animation: slideIn 0.4s .7s forwards; animation: slideIn 0.4s .7s forwards; }
  .navigation__list ul.is-shown li:nth-child(3) { -webkit-animation: slideIn 0.6s .9s forwards; animation: slideIn 0.6s .9s forwards; } }

.display { display: block; }

.hamburger .line { width: 50px; height: 50px; background-color: #333; display: block; margin: 8px auto; transition: all 300ms ease-in-out; }

.hamburger:hover { pointer: cursor; }

#hamburger.is-active .line:nth-child(2) { opacity: 0; }

#hamburger.is-active .line:nth-child(1) { -webkit-transform: translate3d(0, 13px, 0) rotate(45deg); transform: translate3d(0, 13px, 0) rotate(45deg); }

#hamburger.is-active .line:nth-child(3) { -webkit-transform: translate3d(0, -13px, 0) rotate(-45deg); transform: translate3d(0, -13px, 0) rotate(-45deg); }

#about { position: relative; }

.about__container { height: 100%; border-radius: 5px; background-color: #333333; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr); -ms-grid-rows: 8rem (1fr)[3] 8rem; grid-template-rows: 8rem repeat(3, 1fr) 8rem; }

.about__container .title__container.right--txt { -ms-grid-row: 5; grid-row: 5; }

@media only screen and (min-width: 200px) and (max-width: 529px) { .about__container .title__container.right--txt h2 { color: #fff; z-index: 200; text-shadow: 5px 5px 20px #333; } }

@media only screen and (min-width: 530px) and (max-width: 600px) { .about__container .title__container.right--txt h2 { color: #333; } }

@media only screen and (min-width: 200px) and (max-width: 400px) { .about__container { -ms-grid-rows: 5rem (1fr)[3] 5rem; grid-template-rows: 5rem repeat(3, 1fr) 5rem; background: #f9f9f9; } }

@media only screen and (min-width: 401px) and (max-width: 600px) { .about__container { -ms-grid-rows: 10rem (1fr)[3] 10rem; grid-template-rows: 10rem repeat(3, 1fr) 10rem; background: #f9f9f9; } }

.about__container .container-h2 h2 span { letter-spacing: -15px; color: #222; font-family: 'Poppins'; font-weight: 300; }

.about__container--img { border-radius: 5px; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; -ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / span 3; place-self: center; }

@media only screen and (min-width: 531px) and (max-width: 905px) { .about__container--img { grid-column: 1 / -1; -ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / span 3; } }

@media only screen and (min-width: 200px) and (max-width: 530px) { .about__container--img { grid-row: 1 / -1; grid-column: 1 / -1; -ms-grid-column-align: center; justify-self: center; } }

.about__container--img img { width: auto; height: 100%; max-height: 335px; -webkit-filter: grayscale(100%); filter: grayscale(100%); z-index: 1; border-radius: 100%; border: 2px solid #fff; }

@media only screen and (min-width: 200px) and (max-width: 400px) { .about__container--img img { width: 275px; } }

@media only screen and (min-width: 200px) and (max-width: 600px) { .about__container--img img { border-radius: 5px; } }

.about__container--textWrap { grid-column: 3 / -1; -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3/ span 2; z-index: 2; display: flex; flex-direction: column; justify-self: center; }

@media only screen and (min-width: 735px) and (max-width: 900px) { .about__container--textWrap { -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4/ span 2; grid-column: 1 / -1; margin-left: 0; } }

@media only screen and (min-width: 602px) and (max-width: 734px) { .about__container--textWrap { grid-column: 1 / -1; grid-row: 3 / -1; } }

@media only screen and (min-width: 531px) and (max-width: 601px) { .about__container--textWrap { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / span 3; grid-column: 1 / -1; } }

@media only screen and (min-width: 200px) and (max-width: 530px) { .about__container--textWrap { grid-column: 1 / -1; } }

.about__container--textWrap p { color: #fff; font-size: 1.7rem; padding: 1rem 2rem; background: rgba(0, 0, 0, 0.8); }

.about__container--textWrap span:nth-child(1) { font-size: 3rem; font-weight: 800; }

@media only screen and (min-width: 300px) and (max-width: 430px) { .about__container--textWrap span:nth-child(1) { font-size: 2.3rem; } }

@media only screen and (min-width: 431px) and (max-width: 470px) { .about__container--textWrap span:nth-child(1) { font-size: 1.8rem; } }

@media only screen and (min-width: 471px) and (max-width: 700px) { .about__container--textWrap span:nth-child(1) { font-size: 2rem; } }

@media only screen and (max-width: 430px) { .about__container--textWrap span:nth-child(1) { color: #fff; font-size: 1.7rem; } }

.about__container--textWrap span:nth-child(2) { color: #666; }

footer { background: #f6f6f6; position: fixed; bottom: 0; width: 100%; z-index: 1; }

.footer__bottom { height: 100%; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); -ms-grid-rows: 5rem auto (5rem)[2]; grid-template-rows: 5rem auto repeat(2, 5rem); height: 100%; }

.footer__bottom h3 { font-family: 'Poppins'; font-weight: 100; font-size: 2.8rem; grid-column: 1 / -1; -ms-grid-row: 1; grid-row: 1; place-self: center; color: #777; letter-spacing: -1px; margin-top: 10px; }

.footer__bottom .footer__text { display: block; font-size: 1.8rem; letter-spacing: -1px; color: #ccc; font-family: 'Poppins'; font-weight: 200; -ms-grid-row-align: center; align-self: center; }

.footer__bottom--copy { -ms-grid-row: 4; grid-row: 4; display: flex; align-items: center; justify-content: center; grid-column: 1 / -1; background: #222; }

.footer__bottom--copy p { order: 1; }

.footer__bottom--icon { order: 2; }

.footer__bottom--icon img { width: 3rem; height: 3rem; padding: 2px; margin: 3px; }

.footer__bottom--icon img::last-child { margin-right: 30px; }

.form__container { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; -ms-grid-row: 2; grid-row: 2; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: 5rem (1fr)[3]; grid-template-rows: 5rem repeat(3, 1fr); padding: .8rem; background: #f6f6f6; border-radius: 5px; opacity: 0; }

@-moz-document url-prefix() { .form__container { opacity: 1; } }

.form__container--input { grid-column: 1 / -1; }

.form__container input[type="submit"] { font-family: 'Open Sans', sans-serif; border-radius: 3px; width: 100px; height: 30px; float: right; cursor: pointer; transition: all 500ms ease-in-out; }

.form__container input[type="submit"]:hover { -webkit-transform: scale(1.1); transform: scale(1.1); background: #ff5d5d; color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }

.form__container input[type="submit"]:focus, .form__container input[type="submit"]:active, .form__container input[type="submit"]:clicked, .form__container input[type="submit"]:visited { border: none; }

.footer__bottom--icon:last-child { padding-right: 1.8rem; }

.formFadeIn { -webkit-animation: popIn 800ms cubic-bezier(0.08, 1.03, 0.83, 0.67) forwards; animation: popIn 800ms cubic-bezier(0.08, 1.03, 0.83, 0.67) forwards; }

@-webkit-keyframes popIn { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0); }
  50% { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); }
  60%, 70% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

@keyframes popIn { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0); }
  50% { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); }
  60%, 70% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); } }

.current { display: flex; }

.right { -webkit-animation-name: slideLeft; animation-name: slideLeft; }

.left { -webkit-animation-name: slideRight; animation-name: slideRight; }

.site-nav-arrow-container { position: absolute; bottom: 25px; right: 50px; z-index: 20; cursor: pointer; }

@media only screen and (min-width: 200px) and (max-width: 322px) { .site-nav-arrow-container { bottom: -15px; right: 35px; } }

@media only screen and (min-width: 323px) and (max-width: 592px) { .site-nav-arrow-container { bottom: 10px; right: 35px; } }

.site-nav-arrow-container img { width: 30px; height: 30px; background: rgba(241, 241, 241, 0.5); border-radius: 50%; margin: 5px; -webkit-transform: scale(1); transform: scale(1); transition: all .5s ease-in-out; }

img#slideNext.arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

img#slidePrev.arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

img#slideNext.arrow:hover { -webkit-transform: rotate(-90deg) scale(1.2); transform: rotate(-90deg) scale(1.2); }

img#slidePrev.arrow:hover { -webkit-transform: rotate(90deg) scale(1.2); transform: rotate(90deg) scale(1.2); }

#lightbox { z-index: 200; display: flex; flex-direction: column; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(241, 241, 241, 0.9); justify-content: center; align-items: center; }

#lightbox p { text-align: right; color: white; font-size: 20px; position: absolute; top: -5px; right: 7px; z-index: 200; padding: 2px; cursor: pointer; }

#lightbox p img { background: #A9A9A9; border-radius: 50%; opacity: .8; -webkit-transform: scale(0.5); transform: scale(0.5); transition: all 500ms ease-in-out; }

#lightbox p img:hover { background: #A9A9A9; cursor: pointer; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

#lightbox img { max-width: 80vw; max-height: 80vh; }

#slideshow { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; list-style-type: none; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; background: #282624; }

#slideshow ul > li { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.prev img, .next img { position: absolute; top: 50%; text-decoration: none; transition: all 200ms ease-in-out; border-radius: 50%; height: 30px; padding: 2px; width: 30px; -webkit-transform: scale(0.8); transform: scale(0.8); background: #A9A9A9; opacity: .8; transition: all 500ms ease-in-out; }

@media only screen and (min-width: 200px) and (max-width: 750px) { .prev img, .next img { top: 80%; } }

.lbClose { height: 30px; width: 30px; border-radius: 50%; padding: 2px; transition: all 300ms ease-in-out; opacity: .2; }

.prev img:hover, .next img:hover { background-color: #A9A9A9; border-radius: 50%; -webkit-transform: scale(1.2); transform: scale(1.2); }

.next img { right: 20px; }

@media only screen and (min-width: 200px) and (max-width: 750px) { .next img { right: calc(50% - 36px); } }

.prev img { left: 20px; }

@media only screen and (min-width: 200px) and (max-width: 750px) { .prev img { left: calc(50% - 36px); } }

.form__container--outer { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / span 3; -ms-grid-row: 2; grid-row: 2; }

@media only screen and (min-width: 200px) and (max-width: 700px) { .form__container--outer { grid-column: 1 / -1; } }

.footer__bottom--icon:last-child { padding-right: 1.8rem; }

.form--header { -ms-grid-row: 1; grid-row: 1; grid-column: 1 / -1; }

.input--input-1 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; }

.input--input-2 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3 / span 2; }

.input--input-3 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / span 2; grid-column: 1 / -1; }

#submit { -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 4; grid-column: 4; place-self: center; }

#submit::focus, #submit::active, #submit::clicked { border: none; }

@media only screen and (min-width: 200px) and (max-width: 700px) { #submit { grid-column: 3/ -1; } }

.input__wrapper { grid-column: 1 / -1; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; }

.input-container { position: relative; border-bottom: 2px solid #ccc; max-width: 80%; margin: 30px auto 10px auto; }

.input-container input { background-color: #fff; border: none; padding: 1.2rem; width: 100%; }

.input-container input:focus { outline: none; }

.input-container::before { position: absolute; bottom: -2px; content: ''; width: 0; height: 2px; background-color: #777; transition: all 0.4s ease; }

.input-container::after { content: attr(data-placeholder); position: absolute; left: 10px; top: 10px; color: #666; font-size: 16px; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; transition: all 0.4s ease; }

.input-container.input-focus::before { width: 100%; }

.input-container.input-focus::after { font-size: 12px; top: -20px; color: #777; }

.form--error--name, .form--error--email, .form--error--msg { font-family: 'Open Sans', sans-serif; color: #ff5d5d; font-size: 12px; margin-bottom: -27px; display: none; float: right; }

.form--error--name.warning, .form--error--email.warning, .form--error--msg.warning { display: block; }

.slider__wrapper * { margin: 0; padding: 0; box-sizing: border-box; transition: all 1s cubic-bezier(0.59, -0.43, 0.17, 1.16); }

.full__body { height: 100vh; width: 100vw; display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; background: #333; }

.wrapper { height: 450px; width: 700px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 5px; margin: 1rem; }

@media only screen and (min-width: 200px) and (max-width: 430px) { .wrapper { height: 385px; } }

@media only screen and (max-width: 799px) { .wrapper { width: 90vw; } }

.figure { width: 80%; box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.4); background: #FAF9FA; border: 2px solid #fff; border-radius: 8px; transition: all 0.3s ease-in-out; position: relative; display: none; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.67, 0.16, 0.34, 1.26); animation-timing-function: cubic-bezier(0.67, 0.16, 0.34, 1.26); }

@media only screen and (min-width: 200px) and (max-width: 599px) { .figure { width: 90%; } }

.current { display: block; }

.figure .img { width: 100%; height: 300px; background-size: 100% 100%; border-radius: 8px 8px 0 0; background-repeat: no-repeat; background-position: center; }

@media only screen and (min-width: 200px) and (max-width: 520px) { .figure .img { background-size: unset; } }

.figure .img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(241, 241, 241, 0.3); z-index: 1; border-radius: 8px; }

.figure .img::after { content: ''; position: absolute; top: 0; right: -1px; left: -1px; bottom: -1px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); border-radius: 0 0 8px 8px; }

.img--one { background: url(../img/billyShakes.jpg); }

.img--two { background: url(../img/wine.jpg); }

.img--three { background: url(../img/ectest.jpg); }

@media only screen and (min-width: 200px) and (max-width: 520px) { #img--three { background-size: 210% 135%; } }

.figure .figcaption { height: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; overflow: visible; background: #ecf0f1; border-radius: 0 0 8px 8px; border: 1px solid #fff; }

.h3-span { font-family: 'open sans', serif; font-size: 5.2rem; overflow: visible; position: absolute; -webkit-transform: translate3d(-160px, -45px, 0); transform: translate3d(-160px, -45px, 0); transition: all 0.5s ease-in-out; z-index: 5; }

@media only screen and (min-width: 200px) and (max-width: 450px) { .h3-span { -webkit-transform: translate3d(-40px, -60px, 0); transform: translate3d(-40px, -60px, 0); } }

@media only screen and (min-width: 451px) and (max-width: 599px) { .h3-span { -webkit-transform: translate3d(-85px, -40px, 0); transform: translate3d(-85px, -40px, 0); } }

@media only screen and (min-width: 600px) and (max-width: 699px) { .h3-span { -webkit-transform: translate3d(-140px, -70px, 0); transform: translate3d(-140px, -70px, 0); } }

.h3--1 { color: #333; }

.h3--2 { color: #582D32; }

.h3--3 { color: #FF973D; }

.txt { margin-bottom: -20px; font-size: 4rem; font-weight: 300; letter-spacing: -2px; display: block; }

.txt2 { font-size: 6.5rem; }

.txt.open--span { top: -8px; text-align: center; }

.h3-span .txt2 { font-family: 'Lobster', cursive; }

.h3-span.open--span { -webkit-transform: translate3d(0, -25px, 0) scale(1.5); transform: translate3d(0, -25px, 0) scale(1.5); text-align: center; }

@media only screen and (min-width: 200px) and (max-width: 450px) { .h3-span.open--span { -webkit-transform: translate3d(0, -25px, 0) scale(1.1); transform: translate3d(0, -25px, 0) scale(1.1); } }

.h3-span.open--span .txt { display: inline-block; margin-right: 5px; transition: all 300ms ease-in forwards; transition-delay: 200ms; }

.span--one-1 { color: #202020; text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636; }

.span--two-1 { color: #555; }

.span--three-1 { color: #F4B266; }

.span--one-2 { opacity: 0; padding: 0 20px; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); cursor: text; font-family: 'open sans', serif; }

.span--one-2.open { opacity: 1; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); transition: all 0.5s ease-in-out; transition-delay: 600ms; z-index: 20; text-align: center; }

.span--one-2.close { opacity: 0; -webkit-transform: translate3d(0, 20, 0); transform: translate3d(0, 20, 0); transition: all 300ms ease-out 200ms; }

.figure.open .span--two-2 { height: 100%; opacity: 1; padding: 80px 20px 40px 20px; }

.button { font-size: 15px; position: absolute; bottom: -10px; width: 50px; height: 50px; border-radius: 100%; left: calc(102% - 50px); color: #fff; border: none; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); cursor: pointer; pointer-events: auto; transition: all 0.5s ease-in-out; overflow: hidden; z-index: 20; }

.button--one { background-color: #34333a; }

.button--two { background-color: #69363c; }

.button--three { background: #f06f00; }

.button:focus { outline: 0; }

.button::before { content: 'more'; position: absolute; top: 14px; left: 7px; opacity: 1; transition: all 1s cubic-bezier(0.55, -0.62, 0.27, 1.2); }

.button::after { content: 'back'; opacity: 0; top: 15px; left: 6px; position: absolute; transition: all 1s cubic-bezier(0.55, -0.62, 0.27, 1.2); }

.figure:hover { transition: 0.3s ease-in-out; box-shadow: 3px -3px 40px 0 rgba(0, 0, 0, 0.4); }

.button:hover { -webkit-transform: translate3d(0, 2px, 0) scale(0.95); transform: translate3d(0, 2px, 0) scale(0.95); transition: all 0.5s ease-in-out; }

.h3-span.scale-down { -webkit-transform: translate3d(-170px, -120px, 0); transform: translate3d(-170px, -120px, 0); transition: -webkit-transform 500ms ease-in-out 100ms; transition: transform 500ms ease-in-out 100ms; transition: transform 500ms ease-in-out 100ms, -webkit-transform 500ms ease-in-out 100ms; }

.open--span.scale-h3 { -webkit-transform: translate3d(0px, -50px, 0) scale(1.75); transform: translate3d(0px, -50px, 0) scale(1.75); transition: -webkit-transform 500ms ease-in-out 100ms; transition: transform 500ms ease-in-out 100ms; transition: transform 500ms ease-in-out 100ms, -webkit-transform 500ms ease-in-out 100ms; }

@media only screen and (min-width: 200px) and (max-width: 590px) { .open--span.scale-h3 { -webkit-transform: translate3d(0px, -30px, 0) scale(1.1); transform: translate3d(0px, -30px, 0) scale(1.1); } }

@media only screen and (min-width: 591px) and (max-width: 699px) { .open--span.scale-h3 { -webkit-transform: translate3d(0px, -30px, 0) scale(1.7); transform: translate3d(0px, -30px, 0) scale(1.7); } }

.link { position: relative; z-index: 25; }

.figure.open .img { height: 0; }

.figure.open .figcaption { height: 330px; border-radius: 8px; }

.figure.open .button::before { opacity: 0; left: 200%; }

.figure.open .button::after { opacity: 1; left: 8px; }

.txt.open { color: #333; }

.site__links { font-weight: bold; color: transparent; -webkit-background-clip: text; background-image: linear-gradient(to right, rgba(156, 200, 200, 0), rgba(36, 36, 35, 0.8) 0%, rgba(36, 36, 35, 0.8) 0%, #242423 50%, #ff5d5d 50%, #ff5d5d 100%); background-size: 200% 200%; background-position: 0; background-repeat: no-repeat; transition: all 500ms ease; }

.site__links:hover { background-position: 101%; -webkit-transform: scale(2); transform: scale(2); }

.modal__wrapper { position: absolute; top: 0rem; right: 0rem; bottom: 0rem; left: 0rem; background: #333333; z-index: 500; overflow: hidden; opacity: 0; display: none; justify-content: center; align-items: center; }

.body__wrapper.overflow { overflow: hidden; height: 100vh; width: 100vw; margin-bottom: 0; }

.modal__inner { width: 75%; height: 30%; max-width: 690px; max-height: 260px; background: #f5f5f5; border-radius: 5px; display: flex; flex-direction: row; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.7); z-index: 501; position: relative; border: 3px solid #fff; opacity: 0; }

.modal__inner--left { flex-basis: 60%; order: 2; display: flex; justify-content: center; align-items: center; }

.modal__inner--left .modal--header { text-align: center; }

.modal__inner .text__style--1 { font-family: 'Poppins'; font-size: 4.3rem; color: #ff5d5d; font-weight: bold; letter-spacing: -1px; display: inline-block; }

@media only screen and (min-width: 200px) and (max-width: 720px) { .modal__inner .text__style--1 { font-size: 4rem; } }

.modal__inner .text__style--2 { font-family: 'open sans', serif; font-size: 3.5rem; color: #555; }

.modal__inner--right { background-image: url(../img/california--4.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; flex-basis: 40%; }

@media only screen and (min-width: 200px) and (max-width: 720px) { .modal__inner--right { background-position: right; } }

.btn--container { position: absolute; background: #f6f6f6; width: 5rem; height: 5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; right: 3px; top: 3px; border: 1px solid transparent; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #fff, 0 1px 0 #fff; }

.close--btn { position: absolute; display: block; width: 3rem; height: 2px; background: transparent; transition: all 300ms ease-in-out; }

.close--btn::before, .close--btn::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; background: #777; }

.close--btn::before { top: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.close--btn::after { top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn--container:hover > .close--btn { -webkit-transform: rotate(140deg) scale(0.5); transform: rotate(140deg) scale(0.5); }

.modal__wrapper.showModal { display: flex; -webkit-animation: showModal 600ms cubic-bezier(0.61, 0.42, 0.33, 1.03) forwards; animation: showModal 600ms cubic-bezier(0.61, 0.42, 0.33, 1.03) forwards; -webkit-transform-origin: center center; transform-origin: center center; }

.modal__wrapper.removeModal { -webkit-animation: removeModal 500ms cubic-bezier(0.61, 0.42, 0.33, 1.03) forwards; animation: removeModal 500ms cubic-bezier(0.61, 0.42, 0.33, 1.03) forwards; }

.modal__inner.showInnerModal { -webkit-animation: showInnerModal 600ms cubic-bezier(0.61, 0.42, 0.33, 1.03) 300ms forwards; animation: showInnerModal 600ms cubic-bezier(0.61, 0.42, 0.33, 1.03) 300ms forwards; }

.modal__inner.removeInnerModal { -webkit-animation: removeInnerModal 500ms cubic-bezier(0.61, 0.42, 0.33, 1.03) 450ms forwards; animation: removeInnerModal 500ms cubic-bezier(0.61, 0.42, 0.33, 1.03) 450ms forwards; }

@-webkit-keyframes showModal { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0); }
  20% { opacity: 1; }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 50%) scale(1.25);
            transform: translate3d(0, 0, 50%) scale(1.25); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes showModal { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0); }
  20% { opacity: 1; }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 50%) scale(1.25);
            transform: translate3d(0, 0, 50%) scale(1.25); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes removeModal { 0% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); }
  20% { opacity: 1; }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 50%) scale(0.85);
            transform: translate3d(0, 0, 50%) scale(0.85); }
  100% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale(0);
            transform: translate3d(0, -100%, 0) scale(0); } }

@keyframes removeModal { 0% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); }
  20% { opacity: 1; }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 50%) scale(0.85);
            transform: translate3d(0, 0, 50%) scale(0.85); }
  100% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale(0);
            transform: translate3d(0, -100%, 0) scale(0); } }

@-webkit-keyframes showInnerModal { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes showInnerModal { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes removeInnerModal { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0) scale(0.8);
            transform: translate3d(0, -50%, 0) scale(0.8); }
  75% { opacity: 1;
    -webkit-transform: translate3d(0, -75%, 0) scale(0.8);
            transform: translate3d(0, -75%, 0) scale(0.8); }
  100% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale(0.2);
            transform: translate3d(0, -100%, 0) scale(0.2); } }

@keyframes removeInnerModal { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0) scale(0.8);
            transform: translate3d(0, -50%, 0) scale(0.8); }
  75% { opacity: 1;
    -webkit-transform: translate3d(0, -75%, 0) scale(0.8);
            transform: translate3d(0, -75%, 0) scale(0.8); }
  100% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale(0.2);
            transform: translate3d(0, -100%, 0) scale(0.2); } }

@media only screen and (min-height: 100px) and (max-height: 660px) { .hero__container { -ms-grid-rows: 50% 15% 10% 25%; grid-template-rows: 50% 15% 10% 25%; }
  .hero__container p { font-size: 80%; color: #fff; -ms-grid-row: 4; grid-row: 4; }
  .navigation { -ms-grid-row: 3; grid-row: 3; } }

@media only screen and (min-width: 1700px) { .body__wrapper { max-width: 4000px; height: 100vh; margin: 0px; box-shadow: none; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); }
  .hero { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; }
  .hero .hero__container { height: calc(50vh - 4rem); }
  .hero .navigation__list { display: none; }
  .hero .hero--text { position: absolute; bottom: -16px; left: 12px; }
  .hero .hero--text span { font-size: 16rem; letter-spacing: -11px; text-shadow: none; -webkit-text-stroke: 0px; }
  .hero .subtext { position: absolute; bottom: 20px; right: 3.5%; color: #fff; }
  .about { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; }
  .about__container--img { grid-column: 1 / -1; }
  .about .about__container--textWrap { grid-column: 1 / -1; -ms-grid-row: 2; grid-row: 2; place-self: center; }
  .about .about__container--textWrap p { text-align: center; }
  .web__gallery { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; }
  .web__gallery .web__gallery--wrapper { border-radius: 5px; height: calc(50vh - 4rem); -ms-grid-rows: 5rem 2fr 5rem; grid-template-rows: 5rem 2fr 5rem; -ms-grid-columns: 5rem 2fr 5rem; grid-template-columns: 5rem 2fr 5rem; grid-gap: 0; }
  .web__gallery .slider__wrapper { -ms-grid-row: 2; grid-row: 2; }
  .photo__gallery { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 2; grid-column: 2; }
  .photo__gallery .image--container { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 2; grid-column: 2; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); -ms-grid-rows: none; grid-template-rows: none; grid-auto-rows: 75px; grid-auto-flow: row dense; }
  .main__wrapper.web__gallery { padding: 2rem; }
  .hero, .about, .web__gallery, .photo__gallery { height: 50vh; padding: 2rem; }
  .hero__container, .web__gallery__wrapper, .about__container, .gallery__wrapper { display: -ms-grid; display: grid; -ms-grid-rows: 5rem 2fr 5rem; grid-template-rows: 5rem 2fr 5rem; -ms-grid-columns: 5rem 2fr 5rem; grid-template-columns: 5rem 2fr 5rem; }
  .title__container { -ms-grid-row: 3; grid-row: 3; } }

@media only screen and (min-width: 1700px) and (max-height: 1185px) { .body__wrapper { height: 100%; }
  .hero .hero__container { height: 100%; }
  .hero { height: 100%; }
  .hero--text span { font-size: 25vh; }
  .web__gallery .web__gallery--wrapper { height: 100%; }
  .about, .photo__gallery { height: auto; padding: 2rem; }
  .about__container--img img { height: 100%; } }