@charset "utf-8";

/* ============================================
   Product Showcase - Synced Owl Carousels
   ============================================ */

#productShowcase {
	background:#060405;
	overflow:hidden;
}

/* --- Hero Carousel --- */
#heroCarousel {
	width:100%;
	margin:0 auto;
	z-index:1;
}
#heroCarousel .owl-stage-outer {
	z-index:2;
}
#heroCarousel .item {
	text-align:center;
}
#heroCarousel .item .hero-img {
	width:90%;
	max-width:800px;
	margin:0 auto;
	line-height:0;
	overflow:hidden;
}
#heroCarousel .item .hero-img img {
	display:block;
	width:100%;
	height:auto;
}
#heroCarousel .item .hero-text {
	padding:0.5em 2em 0;
}
#heroCarousel .item .hero-text h3 {
	color:#FFF;
	margin:0 0 0.2em;
}
#heroCarousel .item .hero-text p {
	font-size:1em;
	font-weight:360;
	line-height:140%;
	/*max-width:800px;*/
	margin:0 auto;
}

/* Hero Nav Arrows */
#heroCarousel .owl-nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
	pointer-events:none;
}
#heroCarousel .owl-nav button {
	position:absolute;
	top:50%;
	transform:translateY(-100%);
	width:60px;
	height:60px;
	border:2px solid #B8A045 !important;
	border-radius:50%;
	background:rgba(0,0,0,0.3) !important;
	cursor:pointer;
	pointer-events:all;
	transition:background 0.3s ease, border-color 0.3s ease;
}
#heroCarousel .owl-nav button:hover {
	background:rgba(184,160,69,0.25) !important;
	border-color:#D4C165 !important;
}
#heroCarousel .owl-nav button.owl-prev {
	left:2em;
}
#heroCarousel .owl-nav button.owl-next {
	right:2em;
}
/* Arrow triangles */
#heroCarousel .owl-nav button .nav-arrow {
	display:block;
	width:0;
	height:0;
	border-style:solid;
}
#heroCarousel .owl-nav button.owl-prev .nav-arrow {
	border-width:10px 14px 10px 0;
	border-color:transparent #B8A045 transparent transparent;
	margin-left:16px;
}
#heroCarousel .owl-nav button.owl-next .nav-arrow {
	border-width:10px 0 10px 14px;
	border-color:transparent transparent transparent #B8A045;
	margin-left:22px;
}
/* Hide default owl text */
#heroCarousel .owl-nav button span {
	display:none;
}
/* Hide dots on hero */
#heroCarousel .owl-dots {
	display:none;
}


/* --- Divider --- */
#productShowcase .gold-divider {
	max-width:900px;
	width:70%;
}


/* --- Thumbnail Carousel --- */
#thumbCarousel {
	width:92%;
	max-width:1400px;
	margin:0 auto;
	z-index:1;
}
#thumbCarousel .owl-stage-outer {
	z-index:2;
}
#thumbCarousel .item {
	text-align:center;
	cursor:pointer;
	padding:0 0.5em;
}
#thumbCarousel .item .thumb-img {
	border:1px solid #313140;
	border-radius:4px;
	overflow:hidden;
	line-height:0;
	transition:border-color 0.3s ease, box-shadow 0.3s ease;
}
#thumbCarousel .item .thumb-img img {
	display:block;
	width:100%;
	height:auto;
}
#thumbCarousel .item:hover .thumb-img {
	border-color:#B8A045;
}
#thumbCarousel .item.active-thumb .thumb-img {
	border-color:#D4C165;
	box-shadow:0 0 12px rgba(212,193,101,0.3);
}
#thumbCarousel .item .thumb-label {
	color:#C8C8D2;
	font-size:0.95em;
	font-weight:300;
	padding:0.8em 0.3em 0.3em;
	line-height:130%;
}
#thumbCarousel .item.active-thumb .thumb-label {
	color:#FFF;
	font-weight:400;
}

/* Thumb Nav Arrows */
#thumbCarousel .owl-nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	pointer-events:none;
}
#thumbCarousel .owl-nav button {
	position:absolute;
	top:0;
	width:4%;
	height:calc(100% - 2.5em);
	border:none !important;
	background:none !important;
	cursor:pointer;
	pointer-events:all;
}
#thumbCarousel .owl-nav button.owl-prev {
	left:-4%;
}
#thumbCarousel .owl-nav button.owl-next {
	right:-4%;
}
#thumbCarousel .owl-nav button .nav-arrow {
	display:block;
	width:0;
	height:0;
	border-style:solid;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#thumbCarousel .owl-nav button.owl-prev .nav-arrow {
	border-width:8px 11px 8px 0;
	border-color:transparent #B8A045 transparent transparent;
	left:30%;
}
#thumbCarousel .owl-nav button.owl-next .nav-arrow {
	border-width:8px 0 8px 11px;
	border-color:transparent transparent transparent #B8A045;
	right:30%;
}
#thumbCarousel .owl-nav button:hover .nav-arrow {
	border-color:transparent #D4C165 transparent transparent;
}
#thumbCarousel .owl-nav button.owl-next:hover .nav-arrow {
	border-color:transparent transparent transparent #D4C165;
}
/* Hide default owl text */
#thumbCarousel .owl-nav button span {
	display:none;
}
/* Hide dots on thumbs */
#thumbCarousel .owl-dots {
	display:none;
}


