:root {
  --mv-ink: #080d10;
  --mv-ink-soft: #0d1418;
  --mv-panel: #111a1f;
  --mv-panel-2: #162127;
  --mv-line: rgba(232, 227, 220, 0.12);
  --mv-stone: #e8e3dc;
  --mv-muted: #9da8ac;
  --mv-copper: #d88a4b;
  --mv-copper-soft: #f0b274;
  --mv-green: #5f7d68;
  --bs-body-font-family: "Raleway", sans-serif;
  --bs-body-color: var(--mv-stone);
  --bs-body-bg: var(--mv-ink);
}

html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
body {
	font-family: "Raleway", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #e7e7e7;
	line-height: 26px;
}

.custom-link {
	color: var(--mv-copper);
	/* text-decoration: underline !important; */
	transition: 0.33s all ease;
}

.custom-link:hover {
	color: var(--mv-copper-soft);
	text-decoration: underline !important;
}
.custom-link::after {
    content: "→";
    color: var(--mv-copper);
    transition: transform 180ms;
}
.custom-link:hover::after {
    transform: translateX(0.35rem);
}

.main-menu {
  padding: 1rem 0;
  border-bottom: 1px solid transparent;
  transition: background-color 220ms ease, border-color 220ms ease, padding 220ms ease;
}

.main-menu.scrolled,
.main-menu.navbar-inner {
  padding: 0.65rem 0;
  border-bottom-color: var(--mv-line);
  background: rgba(8, 13, 16, 0.6);
  backdrop-filter: blur(18px);
}

.hero-lead {
	max-width: 600px;
	color: #c5ccce;
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	line-height: 1.75;
}

.hero-home h1,
.hero-page h1 {
	margin-bottom: 1.6rem;
	font-size: clamp(3.3rem, 7.5vw, 7.2rem);
	font-weight: 300;
	letter-spacing: -0.06em;
	line-height: 0.91;
}

.hero-home h1 strong,
.hero-page h1 strong {
	display: block;
	color: var(--mv-copper-soft);
	font-weight: 700;
}

.section-label::before {
    width: 2.4rem;
    height: 1px;
    content: "";
    background: var(--mv-copper);
	margin-right: 10px;
}

main h2 {
  font-size: clamp(2rem, 3.8vw, 3.7rem);
  font-weight: 300;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

main h3 {
    font-size: 1.35rem;
    font-weight: 500;
}

#secundary_page {
	padding-top: 100px;
}
.breadcrumb-area {
    position: absolute;
    top: 120px;
    z-index: 1000;
}
.breadcrumb, .breadcrumb-item a, .breadcrumb-item.active {
    color: var(--mv-copper);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

b,
strong,
#secundary_page b,
#secundary_page strong {
	font-weight: bold;
}


.navbar-brand > img {
	height: 70px;
	width: auto;
}

.bg-dark-site {
	/* background-color: rgba(0, 0, 0, 0.5); */
	transition: 0.33s all ease;
}

.main-menu .navbar-nav .active > .nav-link,
.main-menu .navbar-nav .nav-link.active,
.main-menu .navbar-nav .nav-link.show,
.main-menu .navbar-nav .show > .nav-link {
	color: #dedede;
	background-color: #0000001f;
	border: solid 1px rgb(216 138 75 / 70%);
}
.main-menu .navbar-nav .nav-link {
	color: #ffffff;
	padding: 0.5rem 0.8rem;
	border: solid 1px transparent;
	margin: 1px;
	text-transform: uppercase;
	font-size: 0.77rem;
	font-weight: 600;
}

.main-menu .dropdown-item {
	font-size: 0.77rem !important;
}

.main-menu .navbar-nav .nav-link:focus,
.main-menu .navbar-nav .nav-link:hover {
	color: #b2b0ab;
	background-color: rgba(0, 0, 0, 0.19);
	border: solid 1px rgb(255 255 255 / 25%);
}

.main-menu .dropdown-item:focus, .main-menu .dropdown-item:hover {
	/* color: var(--bs-dropdown-link-hover-color); */
	background-color: #ff980033;
}

.bg-dark-site {
	background-color: rgba(0, 0, 0, 0.5);
	/* height: 150px; */
	/* z-index: 1031; */
	transition: 0.33s all ease;
	/* border-bottom: solid 1px #f1f1f161; */
}


