/*---------------------------------------------------------------------
    File Name: dark.css
    Dark theme version: black background + golden ochre style
    Load this AFTER style.css and responsive.css
---------------------------------------------------------------------*/

/*--------------------------------------------------------------------- palette ---------------------------------------------------------------------*/
/* gold ochre: #C9A227 | light gold: #E0BE52 | deep gold: #8C6A13
   backgrounds: #000 | #0d0d0d | #141414
   text: #cfc7b4 body | #E4C55C headings | #8a7f63 muted  */

body {
	background: #000;
	color: #cfc7b4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #C9A227;
}

p {
	color: #cfc7b4;
}

a {
	color: #E0BE52;
}

a:hover {
	color: #C9A227;
}

.read_more:hover {
	background: #C9A227;
	border-color: #C9A227;
	color: #000 !important;
}

.blu {
	color: #E0BE52;
}

::selection {
	background: #C9A227;
	color: #000;
}

/*--------------------------------------------------------------------- header / nav ---------------------------------------------------------------------*/
.header {
	border-top-color: #C9A227;
}

.logo img {
	background: #000;
	filter: invert(1) sepia(1) saturate(6) hue-rotate(-18deg);
}

.navigation.navbar {
	background: #0d0d0d;
}

.navigation.navbar-dark .navbar-nav .nav-link {
	color: #cfc7b4;
}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
	color: #C9A227;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
	color: #E0BE52;
}

.login_btn a {
	background: #C9A227;
	color: #000 !important;
}

.login_btn a:hover {
	background: #E0BE52;
}

.sea_icon a {
	color: #8a7f63 !important;
}

body.header-fixed .header.scrolled {
	background: rgba(10, 10, 10, .97);
	box-shadow: 0 4px 18px rgba(0, 0, 0, .6);
	border-top-color: #C9A227;
}

/*--------------------------------------------------------------------- hero / banner ---------------------------------------------------------------------*/
.banner_main {
	background: #000;
}

.badge-hero {
	background: #C9A227;
	color: #000;
}

.text-bg h1 {
	color: #C9A227;
}

.text-bg .blu {
	color: #E0BE52;
}

.hero-sub {
	color: #bfb28f;
}

.text-bg .hero-cta .read_more:first-child {
	background: #C9A227;
	border-color: #C9A227;
	color: #000 !important;
}

.text-bg .hero-cta .read_more:first-child:hover {
	background: #E0BE52;
	border-color: #E0BE52;
}

.text-bg figure {
	background: linear-gradient(145deg, #141414, #0a0a0a);
	border: 1px solid rgba(201, 162, 39, .45);
	border-radius: 20px;
	padding: 24px;
}

#banner1 .carousel-control-prev,
#banner1 .carousel-control-next {
	border-color: #C9A227;
	color: #C9A227;
}

#banner1 .carousel-control-prev:hover,
#banner1 .carousel-control-next:hover,
#banner1 .carousel-control-prev:focus,
#banner1 .carousel-control-next:focus {
	border-color: #E0BE52;
	color: #E0BE52;
}

/*--------------------------------------------------------------------- trust bar ---------------------------------------------------------------------*/
.trust_bar {
	background: #0d0d0d;
}

.trust_bar .trust_item i {
	color: #C9A227;
}

.trust_bar .trust_item h4 {
	color: #E4C55C;
}

.trust_bar .trust_item p {
	color: #8a7f63;
}

/*--------------------------------------------------------------------- about ---------------------------------------------------------------------*/
.about {
	border-bottom-color: #2a2a2a;
}

.about .titlepage {
	background: #0d0d0d;
	border-color: #2a2a2a;
}

.about .titlepage h2 {
	color: #C9A227;
}

.about .titlepage p {
	color: #cfc7b4;
}

.about .titlepage::before {
	background: inherit;
	right: 0;
}

.about .read_more {
	border-color: #C9A227;
	color: #C9A227;
}

