html,
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html {
  font-size: 10px; }

*.display-none {
  display: none; }

*.container-center {
  width: 80%;
  margin: auto; }

@font-face {
  font-family: 'britannic_boldregular';
  src: url("../custom_fonts/britannic_bold_regular-webfont.woff2") format("woff2"), url("britannic_bold_regular-webfont.woff") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratbold';
  src: url("../custom_fonts/montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratregular';
  src: url("../custom_fonts/montserrat-regular-webfont.woff2") format("woff2"), url("montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratlight';
  src: url("../custom_fonts/montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratthin';
  src: url("../custom_fonts/montserrat-thin-webfont.woff2") format("woff2"), url("montserrat-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.bold {
  font-family: "montserratbold" !important; }

.italic {
  font-style: italic; }

.color-blue {
  color: #1be5ea !important; }

.hidden {
  display: none !important; }

.tu {
  text-transform: uppercase !important; }

.group {
  width: 90%;
  margin: auto; }

.insert {
  height: 30rem;
  width: 1.5rem;
  border-radius: 5rem;
  background-color: #fff;
  margin: 0 5rem; }

h3 {
  font-size: 10rem;
  font-weight: bold;
  font-family: "montserratregular";
  text-align: center;
  margin-bottom: 5rem; }

.email {
  text-decoration: underline; }

.banner {
  position: fixed;
  left: 50%;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
  animation: fadeIn 1s;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .banner-button {
    border: none;
    background-color: transparent;
    color: #fff;
    font-family: "montserratregular";
    font-size: 2.2rem;
    cursor: pointer; }
  .banner:focus {
    outline: none; }
  .banner:hover {
    color: #1be5ea; }

@media screen and (max-width: 500px) {
  .design-button a .start-design {
    font-size: 1.4rem; } }
.nav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: 0.3s all;
  position: fixed;
  top: 0;
  z-index: 100;
  height: 80px; }
  .nav-desktop {
    width: inherit;
    text-align: center;
    padding: 1rem 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .nav.scroll-change {
    background-color: rgba(255, 255, 255, 0.97);
    border-bottom: 0.4rem solid #19c7cd; }
  .nav_brand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%; }
    .nav_brand:hover {
      text-decoration: none; }
    .nav_brand:focus {
      outline: none; }
    .nav_brand-logo {
      width: 4rem;
      margin-right: 1rem; }
    .nav_brand-name {
      font-family: "montserratregular";
      font-weight: 500;
      color: #fff;
      transition: 0.3s all;
      font-size: 2.2rem; }
      .nav_brand-name span {
        color: #1be5ea; }
  .nav_mobile {
    display: none; }
  .nav-links {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
    width: 33%; }
    .nav-links li {
      display: inline; }
    .nav-links li:nth-child(2) {
      margin: 0 0.8rem; }
    .nav-links a {
      color: #fff;
      font-size: 1.8rem;
      text-transform: uppercase;
      font-family: "montserratregular";
      transition: 0.3s all; }
    .nav-links a:hover {
      text-decoration: none;
      color: #1be5ea !important; }

.design-button-container {
  width: 33%; }

.design-button .start-design {
  display: block;
  border-radius: 4.3rem;
  background-color: #f3c953;
  border: none;
  color: #fff;
  font-size: 1.8rem;
  text-transform: uppercase;
  padding: 0.3rem;
  padding: 1rem 2rem;
  transition: 0.3s all;
  cursor: pointer;
  margin: auto;
  font-family: 'montserratregular'; }
.design-button .start-design span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s; }
.design-button .start-design span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -1rem;
  transition: 0.5s;
  font-size: 2rem;
  line-height: 1; }
.design-button .start-design:hover span {
  padding-right: 1.8rem; }
.design-button .start-design:hover span:after {
  opacity: 1;
  right: 0; }
.design-button .start-design:focus {
  outline: none; }

.active {
  color: #1be5ea !important; }

@media screen and (max-width: 900px) {
  .nav-checkbox:checked ~ .nav {
    height: 100vh;
    position: fixed; }

  .nav-checkbox:checked ~ .nav .nav_mobile-elements {
    display: block; }

  .nav .nav_mobile .nav_brand-logo {
    width: 2.6rem; }

  .nav .nav_mobile .nav_brand-name {
    color: #111;
    font-size: 1.8rem;
    margin: 0; }

  .nav .nav_mobile .nav_brand {
    width: auto; }

  .nav_mobile-elements .nav-links {
    width: 100%;
    text-align: center; }

  .nav_mobile-elements .nav-links li {
    display: block;
    margin: 20px 0; }

  .nav_mobile-elements .nav-links a {
    color: #1be5ea;
    font-size: 2.4rem; }

  .nav {
    height: 55px;
    background-color: white;
    border-bottom: 0.4rem solid #19c7cd;
    padding: 0 20px 0 30px;
    transition: 0.5s all;
    position: relative; }
    .nav-icon {
      font-size: 20px;
      width: 30px;
      text-align: center;
      cursor: pointer;
      margin: 3px 0 0 0; }
    .nav_mobile {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: inherit;
      padding-top: 7px; }
      .nav_mobile-elements {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        display: none; }
    .nav-desktop {
      display: none; } }
.homepage {
  font-family: "montserratregular"; }
  .homepage_banner {
    background-image: url("../images/main-pic.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 75rem;
    text-align: center;
    position: relative; }
    .homepage_banner-text {
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      width: 100%; }
    .homepage_banner-header {
      font-size: 7rem;
      width: 70%;
      margin: 0 auto; }
    .homepage_banner-minor {
      font-size: 2.5em;
      margin-bottom: 3rem; }
  .homepage_intro, .homepage_about, .homepage_process {
    width: 80%;
    margin: 10rem auto; }
  .homepage_intro {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    .homepage_intro-header {
      font-size: 5rem;
      width: 30%;
      line-height: 1.2;
      margin-right: 10rem; }
    .homepage_intro-desc {
      width: 500px;
      font-size: 2.2rem;
      border: 0.4rem solid #000;
      padding: 5rem;
      transition: 0.3s all; }
    .homepage_intro-title {
      margin: 0;
      font-size: 3rem; }
    .homepage_intro-info {
      line-height: 1.7;
      font-family: "montserratlight"; }
  .homepage_about {
    display: flex;
    justify-content: center;
    align-items: stretch; }
    .homepage_about-card {
      border: 0.5rem solid #000; }
      .homepage_about-card:nth-child(2) {
        border-left: none;
        border-right: none; }
    .homepage_about-image {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 23vw; }
    .homepage_about-info {
      padding: 6rem; }
      .homepage_about-info h4 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
        text-transform: uppercase; }
      .homepage_about-info p {
        font-size: 2rem;
        font-family: "montserratlight"; }
    .homepage_about-header {
      display: block; }
  .homepage_process {
    background-color: #1be5ea;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 6vw; }
    .homepage_process-header, .homepage_process-steps {
      color: #fff; }
    .homepage_process-header {
      font-family: "montserratregular";
      font-size: 6vw;
      width: 600px;
      margin-right: 2rem; }
    .homepage_process-steps {
      width: 40%;
      font-size: 2rem; }
      .homepage_process-steps p {
        margin-bottom: 3rem; }
    .homepage_process-title {
      font-size: 2.4rem; }

#about-branding {
  background-image: url("../images/branding.jpg"); }

#about-survey {
  background-image: url("../images/survey.jpg"); }

#about-service {
  background-image: url("../images/clock.jpg"); }

.learn-more {
  display: block;
  font-size: 1.4rem;
  margin-top: 3rem; }

.btn-link {
  width: 100% !important;
  height: 100% !important;
  color: #000 !important;
  font-family: "montserratregular" !important;
  font-size: 2.2rem !important;
  transition: 0.3s all !important;
  text-align: center !important; }
  .btn-link:hover, .btn-link:focus {
    text-decoration: none !important; }
  .btn-link span {
    margin-right: 2rem; }

.testimonial {
  background-color: rgba(0, 0, 0, 0.05);
  height: auto;
  border-top: 0.1rem solid 0, 0, 0, 0.2;
  padding: 6rem 0 8rem; }
  .testimonial img.d-block {
    width: 35rem !important;
    margin: 0 auto !important; }
  .testimonial p {
    color: #000; }
  .testimonial .clients {
    font-size: 4rem;
    border-bottom: 0.2rem solid #000;
    text-transform: uppercase; }
  .testimonial .comment {
    font-size: 2.5rem;
    font-style: italic;
    font-family: "montserratlight"; }
  .testimonial .author {
    font-size: 2rem;
    font-family: "montserratregular"; }
  @media screen and (max-width: 500px) {
    .testimonial img.d-block {
      width: 28rem !important;
      margin: 0 !important; }
    .testimonial .clients {
      font-size: 3rem; }
    .testimonial .comment {
      font-size: 2rem; }
    .testimonial .author {
      font-size: 1.6rem; } }
  .testimonial a {
    text-align: center;
    color: #000; }
  .testimonial button {
    border-radius: 0.5rem;
    background-color: #fff;
    border: none;
    margin: 0 0 0 1rem;
    transition: 0.3s;
    border-bottom: none; }
    .testimonial button a {
      text-decoration: none; }
  .testimonial .container:nth-child(1) button:hover {
    background-color: #ff8e3a; }
    .testimonial .container:nth-child(1) button:hover a {
      color: #fff; }
  .testimonial .carousel-control-prev-icon,
  .testimonial .carousel-control-next-icon {
    width: 4rem !important;
    height: 4rem !important; }
    @media screen and (max-width: 500px) {
      .testimonial .carousel-control-prev-icon,
      .testimonial .carousel-control-next-icon {
        width: 1rem !important; } }
  .testimonial .carousel-control-prev-icon {
    background-image: url("../svg/prev_arrow.svg") !important; }
  .testimonial .carousel-control-next-icon {
    background-image: url("../svg/next_arrow.svg") !important; }
  .testimonial .carousel-indicators .active {
    background-color: #000 !important; }
  .testimonial .carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.5) !important; }

@media screen and (max-width: 900px) {
  .homepage_banner {
    height: 45rem; }
    .homepage_banner-header {
      font-size: 6rem;
      width: 100%; }
    .homepage_banner-minor {
      font-size: 2em;
      margin-bottom: 3rem;
      width: 80%;
      margin: 1rem auto 3rem; }
  .homepage_intro, .homepage_about, .homepage_process {
    width: 90%;
    margin: 5rem auto; }
  .homepage_intro {
    flex-direction: column;
    align-items: center; }
    .homepage_intro-header {
      font-size: 3.6rem;
      width: 90%;
      margin-right: 0;
      margin-bottom: 5rem; }
    .homepage_intro-desc {
      width: 90%;
      padding: 2rem; }
    .homepage_intro-info {
      line-height: 1.5; }
  .homepage_about {
    flex-direction: column; }
    .homepage_about-card {
      position: relative; }
      .homepage_about-card:nth-child(2) {
        border-left: 0.5rem solid #000;
        border-right: 0.5rem solid #000; }
      .homepage_about-card:nth-child(1) {
        border-bottom: none; }
      .homepage_about-card:nth-child(3) {
        border-top: none; }
    .homepage_about-image {
      height: 90vw; }
    .homepage_about-info {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
      height: 100%; }
  .homepage_process {
    flex-direction: column; }
    .homepage_process-header {
      width: 100%;
      font-size: 4.8rem; }
    .homepage_process-steps {
      width: 100%; }

  #about-branding {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/branding.jpg"); }

  #about-survey {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/survey.jpg"); }

  #about-service {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/clock.jpg"); } }
@media screen and (max-width: 500px) {
  .homepage_banner-header {
    font-size: 4.5rem; }
  .homepage_intro-info {
    font-size: 1.8rem; }
  .homepage_about-info {
    padding: 4rem; }
    .homepage_about-info h4 {
      font-size: 2.2rem;
      margin: 0; }
    .homepage_about-info p {
      font-size: 1.8rem; }
  .homepage_process-header {
    font-size: 3.5rem; }
  .homepage_process-steps p {
    font-size: 1.8rem;
    margin-bottom: 1.5rem; } }
.footer {
  height: 240px;
  width: 100%;
  background-color: #292929;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .footer-info {
    display: flex;
    justify-content: center; }
  .footer-image {
    width: 7rem;
    align-self: start; }
  .footer-list {
    list-style: none;
    text-decoration: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    margin-left: 2rem; }
    .footer-list a {
      color: #fff;
      text-decoration: underline;
      font-size: 1.4rem;
      font-family: "montserratregular";
      cursor: pointer; }
  .footer-social {
    display: flex;
    flex-direction: column;
    margin-left: 2rem;
    justify-content: space-around; }
    .footer-social img {
      width: 4rem; }

.contact {
  background-image: url("../images/contact-4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 90rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-animation: contactBgAnimate 15s 2s ease-in-out infinite;
  animation: contactBgAnimate 15s 2s ease-in-out infinite; }
  .contact_form {
    background-color: rgba(255, 255, 255, 0.8);
    border: 0.5rem solid #1be5ea;
    border-radius: 0.5rem;
    padding: 5rem;
    width: 40%; }
    .contact_form-title {
      font-size: 2rem;
      text-transform: uppercase;
      font-family: "montserratbold"; }
    .contact_form-input, .contact_form-desc {
      border: none;
      font-size: 1.4rem;
      border-radius: 0.5rem;
      width: 100%;
      margin-bottom: 2rem; }
    .contact_form-submit {
      background-color: #eaa04b;
      font-size: 1.8rem;
      font-family: "montserratlight";
      border-radius: 0.5rem;
      padding: 1rem 2rem;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
      transition: 0.3s all; }
      .contact_form-submit:hover {
        transform: translateY(-4px);
        box-shadow: 0 0.5rem 0.5rem #aaa; }
      .contact_form-submit:focus {
        transform: translateY(0);
        outline: none;
        border: none; }
  .contact-sent h4 {
    font-size: 3rem; }
  .contact-sent p {
    font-size: 2rem;
    margin-top: 2rem; }

@media screen and (max-width: 900px) {
  .contact_form {
    width: 90%; } }
@media screen and (max-width: 500px) {
  .contact_form {
    padding: 5rem 2rem; } }
.projects_banner {
  background-image: url("../images/main-pic.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 75rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 18rem; }
  .projects_banner-box {
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .projects_banner-image {
    width: 18rem; }
  .projects_banner-info {
    width: 500px; }
  .projects_banner-rotate, .projects_banner-secondary {
    font-size: 8rem;
    line-height: 1; }
  .projects_banner-rotate {
    color: #fff;
    position: relative;
    height: 9rem;
    overflow: hidden; }
    .projects_banner-rotate * {
      position: absolute;
      left: 0;
      width: 100%; }
    .projects_banner-rotate-1 {
      top: 0;
      animation: rotate1 10s 2s infinite; }
    .projects_banner-rotate-2 {
      top: 90px;
      animation: rotate2 10s 2s infinite; }
    .projects_banner-rotate-3 {
      top: 90px;
      animation: rotate3 10s 2s infinite; }
  .projects_banner-secondary {
    color: #1be5ea; }
.projects_sec {
  width: 80%;
  margin: 10rem auto; }
  .projects_sec-title {
    font-size: 3.5rem;
    margin: 4rem 0;
    text-align: left; }
  .projects_sec-proj {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%; }
    .projects_sec-proj-title {
      color: #fff;
      text-decoration: underline;
      background-color: rgba(0, 0, 0, 0.3);
      padding: 2rem 0; }
  .projects_sec-box {
    overflow: hidden;
    width: 48%;
    height: 350px;
    transition: 0.3s all;
    position: relative; }
    .projects_sec-box:hover .projects_sec-client {
      opacity: 1; }
    .projects_sec-box:hover .projects_sec-image {
      filter: brightness(50%);
      transform: scale(1.1);
      border-radius: 0.3rem; }
    .projects_sec-box:nth-child(odd) {
      margin-right: 4%;
      margin-bottom: 4%; }
  .projects_sec-link:hover {
    text-decoration: none; }
  .projects_sec-image {
    border-radius: 0.3rem;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    transition: 0.3s all; }
  .projects_sec-client {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding: 0 2rem;
    opacity: 0;
    transition: 0.3s all;
    z-index: 100;
    width: 90%; }
  .projects_sec #stories {
    background-image: url("../images/projects/project-1/project-1-bg.jpg"); }
  .projects_sec #forest {
    background-image: url("../images/projects/project-3/project-3-bg.jpg"); }
  .projects_sec #gusto {
    background-image: url("../images/projects/project-4/project-4-bg.jpg"); }
  .projects_sec #gardens {
    background-image: url("../images/projects/project-2/project-2-bg.jpg"); }
.projects_tgj {
  width: 80%;
  margin: 10rem auto;
  background-color: #f9f2df;
  padding: 8rem 0; }
  .projects_tgj-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
  .projects_tgj-header {
    margin: 0 1.3vw 2vw 1.3vw;
    width: 23vw;
    height: 23vw; }
  .projects_tgj-title {
    text-align: left;
    font-size: 4vw;
    margin: 0;
    line-height: 1; }
  .projects_tgj-image {
    width: 23vw;
    height: 23vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
    margin: 0 1.3vw 2vw 1.3vw; }
  .projects_tgj #illustration_1 {
    background-image: url("../images/illustrations/illustration-1.jpg"); }
  .projects_tgj #illustration_2 {
    background-image: url("../images/illustrations/illustration-2.png"); }
  .projects_tgj #illustration_3 {
    background-image: url("../images/illustrations/illustration-3.png"); }
  .projects_tgj #illustration_4 {
    background-image: url("../images/illustrations/illustration-4.png"); }
  .projects_tgj #illustration_5 {
    background-image: url("../images/illustrations/illustration-5.png"); }
  .projects_tgj #illustration_6 {
    background-image: url("../images/illustrations/illustration-6.png"); }
  .projects_tgj #illustration_7 {
    background-image: url("../images/illustrations/illustration-7.png"); }

.card-flip {
  perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  height: 28vw;
  width: 24%; }
  .card-flip:not(:last-child) {
    margin-right: 2%; }
  .card-flip_side {
    border-radius: 0.5rem;
    height: 28vw;
    width: 100%;
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden; }
    .card-flip_side-front {
      background-image: url("../images/tgj_retro-text.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .card-flip_side-back {
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/tgj_retro-text-flip.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: rotateY(-180deg); }
      .card-flip_side-back ul {
        text-align: left; }
  .card-flip:hover .card-flip_side-front {
    transform: rotateY(180deg); }
  .card-flip:hover .card-flip_side-back {
    transform: rotateY(0deg); }

@keyframes rotate1 {
  0% {
    top: 0;
    z-index: 5; }
  15% {
    top: -90px;
    z-index: 1; }
  16% {
    top: 90px;
    z-index: 1; }
  30% {
    top: 90px;
    z-index: 1; }
  60% {
    top: 90px;
    z-index: 1; }
  75% {
    top: 0px;
    z-index: 5; } }
@keyframes rotate2 {
  0% {
    top: 90px;
    z-index: 1; }
  15% {
    top: 0;
    z-index: 5; }
  30% {
    top: 0;
    z-index: 5; }
  45% {
    top: -90px;
    z-index: 1; }
  46% {
    top: 90px;
    z-index: 1; }
  65% {
    top: 90px;
    z-index: 1; } }
@keyframes rotate3 {
  0% {
    top: 90px;
    z-index: 1; }
  30% {
    top: 90px;
    z-index: 1; }
  45% {
    top: 0;
    z-index: 5; }
  60% {
    top: 0;
    z-index: 5; }
  75% {
    top: -90px;
    z-index: 1; }
  76% {
    top: 90px;
    z-index: 1; } }
@keyframes test {
  0% {
    background-image: url("../images/contact-1.jpg"); }
  25% {
    background-image: url("../images/contact-2.jpg"); }
  50% {
    background-image: url("../images/contact-3.jpg"); }
  75% {
    background-image: url("../images/contact-4.jpg"); }
  100% {
    background-image: url("../images/contact-1.jpg"); } }
@media screen and (max-width: 900px) {
  .projects_banner {
    height: 45rem;
    padding-top: 12rem; }
    .projects_banner-image {
      width: 10rem; }
    .projects_banner-secondary {
      font-size: 6rem;
      margin: 0; }
  .projects_sec-box, .projects_sec-image {
    height: 39.5vw; }
  .projects_sec-client {
    font-size: 2rem; }

  .card-flip {
    width: 32%;
    height: 36vw; }
    .card-flip_side {
      height: 36vw;
      font-size: 2.2rem; }

  .insert {
    height: 20rem;
    width: 1rem; } }
@media screen and (max-width: 500px) {
  .projects_banner {
    padding-top: 16rem; }
    .projects_banner-secondary {
      font-size: 3rem; }
    .projects_banner-image {
      width: 5rem; }
  .projects_sec-title {
    font-size: 2.6rem; }
  .projects_tgj {
    padding: 5rem 0; }
    .projects_tgj-container {
      flex-direction: column; }
    .projects_tgj-title {
      font-size: 3.5rem; }
    .projects_tgj-header {
      padding-left: 5rem;
      margin: 0; }
    .projects_tgj-image {
      width: 90%;
      height: 270px;
      margin: 1rem auto; }

  .card-flip {
    width: 48%;
    height: 52vw; }
    .card-flip_side {
      height: 52vw;
      font-size: 1.6rem; }

  .insert {
    height: 11rem;
    width: 0.5rem;
    margin: 0 2rem; } }
.project {
  background: linear-gradient(to bottom, #d2b89e 0%, #f9f2df 10%);
  padding: 15rem 0; }
  .project__detail {
    width: 50%;
    margin: auto;
    position: relative;
    padding-bottom: 15rem;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .project__detail:before {
      content: '';
      position: absolute;
      left: 25%;
      bottom: 0;
      height: 0.1rem;
      width: 50%;
      border-bottom: 0.2rem solid #000; }
    .project__detail-title {
      opacity: 0;
      font-size: 4rem;
      text-transform: uppercase;
      margin-bottom: 4rem;
      font-family: "montserratbold";
      animation: loadIn 3s 1s forwards; }
    .project__detail-image {
      width: 35rem;
      height: auto;
      margin: 0 auto 8rem;
      animation: loadIn 3s; }
    .project__detail-desc {
      opacity: 0;
      font-size: 2rem;
      font-family: "montserratregular";
      animation: loadIn 3s 1s forwards; }
      .project__detail-desc:not(:last-child) {
        margin-bottom: 2rem; }
  .project__concepts, .project__final {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5rem;
    justify-content: center;
    align-items: center; }
    .project__concepts-title, .project__final-title {
      font-family: "montserratbold";
      font-size: 3rem;
      flex: 0 0 100%;
      text-align: center;
      margin: 5rem 0 5rem; }
    .project__concepts-image, .project__final-image {
      width: 30rem;
      height: auto;
      margin-bottom: 5rem; }
      .project__concepts-image:not(:last-child), .project__final-image:not(:last-child) {
        margin-right: 5rem; }

@keyframes loadIn {
  from {
    transform: translateY(-3rem);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
@media screen and (max-width: 900px) {
  .project {
    padding: 5rem 0; }
    .project__detail {
      width: 80%;
      padding-bottom: 5rem; }
    .project__concepts-image:nth-child(odd) {
      margin-right: 5rem; } }
@media screen and (max-width: 500px) {
  .project__detail-image {
    width: 25rem; }
  .project__detail-title {
    font-size: 2.8rem; }
  .project__detail-desc {
    font-size: 1.8rem; }
  .project__concepts-title {
    font-size: 2.8rem; }
  .project__concepts-image {
    width: 25rem;
    margin: 0 0 2rem !important; }
  .project__final-title {
    font-size: 2.8rem; }
  .project__final-image {
    width: 25rem;
    margin: 0 0 2rem !important; } }
.policies {
  padding: 15rem 10rem 5rem;
  background: linear-gradient(to bottom, #d2b89e 0%, #f9f2df 10%); }
  .policies-title, .policies-header {
    text-transform: uppercase;
    font-family: "montserratbold"; }
  .policies-title {
    text-align: center;
    font-size: 4rem;
    margin-bottom: 3rem; }
  .policies-header {
    font-size: 2.4rem;
    margin-top: 8rem;
    position: relative; }
    .policies-header:before {
      content: '';
      position: absolute;
      top: -4rem;
      left: 50%;
      width: 10%;
      transform: translateX(-50%);
      height: 0.1rem;
      border-bottom: 0.2rem solid #000; }
  .policies-info {
    font-size: 1.6rem;
    font-family: "montserratregular";
    margin-bottom: 2rem; }
  .policies_payment {
    margin-bottom: 2rem;
    list-style: none; }
    .policies_payment-option {
      font-size: 1.6rem;
      font-family: "montserratregular"; }

@media screen and (max-width: 780px) {
  .policies {
    text-align: justify;
    padding: 3rem;
    background: #f9f2df; }
    .policies-title {
      font-size: 2.4rem; }
    .policies-header {
      font-size: 1.8rem;
      margin-bottom: 3rem; }
      .policies-header:before {
        width: 30%; }
    .policies-info {
      font-size: 1.2rem; }
    .policies_payment {
      padding-inline-start: 2rem; }
      .policies_payment-option {
        font-size: 1.2rem; } }
.about_banner {
  background-image: url("../images/main-pic.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 75rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 18rem; }
  .about_banner-box {
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .about_banner-image {
    width: 18rem; }
  .about_banner-secondary {
    font-size: 8rem;
    line-height: 1;
    color: #1be5ea; }
.about_info {
  display: flex;
  justify-content: center;
  align-items: center; }
  .about_info-image {
    width: 40rem;
    height: 40rem;
    margin: 8rem; }
  .about_info p {
    font-size: 2.4rem;
    width: 40%; }
.about_people {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 10rem 5rem; }
  .about_people-click {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    color: #fff;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-family: "montserratbold";
    width: 100%;
    text-align: center;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    padding-top: 16rem;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
    cursor: pointer; }
  .about_people-title {
    width: 100%;
    text-align: center;
    font-size: 4rem; }
  .about_people-kevin, .about_people-christina {
    overflow: hidden;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 50%;
    border-radius: 5rem; }
    .about_people-kevin-image, .about_people-christina-image {
      position: relative; }
    .about_people-kevin-bg, .about_people-christina-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 15rem;
      height: 15rem;
      border-radius: 50%;
      transition: all 0.7s;
      z-index: -1;
      transform: translate(-50%, -50%); }
    .about_people-kevin-info, .about_people-christina-info {
      font-size: 2.4rem;
      width: 50%;
      text-align: center;
      position: relative; }
    .about_people-kevin-name, .about_people-kevin-about, .about_people-christina-name, .about_people-christina-about {
      position: absolute;
      top: 50%;
      left: 50%;
      transition: all 0.8s;
      transform: translate(-50%, -50%);
      width: 100%; }
    .about_people-kevin-name p:first-child, .about_people-christina-name p:first-child {
      font-size: 3rem; }
    .about_people-kevin-about, .about_people-christina-about {
      opacity: 0;
      text-align: left; }
  .about_people img {
    width: 25rem;
    height: 25rem;
    border-radius: 50%;
    transition: all 0.3s;
    cursor: pointer; }
    .about_people img:hover {
      box-shadow: 0 0 2rem #444; }
  .about_people-christina {
    margin-right: 2rem; }
    .about_people-christina-bg {
      background-color: #1be5ea; }
  .about_people-kevin-bg {
    background-color: #eaa04b; }

#about-christina:checked
~ .about_people-christina-image
.about_people-christina-bg,
#about-kevin:checked ~ .about_people-kevin-image .about_people-kevin-bg {
  transform: scale(12); }

#about-christina:checked ~ .about_people-christina-image img,
#about-kevin:checked ~ .about_people-kevin-image img {
  box-shadow: 0 0 2rem #444; }

#about-christina:checked
~ .about_people-christina-info
.about_people-christina-about,
#about-kevin:checked ~ .about_people-kevin-info .about_people-kevin-about {
  opacity: 1;
  color: #fff; }

#about-christina:checked
~ .about_people-christina-info
.about_people-christina-name,
#about-kevin:checked ~ .about_people-kevin-info .about_people-kevin-name {
  opacity: 0; }

@media screen and (max-width: 900px) {
  .about_banner {
    height: 45rem;
    padding-top: 12rem; }
    .about_banner-image {
      width: 10rem; }
    .about_banner-secondary {
      font-size: 6rem;
      margin: 0; }
  .about_info {
    flex-direction: column;
    margin-bottom: 5rem; }
    .about_info-image {
      width: 35vw;
      height: 35vw;
      margin: 5rem; }
    .about_info p {
      font-size: 2.4rem;
      width: 70%;
      text-align: center; }
  .about_people {
    flex-direction: column; }
    .about_people img {
      width: 20rem;
      height: 20rem; }
    .about_people-christina {
      margin: 0 auto 2rem; }
    .about_people-kevin {
      margin: 0 auto; }
    .about_people-christina, .about_people-kevin {
      padding: 2rem;
      width: 90%; }
      .about_people-christina-info, .about_people-kevin-info {
        font-size: 2rem; }
    .about_people-click {
      padding-top: 14rem;
      font-size: 1.6rem; }

  .insert {
    height: 20rem;
    width: 1rem; } }
@media screen and (max-width: 500px) {
  .about_banner {
    padding-top: 16rem; }
    .about_banner-image {
      width: 5rem; }
    .about_banner-secondary {
      font-size: 3rem; }
  .about_info-image {
    width: 200px;
    height: 200px;
    margin: 3rem; }
  .about_info p {
    font-size: 2rem;
    width: 80%; }
  .about_people {
    margin: 3rem; }
    .about_people-title {
      font-size: 2.5rem; }
    .about_people-christina, .about_people-kevin {
      height: 45rem;
      flex-direction: column-reverse;
      justify-content: flex-end;
      width: 100%; }
      .about_people-christina-info, .about_people-kevin-info {
        font-size: 1.6rem;
        width: 100%; }
      .about_people-christina-name, .about_people-christina-about, .about_people-kevin-name, .about_people-kevin-about {
        margin-top: 110px; }

  .insert {
    height: 11rem;
    width: 0.5rem;
    margin: 0 2rem; } }
.faq {
  padding: 15rem 10rem 5rem;
  background: linear-gradient(to bottom, #d2b89e 0%, #f9f2df 10%);
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  .faq_questions, .faq_contact {
    width: 48%; }
  .faq_questions {
    margin-right: 2%; }

.faq .accordion {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column; }

.faq-header {
  font-size: 4rem;
  color: #000;
  line-height: 9rem;
  margin: 0 auto 5rem;
  width: 100%;
  text-align: center; }

.card {
  border: none !important;
  width: 100% !important;
  background-color: transparent; }

.card-header {
  background-color: transparent !important;
  border-bottom: 0.2rem solid #000;
  margin-bottom: 2rem; }

.card-body {
  font-size: 2rem !important;
  text-align: justify !important; }

@media screen and (max-width: 900px) {
  .faq {
    flex-direction: column;
    padding: 5rem 8rem; }
    .faq_questions, .faq_contact {
      width: 100%; }
    .faq_questions {
      margin: 0 0 5rem; }
    .faq-header {
      margin: 0 auto 3rem; }

  .faq .btn-link {
    font-size: 2rem !important; } }
@media screen and (max-width: 500px) {
  .faq {
    padding: 3rem; }
    .faq-header {
      line-height: 1.5;
      font-size: 3rem; }

  .faq .btn-link {
    font-size: 1.5rem !important;
    padding: 0; }

  .card-body {
    font-size: 1.4rem !important; } }

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