:root {
  --extra-light: 100;
  --light: 200;
  --book: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --heavy: 800;
  --extra-heavy: 900;
  scroll-behavior: smooth;
  --orange: #e04622;
  --light-grey: #eeeeee;
  --medium-grey: #444444;
  --white: #ffffff;
  --medium-black: #242d33;
  --slab: "Roboto Slab";
}

@media (max-width:575px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (min-width:576px) and (max-width:767px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (min-width:768px) and (max-width:991px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (min-width:1200px) and (max-width:1399px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (min-width:1399px) {
  :root {
    --section-space: 5.9375rem;
    --title-space: 4.688rem;
  }
}

@media (max-width:575px) {
  :root, body, html {
    font-size: min(max(76.923%, 3.8461vw), 138.221%);
  }
}

@media (min-width:576px) and (max-width:767px) {
  :root, body, html {
    font-size: min(3.8461vw, 129.808%);
  }
}

@media (min-width:768px) and (max-width:991px) {
  :root, body, html {
    font-size: min(2.2222vw, 100%);
  }
}

@media (min-width:992px) and (max-width:1199px) {
  :root, body, html {
    font-size: min(1.4035vw, 84.211%);
  }
}

@media (min-width:1200px)  and (max-width:1399px) {
  :root, body, html {
    font-size: min(1.4035vw, 100%);
  }
}

/* -----------CONTAINER------------- */

@media (min-width:1280px) {
  .container {
    max-width: 1280px;
  }
}

/* -----------FONTS-------------- */

p {
  line-height: 1.7;
}

#banner_title {
  font-size: 2.188rem;
  font-weight: var(--regular);
  border-left: 0.125rem solid var(--orange);
  z-index: 200;
  color: var(--medium-black);
}

#banner_title:not(.active) {
  display: none;
}

.service-home-title {
  font-size: 1.25rem;
}

#article_title {
  font-size: 2.188rem;
  font-weight: var(--bold);
  border-left: 0.0625rem solid var(--orange);
  margin-bottom: var(--title-space);
}

.service_title {
  font-size: 2.188rem;
  font-weight: var(--bold);
  border-left: 0.125rem solid var(--orange);
}

.title {
  font-weight: --bold;
  font-size: 2.188rem;
  margin-bottom: var(--title-space);
}

@media (max-width:575px) {
  .title {
    font-size: 2rem;
  }
}

.date {
  font-size: 1.25rem;
}

.news-title {
  font-weight: var(--bold);
  font-size: 1.25rem;
}

.date-col {
  border: 0.0625rem solid var(--light-grey);
}

/* ---------Content------------- */

/* ---------------------------------------- */

a {
  text-decoration: none!important;
  outline: none!important;
  color: inherit!important;
}

.btn:hover {
  margin: none!important;
  outline: none!important;
  padding: none;
}

.btn {
  border-radius: 0!important;
  background-color: var(--orange)!important;
  height: 2.875rem!important;
  padding-left: 2rem!important;
  padding-right: 2rem!important;
  color: var(--white)!important;
  display: inline-flex!important;
  align-items: center;
  border: none!important;
}

button {
  border-radius: 0!important;
}

section {
  flex: 1;
}

section:not(#top, #work, #contact, #copyright) {
  margin-bottom: var(--section-space);
}

#top {
  margin-bottom: calc(var(--section-space) - 3.125rem);
}

img {
  width: 100%;
  height: auto;
}

.dropdown-menu {
  min-width: 0rem;
}

.nav-link {
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .nav-link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 991px) {
  .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

#burger {
  border: none!important;
  box-shadow: none!important;
  color: var(--medium-grey);
}

.navbar-nav {
  width: 100%;
}

/* -------------------------------------- */

body {
  background-color: var(--white);
  color: var(--medium-grey);
  display: flex;
  min-height: 100vh;
  flex-direction: column!important;
  font-family: var(--slab);
  scroll-behavior: smooth;
}

iframe {
  display: block;
}

.background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* -------------------------------- */

#top_bar {
  height: 3.125rem;
  background-color: var(--orange);
  color: var(--white);
  font-size: 0.75rem;
}

#top_bar_cont {
  height: inherit;
}

#top_bar_row {
  height: inherit;
}

.v-line {
  border-left: 0.0625rem solid var(--white);
}

.nav-line-square {
  color: var(--orange);
  border: none;
  border-radius: 0rem 0rem 0rem 0rem!important;
}

.nav-line {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

@media (min-width:992px) {
  .nav-item {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width:992px) {
  .nav-link:not(#home_nav_link, #contact_nav_link) {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
  }
}

@media (min-width:992px) {
  #home_nav_link {
    padding-right: 1.5rem!important;
  }
}

@media (min-width:992px) {
  #contact_nav_link {
    padding-left: 1.5rem!important;
  }
}

.nav-item.active > .nav-link {
  color: var(--orange)!important;
}

.nav-item:not(.active) > div > .nav-line {
  width: 50%;
}

.nav-item.active > div > .nav-line:not(#home_left_line, #home_right_line) {
  width: calc(50% - 0.25rem);
}

