@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@charset "UTF-8";
body {
  font-size: 1.1em !important;
  color: #c9c9c9 !important;
  font-family: "DM Sans", sans-serif !important;
  background: #17171a;
}

.card {
  border-radius: 0px !important;
  border: none !important;
}

.bg-none {
  background: none !important;
}

.first .nav-link {
  color: white !important;
  font-weight: 500 !important;
}

.page-top-div {
  background: #222222;
  height: 250px !important;
}

.page-top-div h1 {
  font-size: 1.2em !important;
  color: #bd9867 !important;
  font-size: 2.3em !important;
  font-weight: 500;
  margin-bottom: 15px !important;
}

.both {
  animation-fill-mode: both;
}

footer {
  margin-top: 120px !important;
  padding: 50px 0px;
}

footer h2 {
  font-size: inherit !important;
}

.nav-link {
  color: white !important;
  text-transform: uppercase;
  font-weight: 600 !important;
}

.boxx {
  transition: all 500ms;
}

.boxx:hover {
  transform: translateY(-5px);
}

.carousel-indicators {
  bottom: 15%;
}

.rounded {
  border-radius: 10px !important;
}

.scroll-bg {
  position: absolute;
  width: 80px;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  opacity: 0.5;
  background-size: 120px;
  background-repeat: repeat-y;
  /* dikey tekrar */
  animation: scrollBg 11s linear infinite;
}