/*--------------------------------------------------------------------- services ---------------------------------------------------------------------*/
.glasses {
	background: #000;
}

.glasses .titlepage h2 {
	color: #C9A227;
}

.glasses .titlepage p {
	color: #cfc7b4;
}

.glasses .glasses_box {
	border-color: #3a3a3a;
	background: #0d0d0d;
}

.glasses .glasses_box h3 {
	color: #E4C55C;
}

.glasses .glasses_box p {
	color: #cfc7b4;
}

.glasses .glasses_box:hover {
	box-shadow: 0 20px 40px rgba(201, 162, 39, .16);
	border-color: #C9A227;
}

.glasses .glasses_box::after {
	background: #C9A227;
}

.services_cta {
	color: #E0BE52;
}

.services_cta:hover {
	color: #fff;
}

/*--------------------------------------------------------------------- vision (shop) ---------------------------------------------------------------------*/
.shop {
	background: #0d0d0d;
	border-top-color: #1f1f1f;
	border-bottom-color: #1f1f1f;
}

.shop .max_width {
	background: #000;
}

.shop .titlepage h2 {
	color: #C9A227;
	border-bottom-color: #C9A227;
}

.shop .titlepage p {
	color: #cfc7b4;
}

.check_list li {
	color: #cfc7b4;
}

.check_list li i {
	color: #C9A227;
}

.shop .titlepage .read_more {
	border-color: #C9A227;
	color: #C9A227 !important;
}

/*--------------------------------------------------------------------- clients / personal ---------------------------------------------------------------------*/
.clients {
	background: #000;
}

.clients .titlepage h2 {
	color: #C9A227;
}

.clients .titlepage p {
	color: #cfc7b4;
}

.clients_box {
	background: #0d0d0d;
	border-color: #3a3a3a;
	border-top-color: #C9A227;
}

.clients_box h3 {
	color: #E4C55C;
}

.clients_box p {
	color: #cfc7b4;
}

#myCarousel .carousel-indicators li {
	background: #C9A227;
}

#myCarousel .carousel-indicators .active {
	background: #E0BE52;
}

/*--------------------------------------------------------------------- contact ---------------------------------------------------------------------*/
.contact .main_form h3 {
	color: #C9A227;
}

.main_form {
	background: #0d0d0d;
}

.main_form .contactus,
.main_form .contactusmess {
	border-bottom-color: #8a7f63;
	color: #cfc7b4;
}

#request *::placeholder {
	color: #8a7f63;
	opacity: 1;
}

.send_btn {
	background: #C9A227;
	color: #000;
}

.send_btn:hover {
	background: #8C6A13;
	color: #fff;
}

.form_note {
	color: #8a7f63;
}

/*--------------------------------------------------------------------- CTA band ---------------------------------------------------------------------*/
.cta_band {
	background: linear-gradient(135deg, #C9A227, #7a5c10);
}

.cta_band h2 {
	color: #fff;
}

.cta_band p {
	color: #f7ead0;
}

.cta_band .read_more {
	background: #000;
	border-color: #000;
	color: #C9A227 !important;
}

.cta_band .read_more:hover {
	background: #E0BE52;
	border-color: #E0BE52;
	color: #000 !important;
}

/*--------------------------------------------------------------------- footer ---------------------------------------------------------------------*/
.footer {
	background: #0a0a0a;
}

ul.location_icon li {
	color: #cfc7b4;
}

ul.location_icon li a {
	color: #C9A227;
}

.copyright {
	background: #000;
}

.copyright p {
	color: #8a7f63;
}

.copyright a {
	color: #cfc7b4;
}

.copyright a:hover {
	color: #C9A227;
}

/*--------------------------------------------------------------------- inner pages ---------------------------------------------------------------------*/
.position_head .header {
	background: #000;
}

@media (max-width: 767px) {
	.navigation .navbar-collapse {
		background: #0a0a0a;
	}
}