#menu {
	margin-top: 7px;
}

.dropdown-item a {
	text-decoration: none;
	color: #333333;
}



#header_img_sec1 {
	height: 160px;
}

#secundary_header {
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/page-sec-02.jpg);
	background-position: center center;
	padding-top: 140px;
	padding-bottom: 10px;
	color: #f9f9f9;
	/* margin-bottom: 50px; */
	padding-left: 100px;
	border-bottom: solid 5px #ccc;
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--mv-stone);
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.card-link::after {
  content: "";
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  background-color: var(--mv-copper);
  -webkit-mask: url("../images/arrow-right-short.svg") center / contain no-repeat;
  mask: url("../images/arrow-right-short.svg") center / contain no-repeat;
  transition: transform 180ms ease;
}

.card-link:hover::after {
  transform: translateX(0.35rem);
}

#contact_us h2 {
	margin-bottom: 30px;
	font-weight: lighter;
	text-transform: uppercase;
}

#contact_us form label {
	margin-bottom: 0;
	font-weight: bold;
}

#footer {
	color: #a5a5a5;
	background-color: #1c2023;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 12px;
}
#footer a {
	color: #fff;
	transition: 0.33s all ease;
}
#footer a:hover {
	color: #a5a5a5;
	text-decoration: none;
}

#footer h2 {
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
	margin-bottom: 1rem;
}

#contact_us hr {
	border-top: 1px solid rgb(255 255 255 / 30%);
}

#to-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    border: 1px solid rgba(255, 255, 255, .25);
}

.dropdown-menu {
	border-radius: 0px !important;
}
#marker-stock {
	position: absolute;
	top: 149px;
	background-color: #ffffffbf;
	width: 100%;
	height: 44px;
	z-index: 1031;
}

.form-control, .form-select {
    padding: 0.9rem 1rem;
    border-color: var(--mv-line);
    border-radius: 0;
    background-color: rgba(8, 13, 16, 0.72);
    color: var(--mv-stone);
}
.form-control:focus, .form-select:focus {
    border-color: var(--mv-copper);
    background-color: rgba(8, 13, 16, 0.9);
    color: var(--mv-stone);
    box-shadow: 0 0 0 0.2rem rgba(216, 138, 75, 0.12);
}
.form-control::placeholder {
  color: #6f7c81;
}

.btn-mv {
    --bs-btn-color: #111;
    --bs-btn-bg: var(--mv-copper);
    --bs-btn-border-color: var(--mv-copper);
    --bs-btn-hover-color: #111;
    --bs-btn-hover-bg: var(--mv-copper-soft);
    --bs-btn-hover-border-color: var(--mv-copper-soft);
    --bs-btn-active-bg: var(--mv-copper-soft);
    padding: 0.9rem 1.35rem;
    border-radius: 0;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


/******************************************/
@media (min-width: 1500px) {

	

}

@media all and (max-width: 1200px) {
	.navbar .nav-item {
		font-size: 0.85rem;
	}
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
		margin-top: 0px;
		padding: 10px;
	}
	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 991px) {
	/* .navbar-brand {
		padding: 15px 0px;
	} */

	.bg-dark-site {
		height: auto;
	}
	.bg-dark-site .navbar-nav {
		background-color: #101010a8;
	}
}

@media (min-width: 768px) and (max-width: 1499px) {

	
}

@media (min-width: 768px) and (max-width: 991px) {
	.main-menu .navbar-nav .nav-link {
		padding: 0.5rem 0.5rem;
		font-size: 13px;
	}
}

@media (max-width: 767px) {

	.bg-dark-local {
		background-color: rgba(0, 0, 0, 0.8);
	}
	.navbar .cl-login {
		display: inline;
	}
	.bg-dark-local {
		height: auto;
	}



}

@media (max-width: 575px) {
	/* .navbar-brand {
		padding: 22px 0px;
	} */

	#home_sec_ii.lazy {
		background-color: #4f653e;
		background-image: none;
	}
	#home_sec_ii {
		background-image: url(../images/bk-img-02-575.jpg);
		background-color: #4f653e;
	}
	#contact_us.lazy {
		background-color: #2f2f2f;
		background-image: none;
	}
	#contact_us {
		background-color: #2f2f2f;
	}
}

@media (max-width: 425px) {
	.navbar-brand > img {
		height: 56px;
	}
}