@keyframes scrollBg {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 90px;
    /* bg-size ile aynı olmalı */
  }
}
.bg-gradientM {
  background: linear-gradient(180deg, #1a1717 0%, #b07523 100%);
}

.contactForm .form-control {
  border-radius: 4px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  outline: none;
  color: white;
}

.contactForm .form-group {
  margin-bottom: 15px;
}

.contactForm label {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.1em;
}

.contactForm {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-scroll {
  position: fixed;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.2);
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 8px 0px;
  transition: transform 0.5s;
  transform: translateY(100px);
  border-bottom: 2px solid #bd9867 !important;
  box-shadow: 0px 5px 15px rgba(15, 36, 84, 0.05);
}

nav {
  transition: all 400ms;
}

.form-group {
  margin-bottom: 19px !important;
}

.sliderTitle {
  font-weight: 800;
  color: #cfbeac;
  font-size: 3.7em !important;
}

@media all and (max-width: 989px) {
  .page-top-div {
    background: #222222;
    height: 190px !important;
  }

  .page-top-div h1 {
    color: #bd9867 !important;
    font-size: 1.3em !important;
    font-weight: 500;
    margin-bottom: 15px !important;
  }

  .sliderTitle {
    font-weight: 800;
    color: #cfbeac;
    font-size: 2.4em !important;
  }
}
.container {
  max-width: 1300px !important;
}

[data-overlay-primary] {
  position: relative;
}

[data-overlay-primary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-primary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #bd9867 !important;
  mix-blend-mode: multiply;
}

[data-overlay-primary="0"]::before {
  opacity: 0.03;
}

[data-overlay-primary="1"]::before {
  opacity: 0.13;
}

[data-overlay-primary="2"]::before {
  opacity: 0.23;
}

[data-overlay-primary="3"]::before {
  opacity: 0.33;
}

[data-overlay-primary="4"]::before {
  opacity: 0.43;
}

[data-overlay-primary="5"]::before {
  opacity: 0.53;
}

[data-overlay-primary="6"]::before {
  opacity: 0.63;
}

[data-overlay-primary="7"]::before {
  opacity: 0.73;
}

[data-overlay-primary="8"]::before {
  opacity: 0.83;
}

[data-overlay-primary="9"]::before {
  opacity: 0.93;
}

[data-overlay-primary="10"]::before {
  opacity: 1.03;
}

[data-overlay-secondary] {
  position: relative;
}

[data-overlay-secondary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-secondary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #685d50 !important;
  mix-blend-mode: multiply;
}

[data-overlay-secondary="0"]::before {
  opacity: 0.03;
}

[data-overlay-secondary="1"]::before {
  opacity: 0.13;
}

[data-overlay-secondary="2"]::before {
  opacity: 0.23;
}

[data-overlay-secondary="3"]::before {
  opacity: 0.33;
}

[data-overlay-secondary="4"]::before {
  opacity: 0.43;
}

[data-overlay-secondary="5"]::before {
  opacity: 0.53;
}

[data-overlay-secondary="6"]::before {
  opacity: 0.63;
}

[data-overlay-secondary="7"]::before {
  opacity: 0.73;
}

[data-overlay-secondary="8"]::before {
  opacity: 0.83;
}

[data-overlay-secondary="9"]::before {
  opacity: 0.93;
}

[data-overlay-secondary="10"]::before {
  opacity: 1.03;
}

[data-overlay-tertiary] {
  position: relative;
}

[data-overlay-tertiary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-tertiary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #383838 !important;
  mix-blend-mode: multiply;
}

[data-overlay-tertiary="0"]::before {
  opacity: 0.03;
}

[data-overlay-tertiary="1"]::before {
  opacity: 0.13;
}

[data-overlay-tertiary="2"]::before {
  opacity: 0.23;
}

[data-overlay-tertiary="3"]::before {
  opacity: 0.33;
}

[data-overlay-tertiary="4"]::before {
  opacity: 0.43;
}

[data-overlay-tertiary="5"]::before {
  opacity: 0.53;
}

[data-overlay-tertiary="6"]::before {
  opacity: 0.63;
}

[data-overlay-tertiary="7"]::before {
  opacity: 0.73;
}

[data-overlay-tertiary="8"]::before {
  opacity: 0.83;
}

[data-overlay-tertiary="9"]::before {
  opacity: 0.93;
}

[data-overlay-tertiary="10"]::before {
  opacity: 1.03;
}

[data-overlay-quaternary] {
  position: relative;
}

[data-overlay-quaternary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-quaternary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #d4b267 !important;
  mix-blend-mode: multiply;
}

[data-overlay-quaternary="0"]::before {
  opacity: 0.03;
}

[data-overlay-quaternary="1"]::before {
  opacity: 0.13;
}

[data-overlay-quaternary="2"]::before {
  opacity: 0.23;
}

[data-overlay-quaternary="3"]::before {
  opacity: 0.33;
}

[data-overlay-quaternary="4"]::before {
  opacity: 0.43;
}

[data-overlay-quaternary="5"]::before {
  opacity: 0.53;
}

[data-overlay-quaternary="6"]::before {
  opacity: 0.63;
}

[data-overlay-quaternary="7"]::before {
  opacity: 0.73;
}

[data-overlay-quaternary="8"]::before {
  opacity: 0.83;
}

[data-overlay-quaternary="9"]::before {
  opacity: 0.93;
}

[data-overlay-quaternary="10"]::before {
  opacity: 1.03;
}

[data-overlay-quinary] {
  position: relative;
}

[data-overlay-quinary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-quinary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: gray !important;
  mix-blend-mode: multiply;
}

[data-overlay-quinary="0"]::before {
  opacity: 0.03;
}

[data-overlay-quinary="1"]::before {
  opacity: 0.13;
}

[data-overlay-quinary="2"]::before {
  opacity: 0.23;
}

[data-overlay-quinary="3"]::before {
  opacity: 0.33;
}

[data-overlay-quinary="4"]::before {
  opacity: 0.43;
}

[data-overlay-quinary="5"]::before {
  opacity: 0.53;
}

[data-overlay-quinary="6"]::before {
  opacity: 0.63;
}

[data-overlay-quinary="7"]::before {
  opacity: 0.73;
}

[data-overlay-quinary="8"]::before {
  opacity: 0.83;
}

[data-overlay-quinary="9"]::before {
  opacity: 0.93;
}

[data-overlay-quinary="10"]::before {
  opacity: 1.03;
}

[data-overlay-dark] {
  position: relative;
}

[data-overlay-dark] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #272727 !important;
  mix-blend-mode: multiply;
}

