/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
@import url("https://fonts.googleapis.com/css?family=Oswald:500");
@import url("https://fonts.googleapis.com/css?family=Red+Hat+Display:900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Karla|Space+Mono");
@import "https://fonts.googleapis.com/css?family=Josefin+Sans:400,700";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500&family=Montserrat:wght@300;500&display=swap');
.navigation__list li a {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #ebe9e9 !important;
  margin: 0 30px;
  font-size: 16px !important;
  letter-spacing: 4px;
  position: relative;
  display: inline-block; }
  .navigation__list li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #d3d3d3 !important;
    top: 47%;
    animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both; }
  /* .navigation__list li a:hover {
    color: #000000 !important; } */
    .navigation__list li a:hover:before {
      animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both; }

.company-info__text h2 {
  font-size: 8vh !important;
  font-weight: 700; }

.footer {
  padding: 85px 0;
  background-color: #141414; }
  .footer__icons {
    color: #a5a5a5; }
    .footer__icons:hover {
      color: #ffffff; }
  .footer__icons1 {
    color: #a5a5a5; }
    .footer__icons1:hover {
      color: #000000; }
  .footer_logo {
    height: 100%;
    text-align: center;
    background-color: #252525; }
    .footer_logo img {
      margin: 75px 0 35px 0;
      height: 125px; }
    .footer_logo_holder {
      padding-bottom: 35px; }
    @media (max-width: 600px) {
      .footer_logo_holder {
        padding-bottom: 0px; } }
  .footer_contact {
    height: 100%;
    background-color: #252525;
    color: white; }
    .footer_contact_header {
      text-align: center; }
      .footer_contact_header h3 {
        font-size: 5vh;
        color: #f1592a;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 40px 0; }
    .footer_contact i {
      color: white; }
  .footer_links {
    background-color: #f1592a;
    height: 100%; }
    .footer_links_header {
      text-align: center; }
      .footer_links_header h3 {
        font-size: 5vh;
        color: #252525;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 40px 0 20px; }
      @media (max-width: 600px) {
        .footer_links_header h3 {
          padding: 10px 0 0px; } }
    .footer_links_holder {
      text-align: center; }
      .footer_links_holder a {
        color: #ffffff;
        font-size: 2.6vh;
        letter-spacing: 1.5px;
        line-height: 50px;
        font-weight: 300; }
        .footer_links_holder a:hover {
          text-decoration: none;
          color: #252525; }
  @media (max-width: 600px) {
    .footer_logo img {
      margin: 50px 0 20px 0;
      height: 100px; }
    .footer_contact_header h3 {
      padding: 20px 0; } }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

@media (max-width: 600px) {
  .address_list {
    padding: 0 20px !important; } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden; }

body {
  box-sizing: border-box;
  background-color: #ffffff !important;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  80% {
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  80% {
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInCenter {
  0% {
    opacity: 0;
    transform: translateY(100px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes in {
  0% {
    width: 0;
    left: 0;
    right: auto; }
  100% {
    left: 0;
    right: auto;
    width: 100%; } }

@keyframes out {
  0% {
    width: 100%;
    left: auto;
    right: 0; }
  100% {
    width: 0;
    left: auto;
    right: 0; } }

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

nav a:nth-child(1) {
  animation: show 0.2s 0.6s ease 1 both; }

nav a:nth-child(2) {
  animation: show 0.2s 0.7s ease 1 both; }

nav a:nth-child(3) {
  animation: show 0.2s 0.8s ease 1 both; }

nav a:nth-child(4) {
  animation: show 0.2s 0.9s ease 1 both; }

nav a:nth-child(5) {
  animation: show 0.2s 1s ease 1 both; }

.left-aligner {
  left: 10% !important; }

@media (max-width: 600px) {
  .left-aligner {
    left: 0 !important; } }

.highlight {
  font-size: 10vh;
  color: #fefefe;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500; /* Specify the font weight for Montserrat Light */  }
  .highlight span {
    /* background-image: linear-gradient(transparent calc(65% - 10px), #000cc4 5px); */
    background-size: 0;
    background-repeat: no-repeat;
    transition: 0.5s ease; }
  .highlight:hover span {
    background-size: 100%; }

@media (max-width: 600px) {
  .highlight {
    font-size: 8vh; }
  .highlight_1 {
      font-size: 5vh; } }

.highlight_1 {
  font-size: 6vh;
  color: #fefefe;
  }
  .sub_highlight{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300; /* Specify the font weight for Montserrat Light */
  }
  .sub_highlight_2{
    color: #f14902;
    font-family: 'Lexend', sans-serif;
  }

.clickme_button {
  position: fixed;
  padding: 14px 22px;
  transition: all 0.2s ease; }
  .clickme_button:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    border-radius: 28px;
    background: rgba(205, 177, 144, 0.6);
    width: 35px;
    height: 35px;
    transition: all 0.3s ease; }
  .clickme_button span {
    color: #ffffff;
    position: relative;
    font-size: 1.5vh;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle; }
  .clickme_button svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease; }
  .clickme_button:hover {
    text-decoration: none; }
    .clickme_button:hover:before {
      width: 100%;
      background: #cdb190; }
    .clickme_button:hover svg {
      transform: translateX(0); }
  .clickme_button:active {
    transform: scale(0.96); }

.clickme_button_index {
  position: fixed;
  padding: 14px 22px;
  transition: all 0.2s ease; }
  .clickme_button_index:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    border-radius: 28px;
    background: rgba(241, 89, 42, 0.6);
    width: 35px;
    height: 35px;
    transition: all 0.3s ease; }
  .clickme_button_index span {
    color: #ffffff;
    position: relative;
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle; }
  .clickme_button_index svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease; }
  .clickme_button_index:hover {
    text-decoration: none; }
    .clickme_button_index:hover:before {
      width: 100%;
      background: #f1592a; }
    .clickme_button_index:hover svg {
      transform: translateX(0); }
  .clickme_button_index:active {
    transform: scale(0.96); }

.home-section-heading {
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 8vh;
  position: relative;
  /* letter-spacing: 10px; */
  font-size: 3.7vh;
  font-weight: 700;
  background-image: linear-gradient(to right, #434343, #000000);
  display: inline-block;
  -webkit-background-clip: text;
  color: transparent; }
  .home-section-heading::after {
    content: "";
    width: 70%;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: #f1592a;
    left: 0;
    right: 0;
    bottom: -10px; }

.sub-section-heading {
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 8vh;
  position: relative;
  letter-spacing: 5px;
  font-size: 3.7vh;
  font-weight: 700;
  background-image: linear-gradient(to right, #50c9c3, #96deda);
  display: inline-block;
  -webkit-background-clip: text;
  color: transparent; }
  .sub-section-heading::after {
    content: "";
    width: 70%;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: #ffffff;
    left: 0;
    right: 0;
    bottom: -10px; }

.sub-heading2 h3 {
  margin-bottom: 7vh;
  font-size: 4vh;
  position: relative;
  letter-spacing: 3px;
  font-family: "Josefin Sans", sans-serif;
  color: #ffffff; }
  .sub-heading2 h3::after {
    margin: 0 auto;
    content: "";
    width: 10%;
    position: absolute;
    height: 3px;
    background: #f1592a;
    left: 0;
    right: 0;
    bottom: 0; }

.blockquote {
  position: relative;
  width: 100%; }
  .blockquote h1 {
    position: relative;
    /* for pseudos */
    color: #f1592a;
    font-size: 5.5vh;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius: 20px;
    padding: 25px; }
    .blockquote h1:after {
      content: "";
      position: absolute;
      border: 2px solid #f1592a;
      border-radius: 0 50px 0 0;
      width: 60px;
      height: 62px;
      bottom: -62px;
      left: 50px;
      border-bottom: none;
      border-left: none;
      z-index: 3; }
    .blockquote h1:before {
      content: "";
      position: absolute;
      width: 80px;
      border: 6px solid #141414;
      bottom: -3px;
      left: 50px;
      z-index: 2; }
  .blockquote h4 {
    position: relative;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left: 150px;
    padding-left: 12px; }
    .blockquote h4:first-letter {
      margin-left: -12px; }

.scale-up {
  max-width: 100%;
  display: block;
  transform: scale(1);
  transition: all 0.3s ease; }
  .scale-up:hover, .scale-up:focus {
    transform: scale(1.2);
    opacity: 0.4; }

:root {
  --src: url(https://images.unsplash.com/photo-1554620121-59e7f3f6e3a4?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy);
  --size: 54vmin;
  --space: 8vmin;
  --duration: 300ms;
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --bounce-out: cubic-bezier(0.34, 1.56, 0.64, 1); }

* {
  box-sizing: border-box; }

.promo {
  display: inline-block;
  position: relative;
  width: var(--size);
  height: var(--size); }

.title {
  --font-size: calc(var(--size) / 8);
  font-family: "Josefin Sans", sans-serif;
  color: #ffffff;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transition: transform var(--duration) var(--ease-out);
  pointer-events: none; }

.title::after {
  content: attr(data-cta);
  display: inline-block;
  margin-left: 1.5vmin;
  font-size: calc(var(--font-size) / 3.25);
  font-weight: 400;
  letter-spacing: 0.125vmin;
  opacity: 0;
  transform: translateX(-25%);
  transition: transform var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out); }

.image-wrapper {
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
  transition: transform var(--duration) var(--ease-out), clip-path var(--duration) var(--ease-out); }

.image-wrapper img {
  position: relative;
  width: 100%;
  height: 100%;
  transform: translateX(-10%);
  transition: transform var(--duration) var(--ease-out); }

.image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-color);
  mix-blend-mode: multiply;
  opacity: 0;
  transform: translateZ(0);
  transition: opacity var(--duration) var(--ease-out); }

.promo:hover img {
  transform: translateX(0); }

.promo:hover .image-wrapper {
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  transform: translateX(25%);
  transition-timing-function: var(--bounce-out); }

.promo:hover .title {
  transform: translate(5%, -50%);
  transition-timing-function: var(--bounce-out); }

.promo:hover .title::after {
  opacity: 1;
  transform: translateX(0);
  transition-timing-function: var(--bounce-out); }

.promo:hover .image-wrapper::after {
  opacity: 1; }

.hero {
  width: 100vw;
  height: 100vh;
  position: relative; }
  .hero-one {
    top: 0;
    position: absolute;
    width: 100%;
    background-color: black;
    height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/furniture_home.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }

.introduction {
  background-color: #252525;
  padding: 5vh; }
  .introduction_1 {
    text-align: center; }
    .introduction_1 h2 {
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 4vh;
      letter-spacing: 3.5px; }
    .introduction_1 p {
      color: #ffffff;
      letter-spacing: 1.5px;
      line-height: 30px;
      font-size: 1.9vh; }
    @media (max-width: 600px) {
      .introduction_1 p {
        line-height: 25px; }
      .introduction_1 h4 {
        margin-bottom: 50px; } }
    .introduction_1 h4 {
      font-weight: 300;
      font-size: 3vh;
      font-style: italic;
      color: #f1592a; }
  .introduction_2 {
    background-color: #f1592a !important;
    text-align: center; }
    .introduction_2 h2 {
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 4vh;
      letter-spacing: 3.5px; }
    .introduction_2 p {
      color: #ffffff;
      letter-spacing: 1px;
      line-height: 15px;
      font-size: 20px;
      font-weight: 300; }

.experience {
  padding: 50px 0;
  background-color: #f5f5f5; }
  .experience_container {
    padding: 50px 70px !important; }
  .experience_holder {
    text-align: center;
    padding: 35px 0 30px;
    border-right: 2px solid #dee2e6; }
    .experience_holder:last-of-type {
      border-right: 0; }
    .experience_holder p {
      font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 4px;
      color: #252525; }
    .experience_holder h2 {
      color: #cdb190;
      margin-top: 0px; }
    .experience_holder i {
      color: #252525; }
  @media (max-width: 600px) {
    .experience_container {
      padding: 20px 40px !important; }
    .experience_holder {
      border-bottom: 2px solid #dee2e6;
      border-right: 0; } }

.products {
  padding: 50px 150px;
  background-color: #252525; }
  .products_heading {
    text-align: center; }
    .products_heading h1 {
      font-weight: 500;
      font-size: 5vh;
      letter-spacing: 2px;
      color: #cdb190; }
  .products_holder {
    text-align: center; }
  .products_container {
    padding: 30px 90px; }

@media (max-width: 600px) {
  .products {
    padding: 50px; }
    .products_container {
      padding: 0; }
    .products_holder img {
      margin-bottom: 30px; } }

.company-info_tagline {
  font-size: 3vh !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 5px; }

.furniture-section1 {
  padding: 75px 0; }
  .furniture-section1_heading p {
    font-size: 3vh;
    font-weight: 300; }
  .furniture-section1_heading span {
    color: #f1592a;
    font-weight: 500; }
  .furniture-section1_grid {
    padding: 75px 0; }
  @media (max-width: 600px) {
    .furniture-section1_grid {
      padding: 50px 0 0 0; }
    .furniture-section1_holder {
      margin-bottom: 40px; }
    .furniture-section1_card {
      width: 85% !important; } }
  .furniture-section1_holder {
    text-align: -webkit-center;
    width: 100%; }
  .furniture-section1_card {
    text-align: left !important;
    width: 75%;
    height: 425px;
    border-radius: 15px;
    padding: 1.5rem;
    background: white;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-out;
    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.5); }
    .furniture-section1_card:hover:before {
      opacity: 1; }
    .furniture-section1_card:hover .furniture-section1_card_info {
      opacity: 1;
      transform: translateY(0); }
    .furniture-section1_card:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 15px;
      background: rgba(0, 0, 0, 0.6);
      z-index: 2;
      transition: 0.5s;
      opacity: 0; }
    .furniture-section1_card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 15px; }
    .furniture-section1_card_info {
      position: relative;
      z-index: 3;
      color: white;
      opacity: 1;
      transform: translateY(30px);
      transition: 0.5s;
      top: 55%; }
      .furniture-section1_card_info h1 {
        letter-spacing: 3px;
        margin: 0 0 3vh 0;
        font-weight: 300;
        color: #ffffff; }
      .furniture-section1_card_info button {
        padding: 5px 15px;
        outline: none;
        border: none;
        border-radius: 3px;
        background: #bebebe;
        color: black;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease; }
        .furniture-section1_card_info button:hover {
          background: #f1592a;
          color: white; }
        .furniture-section1_card_info button a {
          text-decoration: none;
          color: #000000; }
          .furniture-section1_card_info button a:hover {
            color: white; }

.gallery_section1 {
  background-color: #252525;
  padding: 50px 0; }
  .gallery_section1_link {
    position: relative;
    margin: auto;
    overflow: hidden;
    background: #000000 !important; }
  .gallery_section1_image {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 250px;
    transform: scale(1);
    transition: all 0.3s ease; }
    .gallery_section1_image:hover, .gallery_section1_image:focus {
      transform: scale(1.2);
      opacity: 0.4; }

.new_heading1 {
  margin-bottom: 8vh;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  padding: 1.5vh 5vh;
  border: 2px solid #f1592a;
  position: relative;
  letter-spacing: 0.4em;
  font-size: 4vh;
  font-weight: 700;
  max-width: 100%; }
  .new_heading1:before {
    content: "";
    position: absolute;
    border: inherit;
    left: 0.5em;
    right: 0.5em;
    top: -0.5em;
    bottom: -0.5em; }

.office-section1 {
  padding: 50px 0 100px 0;
  background-color: #252525; }
  .office-section1_heading p {
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 300;
    color: #bebebe; }
  .office-section1_heading span {
    color: #f1592a;
    font-weight: 500; }

.office_roller {
  margin-top: 75px; }
  .office_roller_holder {
    font-size: 40px;
    line-height: 50px;
    color: #999; }
    .office_roller_holder p {
      height: 50px;
      float: left;
      margin-right: 0.3em; }
    .office_roller_holder b {
      float: left;
      overflow: hidden;
      position: relative;
      height: 53px;
      top: 0; }
    .office_roller_holder_inner {
      display: inline-block;
      color: #f1592a;
      position: relative;
      white-space: nowrap;
      top: 0;
      left: 0;
      -webkit-animation: move1 5s;
      -moz-animation: move1 5s;
      -ms-animation: move1 5s;
      -o-animation: move1 5s;
      animation: move1 5s;
      /*animation-iteration-count*/
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      /*animation-delay*/
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      -ms-animation-delay: 1s;
      -o-animation-delay: 1s;
      animation-delay: 1s; }

@keyframes move1 {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; } }

@-webkit-keyframes move1 {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; } }

@-moz-keyframes move1 {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; } }

@-o-keyframes move1 {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; } }

@keyframes move1 {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; } }

@media (max-width: 600px) {
  .office-section1 {
    padding: 50px 0 150px 0; }
  .office_roller {
    margin-top: 40px; }
  .office-section2_first {
    padding-bottom: 0 !important; }
  .office-section2_info {
    margin-top: 30px; }
  .office-section2_card {
    height: 250px !important;
    padding-bottom: 30px; }
  .office_section4_card {
    height: 250px !important;
    padding-bottom: 30px; }
  .office_section4_holder {
    padding-bottom: 0 !important; } }

.divider {
  background: #7a7a7a;
  height: 2px;
  margin: 0 auto;
  width: 75px; }

.office-section2 {
  padding: 50px 0;
  background-color: #141414; }
  .office-section2_first {
    padding-bottom: 50px; }
  .office-section2_card {
    height: 400px;
    text-align: center; }
    .office-section2_card img {
      width: 90%;
      height: 100%; }
  .office-section2_info {
    color: #bebebe; }
  .office-section2 p {
    font-size: 20px;
    letter-spacing: 0.5px; }

.office_section3 {
  background-color: #cdb190;
  padding: 25px 0px; }
  .office_section3_heading {
    text-align: center;
    letter-spacing: 2px;
    font-size: 20px;
    padding-bottom: 30px; }

.office_section4 {
  background-color: #252525;
  padding: 25px 0px; }
  .office_section4_heading {
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 20px;
    padding-bottom: 30px; }
  .office_section4_holder {
    padding-bottom: 50px; }
  .office_section4_card {
    height: 400px;
    text-align: center; }
    .office_section4_card img {
      width: 90%;
      height: 100%; }

.education_section1 {
  background-color: #141414;
  padding: 10px 0 75px; }
  .education_section1_info {
    padding-bottom: 50px; }
    .education_section1_info p {
      font-size: 2vh;
      font-weight: 300;
      letter-spacing: 0.5px;
      color: #bebebe; }

@media (max-width: 600px) {
  .uk-child-width-1-2 li {
    width: 100% !important; } }

.education_section2 {
  background-color: #cdb190;
  padding: 25px 0 50px 0; }
  .education_section2_info {
    margin: 10% 0; }
    .education_section2_info h3 {
      text-align: center;
      letter-spacing: 3px;
      font-size: 2.5vh;
      font-weight: 500;
      margin-bottom: 10px; }
    .education_section2_info p {
      font-size: 2vh;
      font-weight: 300;
      letter-spacing: 0.5px; }

.education_section3 {
  background-color: #252525;
  padding: 25px 0 50px 0; }
  .education_section3_info {
    margin: 10% 0; }
    .education_section3_info h3 {
      color: #ffffff;
      text-align: center;
      letter-spacing: 3px;
      font-size: 2.5vh;
      font-weight: 500;
      margin-bottom: 10px; }
    .education_section3_info p {
      color: #bebebe;
      font-size: 2vh;
      font-weight: 300;
      letter-spacing: 0.5px; }

.trading_section1 {
  padding: 75px 0 25px;
  background-color: #252525; }
  .trading_section1_heading p {
    color: #ffffff;
    font-size: 2.3vh;
    font-weight: 300; }
  .trading_section1_heading span {
    color: #f1592a;
    font-weight: 500; }

.trading_section2 {
  padding: 25px 0 50px;
  background-color: #141414;
  color: #bebebe; }
  .trading_section2_heading {
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    padding: 10px;
    font-size: 22px;
    transition: 0.3s;
    user-select: none; }

.accordian {
  margin-top: 20px; }
  .accordian img {
    height: 300px;
    width: 100%;
    opacity: 0;
    margin: 0;
    animation-name: showImage;
    animation-duration: 0.3s;
    animation-delay: 0.15s;
    animation-fill-mode: forwards; }
  .accordian p {
    font-size: 2vh;
    font-weight: 300;
    letter-spacing: 1px;
    opacity: 0;
    animation-name: showContent;
    animation-duration: 0.6s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    margin: 0; }

details[open] > .accordian {
  animation-name: slideDown;
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

details[open] > summary {
  color: #f1592a; }

@keyframes slideDown {
  from {
    opacity: 0;
    height: 0;
    padding: 0; }
  to {
    opacity: 1;
    padding: 20px; } }

@keyframes showImage {
  from {
    opacity: 0;
    clip-path: inset(50% 0 50% 0);
    transform: scale(0.4); }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0); } }

@keyframes showContent {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.trading_section3 {
  background-color: #252525;
  padding: 25px 0 50px;
  color: #bebebe; }

.lab_section1 {
  background-color: #141414;
  padding: 75px 0; }

.lab_roller_holder {
  font-size: 40px;
  line-height: 50px;
  color: #999; }
  .lab_roller_holder p {
    height: 50px;
    float: left;
    margin-right: 0.3em; }
  .lab_roller_holder b {
    float: left;
    overflow: hidden;
    position: relative;
    height: 53px;
    top: 0; }
  .lab_roller_holder_inner {
    display: inline-block;
    color: #f1592a;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;
    -webkit-animation: move 5s;
    -moz-animation: move 5s;
    -ms-animation: move 5s;
    -o-animation: move 5s;
    animation: move 5s;
    /*animation-iteration-count*/
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /*animation-delay*/
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s; }

@keyframes move {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; }
  60% {
    top: -150px; } }

@-webkit-keyframes move {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; }
  60% {
    top: -150px; } }

@-moz-keyframes move {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; }
  60% {
    top: -150px; } }

@-o-keyframes move {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; }
  60% {
    top: -150px; } }

@keyframes move {
  0% {
    top: 0px; }
  20% {
    top: -50px; }
  40% {
    top: -100px; }
  60% {
    top: -150px; } }

@media (max-width: 600px) {
  .lab_roller {
    margin-top: 50px; } }

.expander_heading {
  font-weight: 300;
  color: #bebebe;
  font-size: 44px;
  margin: 0 15px;
  line-height: 0.7;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  animation: span 3s ease-in infinite alternate; }

.main {
  display: flex;
  justify-content: center;
  align-items: flex-start; }

.letter {
  display: inline-flex;
  height: 34.5px;
  border: 5.35px solid #f1592a;
  border-radius: 14px;
  animation: letter 3s ease-in-out infinite alternate; }

@keyframes span {
  0%,
  30% {
    margin: 0 15px; }
  70%,
  100% {
    margin: 0 5px; } }

@keyframes letter {
  0%,
  30% {
    margin-left: 15px;
    width: 30px; }
  70%,
  100% {
    width: 20vw; } }

.lab_section2 {
  background-color: #252525;
  color: #bebebe;
  padding: 50px 0; }
  .lab_section2_image img {
    width: 100%;
    height: 200px; }
  .lab_section2_heading {
    text-align: center; }
    .lab_section2_heading h3 {
      margin-bottom: 50px;
      color: #bebebe;
      letter-spacing: 1px;
      font-weight: 200;
      font-size: 3vh; }
  .lab_section2_right2 {
    color: #bebebe;
    margin-top: 50px; }
    .lab_section2_right2_heading h4 {
      font-family: 'Montserrat', sans-serif; 
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 5px;
      font-size: 3vh;
      color: #ffffff; }
    .lab_section2_right2_info p {
      font-family: 'Montserrat', sans-serif; font-weight: 300;
      letter-spacing: 0.5px;
      font-size: 18px; }
  .lab_section2_right3_images img {
    width: 100%;
    height: 250px; }
  .lab_section2_left2 {
    padding: 30px 0 50px; }
  .lab_section2_left3 {
    margin-top: 50px; }
    .lab_section2_left3_info p {
      letter-spacing: 2px;
      font-size: 20px;
      font-weight: 300; }

.lab_section3 {
  background-color: #141414;
  color: #bebebe;
  padding: 25px 0 75px; }
  .lab_section3_info p {
    letter-spacing: 0.5px;
    font-size: 18px; }
  .lab_section3_info_heading h4 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 3vh;
    font-weight: 300;
    color: #ffffff; }

.lab_section4 {
  padding: 25px 0 50px;
  color: #000000;
  background-color: #cdb190; }
  .lab_section4_image img {
    height: 500px;
    width: 100%; }
  @media (max-width: 600px) {
    .lab_section4_image img {
      height: 325px;
      width: 100%; } }
  .lab_section4_holder {
    width: 100% !important; }
  .lab_section4_heading h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: 500;
    color: #000000; }

.lab_section5 {
  padding: 25px 0 50px;
  background-color: #252525;
  color: #bebebe; }
  .lab_section5_image img {
    height: 400px;
    width: 100%; }
  @media (max-width: 600px) {
    .lab_section5_image img {
      height: 300px;
      width: 100%; } }
  .lab_section5_holder {
    width: 100% !important; }
  .lab_section5_heading h4 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 3vh;
    font-weight: 300;
    color: #ffffff; }

@media (max-width: 600px) {
  .lab_section2_image {
    padding-bottom: 15px; }
    .lab_section2_image img {
      width: 100%;
      height: 250px; }
  .lab_section2_left3 {
    margin-top: 25px; }
  .lab_section2_right3_images {
    padding-bottom: 15px; }
  .lab_section3_image:last-of-type {
    padding-bottom: 50px; }
  .lab_section3 {
    padding: 25px 0 50px; } }

.contact_section1 {
  background-color: #f5f5f5;
  padding: 25px 0 75px; }
  .contact_section1_image {
    padding: 30px 0 10px; }
    .contact_section1_image img {
      height: 150px; }
  .contact_section1_card {
    border-radius: 56px;
    background: #f5f5f5;
    box-shadow: -50px -30px 50px #e4e4e4, 50px 50px 100px #ffffff; }
  .contact_section1_heading h3 {
    font-size: 4vh;
    font-weight: 300;
    letter-spacing: 3px; }
  .contact_section1_heading p {
    font-weight: 300;
    font-size: 2.8vh;
    letter-spacing: 1px; }
  .contact_section1_map iframe {
    width: 100% !important; }
  @media (max-width: 600px) {
    .contact_section1_map {
      padding-bottom: 70px; } }

.popout {
  font-family: Futura, sans-serif;
  font-weight: 900;
  font-size: 8vh;
  padding: 80px; }

@keyframes ani {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: 0em 0em 0 #75c2db;
    color: #000000; }
  30% {
    transform: translate3d(0, 0, 0);
    text-shadow: 0em 0em 0 #75c2db;
    color: #000000; }
  70% {
    transform: translate3d(0.08em, -0.08em, 0);
    text-shadow: -0.08em 0.08em #75c2db;
    color: #000000; }
  100% {
    transform: translate3d(0.08em, -0.08em, 0);
    text-shadow: -0.08em 0.08em #75c2db;
    color: #000000; } }
  .popout span {
    position: relative;
    display: inline-block;
    animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1); }
    .popout span:nth-last-child(1n) {
      animation-delay: -0.16667s; }
    .popout span:nth-last-child(2n) {
      animation-delay: -0.33333s; }
    .popout span:nth-last-child(3n) {
      animation-delay: -0.5s; }

@media (max-width: 600px) {
  .popout {
    text-align: center;
    padding: 30px 0px 15px; }
  .about_section1_info {
    text-align: center; } }

.about_section1_info p {
  font-size: 3vh;
  font-weight: 600;
  letter-spacing: 1px; }

.under_line {
  position: relative; }
  .under_line::after {
    content: "";
    position: absolute;
    bottom: -1vh;
    left: -1vh;
    right: -1vh;
    height: 1.5vh;
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg");
    background-repeat: no-repeat;
    background-size: cover; }

p > strong {
  font-weight: 400; }
  p > strong:after {
    bottom: -0.2rem;
    height: 0.5rem;
    left: -0.25rem;
    right: -0.25rem; }

.new_heading {
  color: #ffffff;
  text-align: center;
  padding: 1.5vh;
  border: 2px solid #f1592a;
  position: relative;
  letter-spacing: 0.4em;
  font-size: 4vh;
  font-weight: 700;
  max-width: 100%; }
  .new_heading:before {
    content: "";
    position: absolute;
    border: inherit;
    left: 0.5em;
    right: 0.5em;
    top: -0.5em;
    bottom: -0.5em; }

.about_section2 {
  background-color: #252525;
  color: #bebebe;
  padding: 75px 0; }
  .about_section2_card h3 {
    font-size: 4vh;
    position: relative;
    letter-spacing: 3px;
    font-family: "Josefin Sans", sans-serif;
    color: #ffffff; }
    .about_section2_card h3::after {
      content: "";
      width: 30%;
      position: absolute;
      height: 3px;
      background: #f1592a;
      left: 0;
      right: 0;
      bottom: 0; }
  .about_section2_card p {
    font-size: 2vh;
    letter-spacing: 1.5px;
    font-weight: 300; }

@media (max-width: 600px) {
  .about_section2 {
    padding: 50px 0; }
  .uk-card-body {
    padding: 20px 10px !important; } }

.about_section3 {
  padding: 50px 0; }

@media (max-width: 600px) {
  .uk-active {
    text-align: center; }
  .uk-slider-items li img {
    height: 200px !important; } }

.team_section1 {
  background-color: #141414;
  padding: 75px 0;
  color: #ffffff; }
  .team_section1_image {
    text-align: left; }
  @media (max-width: 600px) {
    .team_section1_image {
      text-align: center;
      padding-bottom: 30px; } }
  .team_section1_info p {
    font-size: 2vh;
    letter-spacing: 2px;
    font-weight: 300; }
  .team_section1_info1 {
    text-align: left; }
    .team_section1_info1 p {
      font-size: 2vh;
      letter-spacing: 2px;
      font-weight: 300; }

.team_section2 {
  background-color: #252525;
  padding: 50px 0;
  color: #ffffff; }
  .team_section2_list li {
    font-size: 2.1vh;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 4vh; }
  .team_section2_image img {
    width: 75%;
    height: 350px; }

.home_section1 {
  background-color: #141414;
  padding: 25px 0 50px;
  color: #bebebe; }
  .home_section1_headinginfo p {
    font-size: 2vh;
    font-weight: 300;
    letter-spacing: 1px; }
  .home_section1_image img {
    width: 80%;
    height: 375px; }
  @media (max-width: 600px) {
    .home_section1_image img {
      width: 100%;
      height: 225px; } }
  .home_section1_info p {
    font-size: 2vh;
    font-weight: 300;
    letter-spacing: 1px; }

.home_section2 {
  background-color: #252525;
  padding: 50px 0;
  color: #bebebe; }

.interiors-section1 {
  background-color: #141414;
  padding: 25px 0 50px;
  color: #bebebe; }
@media (max-width: 600px) {
    .bulwark-icons {
      position: relative;
    left: -70%; } }
    @media (max-width: 800px) {
      .bulwark-icons {
        position: relative;
      left: -30%; } }
      @media (max-width: 400px) {
        .bulwark-icons {
          display: flex;
          position: relative;
        left: 0%; 
      gap: 0rem;}
      .bulwark-icons img{
        width: 20%;
      } }