.nav-item.active > div > #home_left_line {
  width: calc(50% - 0.75rem - 0.25rem);
}

.nav-item.active > div > #home_right_line {
  width: calc(50% + 0.75rem - 0.25rem);
}

.nav-item:not(.active) > div > .nav-line-square {
  display: none;
}

#top_banner {
  max-height: 35.625rem;
}

#top_banner > .container {
  height: inherit;
}

#top_banner > .container > .row {
  height: inherit;
}

/* ------------------------------------- */

#about {
  background-color: var(--light-grey);
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

#about_photo {
  max-height: 37.5rem;
}

#about_title {
  border-left: 0.0625rem solid var(--orange);
}

#about_text {
  margin-bottom: var(--title-space);
}

.more-div {
  color: var(--orange);
}

.more-arrow {
  margin-left: 1rem;
}

.month {
  color: var(--white);
  background-color: var(--orange);
}

#news_row {
  margin-bottom: calc(var(--section-space) - 3rem);
}

/* ------------------------------------ */

#work {
  background-color: var(--light-grey);
  padding-top: var(--section-space);
}

#works_row {
  margin-bottom: calc(var(--section-space) - 1rem);
}

#work {
  background-color: var(--light-grey);
  padding-top: var(--section-space);
}

#contact {
  background-color: var(--light-grey);
  padding-top: var(--section-space);
}

.title-underline {
  width: 80%;
  border-top: 0.0625rem solid var(--orange);
}

#contact_info_row {
  margin-bottom: var(--title-space);
}

/* ------------------------------------------------ */

@media (max-width:575px) {
  #contact_phone_col {
    border-right: 0.0625rem solid var(--medium-grey);
  }
}

@media (min-width: 768px) {
  .contact-phones-col {
    border-right: 0.0625rem solid var(--medium-grey);
  }
}

@media (max-width: 767px) {
  .contact-phones-col {
    margin-bottom: 1rem;
  }
}

/* ------------------------------------------------- */

/* --------------------------- */

@media (min-width: 992px) {
  #copyright {
    height: 3.125rem;
    min-height: 3.125rem;
  }
}

#copyright {
  background-color: var(--medium-grey);
}

/* ------------------------------------------------ */

@media (max-width:767px) {
  #copyright_col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width:768px) {
  #copyright_col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width:767px) {
  #created_col {
    padding-bottom: 1rem;
  }
}

@media (min-width:768px) {
  #created_col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* ---------------------------------------- */

#copyright_heading {
  margin-bottom: 0;
  color: var(--light-grey);
}

@media (max-width:767px) {
  #copyright_heading {
    font-size: 0.825!important;
  }
}

/* ---------------------------------------- */

#created_by_heading {
  margin-bottom: 0;
  color: var(--light-grey);
}

@media (max-width:767px) {
  #created_by_heading {
    font-size: 0.825!important;
  }
}

/* ---------------------------------------- */

@media (min-width:768px) {
  #created_by_img {
    max-width: 4.2669rem;
    margin-left: 0.25rem;
  }
}

@media (max-width:767px) {
  #created_by_img {
    width: 3.6rem;
    margin-left: 0.225rem;
  }
}

/* ------------------------------------------------- */

#back_to_top_link {
  color: var(--orange);
  text-decoration: none;
  right: 0;
  position: sticky!important;
  width: 6.375;
  height: 4.125rem;
  top: 90vh!important;
  padding-right: 1rem;
  padding-bottom: 3.25rem;
  z-index: 200;
}

/* ------------------------------------------------------ */

#banner_title_anchor_in {
  position: relative;
}

#banner_title_anchor_out {
  position: absolute;
  left: 23vw;
  z-index: 200;
}

@media (max-width:767px) {
  #banner_title_anchor_out {
    bottom: 8rem;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #banner_title_anchor_out {
    bottom: 14rem;
  }
}

@media (min-width:992px) {
  #banner_title_anchor_out {
    bottom: 14rem;
  }
}

/* ----------------------------------------- */

#back_to_top_arrow {
  z-index: 200;
  padding: 0;
  margin: 0;
  font-size: 3.125rem;
  height: 3.125rem;
  width: 3.125rem;
  background-color: var(--orange);
  color: var(--white);
}

/* ------------------------------------------- */

#breadcrumps {
  text-transform: uppercase;
  font-size: 0.75rem;
}

#breadcrumps:not(.active) {
  display: none;
}

#page_crump.active {
  color: var(--orange);
}

#this_page_bread:not(.active) {
  display: none;
}

#this_page_link:not(.active) {
  display: none;
}

#this_page_crump {
  color: var(--orange);
}

/* ----------------------------------------------- */

.gallery-link {
  width: 100%;
  height: 100;
}

#article_photos_row {
  margin-top: calc(var(--section-space) - 1rem);
}

.service-img {
  max-width: 7.25rem;
}

.service-link:hover > .service-img {
  filter: brightness(0.5);
}

/* ------------------------------------------------ */

.more-txt {
  text-transform: uppercase;
}