[data-overlay-dark="0"]::before {
  opacity: 0.03;
}

[data-overlay-dark="1"]::before {
  opacity: 0.13;
}

[data-overlay-dark="2"]::before {
  opacity: 0.23;
}

[data-overlay-dark="3"]::before {
  opacity: 0.33;
}

[data-overlay-dark="4"]::before {
  opacity: 0.43;
}

[data-overlay-dark="5"]::before {
  opacity: 0.53;
}

[data-overlay-dark="6"]::before {
  opacity: 0.63;
}

[data-overlay-dark="7"]::before {
  opacity: 0.73;
}

[data-overlay-dark="8"]::before {
  opacity: 0.83;
}

[data-overlay-dark="9"]::before {
  opacity: 0.93;
}

[data-overlay-dark="10"]::before {
  opacity: 1.03;
}

.btn-primary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #bd9867;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-primary:hover {
  color: white;
}
.btn-primary:hover::before {
  top: 0px;
}

.btn-primary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: white;
  border: none !important;
  color: #967241;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-primary-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-primary-light:hover {
  color: white;
}
.btn-primary-light:hover::before {
  top: 0px;
}

.btn-primary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #967241;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-primary-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-primary-dark:hover {
  color: white;
}
.btn-primary-dark:hover::before {
  top: 0px;
}

.btn-secondary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #685d50;
  border: none !important;
  color: #ebe8e5;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-secondary::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-secondary:hover {
  color: white;
}
.btn-secondary:hover::before {
  top: 0px;
}

.btn-secondary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #ebe8e5;
  border: none !important;
  color: #484138;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-secondary-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-secondary-light:hover {
  color: white;
}
.btn-secondary-light:hover::before {
  top: 0px;
}

.btn-secondary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #484138;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-secondary-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-secondary-dark:hover {
  color: white;
}
.btn-secondary-dark:hover::before {
  top: 0px;
}

.btn-tertiary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #383838;
  border: none !important;
  color: #ababab;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-tertiary::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-tertiary:hover {
  color: white;
}
.btn-tertiary:hover::before {
  top: 0px;
}

.btn-tertiary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #ababab;
  border: none !important;
  color: black;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-tertiary-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-tertiary-light:hover {
  color: white;
}
.btn-tertiary-light:hover::before {
  top: 0px;
}

.btn-tertiary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: black;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-tertiary-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-tertiary-dark:hover {
  color: white;
}
.btn-tertiary-dark:hover::before {
  top: 0px;
}

.btn-quaternary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #d4b267;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quaternary::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quaternary:hover {
  color: white;
}
.btn-quaternary:hover::before {
  top: 0px;
}

.btn-quaternary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: white;
  border: none !important;
  color: #aa8430;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quaternary-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quaternary-light:hover {
  color: white;
}
.btn-quaternary-light:hover::before {
  top: 0px;
}

.btn-quaternary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #aa8430;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quaternary-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quaternary-dark:hover {
  color: white;
}
.btn-quaternary-dark:hover::before {
  top: 0px;
}

.btn-quinary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: gray;
  border: none !important;
  color: #cdcdcd;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quinary::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quinary:hover {
  color: white;
}
.btn-quinary:hover::before {
  top: 0px;
}

.btn-quinary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #cdcdcd;
  border: none !important;
  color: #505050;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quinary-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quinary-light:hover {
  color: white;
}
.btn-quinary-light:hover::before {
  top: 0px;
}

.btn-quinary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #505050;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-quinary-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-quinary-dark:hover {
  color: white;
}
.btn-quinary-dark:hover::before {
  top: 0px;
}

.btn-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #272727;
  border: none !important;
  color: #474747;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-dark:hover {
  color: white;
}
.btn-dark:hover::before {
  top: 0px;
}

.btn-dark-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: #474747;
  border: none !important;
  color: black;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-dark-light::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-dark-light:hover {
  color: white;
}
.btn-dark-light:hover::before {
  top: 0px;
}