/* ============================================
   Responsive
   ============================================ */

@media only screen and (max-width: 1300px) {
	#heroCarousel .item .hero-text h2 { font-size:2.6em; }
	#heroCarousel .item .hero-text p { font-size:1.15em; }
	#heroCarousel .owl-nav button { width:52px; height:52px; }
	#heroCarousel .owl-nav button.owl-prev .nav-arrow { border-width:9px 12px 9px 0; margin-left:14px; }
	#heroCarousel .owl-nav button.owl-next .nav-arrow { border-width:9px 0 9px 12px; margin-left:19px; }
}

@media only screen and (max-width: 1024px) {
	#heroCarousel .item .hero-text h2 { font-size:2.2em; }
	#heroCarousel .item .hero-text p { font-size:1.1em; }
	#heroCarousel .owl-nav button { width:46px; height:46px; }
	#heroCarousel .owl-nav button.owl-prev { left:1.5em; }
	#heroCarousel .owl-nav button.owl-next { right:1.5em; }
	#heroCarousel .owl-nav button.owl-prev .nav-arrow { border-width:8px 11px 8px 0; margin-left:12px; }
	#heroCarousel .owl-nav button.owl-next .nav-arrow { border-width:8px 0 8px 11px; margin-left:17px; }
}

@media only screen and (max-width: 768px) {
	#productShowcase { padding:0 0 2em; }
	#heroCarousel .item .hero-text { padding:1.2em 1.5em 0; }
	#heroCarousel .item .hero-text h2 { font-size:1.8em; }
	#heroCarousel .item .hero-text p { font-size:1em; }
	#heroCarousel .owl-nav button { width:40px; height:40px; }
	#heroCarousel .owl-nav button.owl-prev { left:1em; }
	#heroCarousel .owl-nav button.owl-next { right:1em; }
	#heroCarousel .owl-nav button.owl-prev .nav-arrow { border-width:7px 10px 7px 0; margin-left:11px; }
	#heroCarousel .owl-nav button.owl-next .nav-arrow { border-width:7px 0 7px 10px; margin-left:15px; }
	
	#thumbCarousel .item .thumb-label { font-size:0.85em; }
	#productShowcase .showcase-divider { width:80%; margin:1.2em auto 1.5em; }
}

@media only screen and (max-width: 600px) {
	#heroCarousel .item .hero-text h2 { font-size:1.6em; }
	#heroCarousel .item .hero-text p { font-size:0.95em; }
	#heroCarousel .owl-nav button { width:34px; height:34px; }
	#heroCarousel .owl-nav button.owl-prev { left:0.6em; }
	#heroCarousel .owl-nav button.owl-next { right:0.6em; }
	#heroCarousel .owl-nav button.owl-prev .nav-arrow { border-width:6px 8px 6px 0; margin-left:10px; }
	#heroCarousel .owl-nav button.owl-next .nav-arrow { border-width:6px 0 6px 8px; margin-left:13px; }
	
	#thumbCarousel .item .thumb-label { font-size:0.8em; }
}

@media only screen and (max-width: 450px) {
	#heroCarousel .item .hero-text { padding:1em 1em 0; }
	#heroCarousel .item .hero-text h2 { font-size:1.45em; }
	#heroCarousel .item .hero-text p { font-size:0.9em; max-width:95%; }
	#heroCarousel .owl-nav button { width:30px; height:30px; border-width:1px !important; }
	#heroCarousel .owl-nav button.owl-prev { left:0.4em; }
	#heroCarousel .owl-nav button.owl-next { right:0.4em; }
	#heroCarousel .owl-nav button.owl-prev .nav-arrow { border-width:5px 7px 5px 0; margin-left:8px; }
	#heroCarousel .owl-nav button.owl-next .nav-arrow { border-width:5px 0 5px 7px; margin-left:11px; }
	
	#productShowcase .showcase-divider { width:85%; margin:1em auto 1.2em; }
	#thumbCarousel .item .thumb-label { font-size:0.75em; }
}