.btn-dark-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 10px 25px;
  font-weight: 500;
  background: black;
  border: none !important;
  color: white;
  border: 1px solid lightgray;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 3px;
}
.btn-dark-dark::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 90%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 500ms;
}
.btn-dark-dark:hover {
  color: white;
}
.btn-dark-dark:hover::before {
  top: 0px;
}

.bg-primary {
  background-color: #bd9867 !important;
}

.bg-primary-light {
  background-color: white !important;
}

.bg-primary-dark {
  background-color: #967241 !important;
}

.text-primary {
  color: #bd9867 !important;
}

.text-primary-light {
  color: white !important;
}

.text-primary-dark {
  color: #967241 !important;
}

.bg-secondary {
  background-color: #685d50 !important;
}

.bg-secondary-light {
  background-color: #ebe8e5 !important;
}

.bg-secondary-dark {
  background-color: #484138 !important;
}

.text-secondary {
  color: #685d50 !important;
}

.text-secondary-light {
  color: #ebe8e5 !important;
}

.text-secondary-dark {
  color: #484138 !important;
}

.bg-tertiary {
  background-color: #383838 !important;
}

.bg-tertiary-light {
  background-color: #ababab !important;
}

.bg-tertiary-dark {
  background-color: black !important;
}

.text-tertiary {
  color: #383838 !important;
}

.text-tertiary-light {
  color: #ababab !important;
}

.text-tertiary-dark {
  color: black !important;
}

.bg-quaternary {
  background-color: #d4b267 !important;
}

.bg-quaternary-light {
  background-color: white !important;
}

.bg-quaternary-dark {
  background-color: #aa8430 !important;
}

.text-quaternary {
  color: #d4b267 !important;
}

.text-quaternary-light {
  color: white !important;
}

.text-quaternary-dark {
  color: #aa8430 !important;
}

.bg-quinary {
  background-color: gray !important;
}

.bg-quinary-light {
  background-color: #cdcdcd !important;
}

.bg-quinary-dark {
  background-color: #505050 !important;
}

.text-quinary {
  color: gray !important;
}

.text-quinary-light {
  color: #cdcdcd !important;
}

.text-quinary-dark {
  color: #505050 !important;
}

.bg-dark {
  background-color: #272727 !important;
}

.bg-dark-light {
  background-color: #474747 !important;
}

.bg-dark-dark {
  background-color: black !important;
}

.text-dark {
  color: #272727 !important;
}

.text-dark-light {
  color: #474747 !important;
}

.text-dark-dark {
  color: black !important;
}

.carousel .carousel-item {
  height: 90vh !important;
}

.carousel-item img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  min-height: 90vh !important;
}

.carousel-item video {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  min-height: 90vh !important;
}

.carousel-control-next, .carousel-control-prev {
  width: 4% !important;
}

@media all and (max-width: 989px) {
  .carousel .carousel-item {
    height: 700px !important;
  }

  .carousel-item img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 700px !important;
  }

  .carousel-item video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 700px !important;
  }
}
h1 {
  font-size: 2.25em;
  /* ~36px */
  line-height: 1.2;
  margin-bottom: 0.6em;
  font-weight: bolder;
}

h2 {
  font-size: 1.875em;
  /* ~30px */
  line-height: 1.3;
  margin-bottom: 0.7em;
  font-weight: bold;
}

h3 {
  font-size: 1.5em;
  /* ~24px */
  line-height: 1.3;
  margin-bottom: 0.75em;
  font-weight: bold;
}

h4 {
  font-size: 1.25em;
  /* ~20px */
  line-height: 1.4;
  margin-bottom: 0.8em;
  font-weight: bold;
}

h5 {
  font-size: 1.125em;
  /* ~18px */
  line-height: 1.4;
  margin-bottom: 0.9em;
  font-weight: bold;
}

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

.fz-normal {
  font-size: 1em !important;
}

.fz-small {
  font-size: 0.9em !important;
}

.fz-big {
  font-size: 1.3em !important;
}

.fw-normal {
  font-weight: normal;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}