@charset "utf-8";
/* Custom Styles for BKS Assets website created by Monsters Edge */

/* FONTS */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; color: #000; text-decoration: none;}
a:hover { text-decoration:none; color: #a09167;}
a:focus { outline: none;}

/* SPACING CLASSES */
.pad30 { padding: 30px;}
.pad60 { padding: 60px;}
.pad90 { padding: 90px;}
.pad120 { padding: 120px;}
.padX30 { padding: 0 30px;}
.padX60 { padding: 0 60px;}
.padX90 { padding: 0 90px;}
.padX120 { padding: 0 120px;}
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}
.padY120 { padding: 120px 0;}

/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6 { margin: 0 0 1rem 0; font-family: "eurostile-extended", sans-serif; font-weight: 400;}
.content-tint h1 { font-family: "montserrat", sans-serif; font-weight: 400; color: #000; font-size: 1.2rem; margin: 0 0 1.75rem 0;}
.internal h1 { color: #95775d; text-transform: uppercase; font-size: 2rem;}
p { font-size: 1.1rem; margin: 0 0 1rem 0;}

#thumbnail-carousel { padding: 15px 50px 0 50px; position: relative;}
.splide__slide img { width: 100%; height: 100%; object-fit: cover;}
.splide__slide { opacity: 0.6; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
.splide__slide.is-active { opacity: 1;}
.splide__arrows { width: 100%; padding: 0; position: absolute; bottom: 8px; left: 0;}
.splide__arrows .splide__arrow { border: 0; box-shadow: none; background: none;}
.splide__arrows .splide__arrow--prev { transform: rotate(180deg);}
.splide__arrows .splide__arrow--next { float: right;}
.splide__arrows .splide__arrow:disabled { opacity: 0.5;}

/* GENERAL */
html,body { overflow-x: hidden; }
body { font-family: "montserrat", sans-serif; font-weight: 400; color: #000;}

.bg-light-grey { background-color: #d8d8d8;}
.content-tint { background: url("../images/content-bg-tint.jpg") 0 0 repeat-y;}

ul.social-links { list-style: none; padding: 0; margin: 0;}
ul.social-links li { display: inline-block; margin-left: 10px;}
ul.social-links li a { color: #a09167; font-size: 1.4rem;}
ul.social-links li a:hover { color: #1b3545;}

header { background: #fcfcfc url("../images/header-bg.png") top right no-repeat;}

#hero-tabs { border-bottom: 5px solid #231f20; text-align: center; padding: 0;}
#hero-tabs.internal { border-bottom: 0;}
#hero-tabs .nav .nav-link { width: 33.33%; border: 0; font-weight: 500; text-transform: uppercase; padding: 15px 15px 13px 15px; color: #fff; border-radius: 0;}
#hero-tabs .nav .nav-link span { opacity: 0.5; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
#hero-tabs .nav .nav-link.active span, #hero-tabs .nav .nav-link:hover span { opacity: 1;}
#hero-tabs .nav #nav-plant-tab { background-color: #231f20;}
#hero-tabs .nav #nav-watches-tab { background-color: #a09167;}
#hero-tabs .nav #nav-cars-tab { background-color: #a32135;}
#hero-tabs #nav-plant { border-top: 5px solid #231f20;}
#hero-tabs #nav-watches { border-top: 5px solid #a09167;}
#hero-tabs #nav-cars { border-top: 5px solid #a32135;}
#hero-tabs .tab-content { position: relative;}
#hero-tabs .tab-content .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%;}
#hero-tabs .tab-content .text h2 { color: #fff; font-size: 5rem; line-height: 5rem; text-transform: uppercase; margin: 0 0 75px 0;}

#page-title { padding: 40px 15px;}
#page-title h1 { text-transform: uppercase; color: #fff; margin: 0; font-size: 2rem;}
#page-title.black { background: #5d5d60 url("../images/page-title-bg-black.jpg") 0 0 repeat-y;}
#page-title.gold { background: #9f9067;}
#page-title.red { background: #a22035;}

.thumbnail { position: relative;}
.thumbnail h6 { text-transform: uppercase; color: #fff; position: absolute; bottom: 25px; left: 50%; transform:  translateX(-50%); font-size: 0.9rem; width: 90%; margin: 0;}
.established { background-color: #95775d; color: #fff; display: inline-block; padding: 3px 10px; font-weight: 700; font-size: 0.9rem; margin-bottom: 25px;}

.carousel-indicators { bottom: inherit; top: 101%; margin: 0;}
.carousel-indicators [data-bs-target] { width: 100px;}

.refine { font-weight: 600; text-transform: uppercase; font-size: 0.75rem;}
#filters .form-select { border: 0; background-color: #f6f6f6; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; padding: 10px 20px; margin-bottom: 10px;}
.searchandfilter > ul { margin: 0; padding: 0;}
.searchandfilter > ul > li { display: inline-block !important; vertical-align: top !important; padding: 0 !important; width: 32%;}
.searchandfilter > ul > li:nth-of-type(2n) { margin: 0 25px !important;}
.searchandfilter label, .searchandfilter select.sf-input-select { width: 100% !important;}
.searchandfilter select.sf-input-select { border: 0; background-color: #f6f6f6; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; padding: 10px 20px; margin-bottom: 10px; border-right: 15px solid transparent;}
.product { margin-bottom: 25px;}
.product h5 { font-size: 1.1rem;}
.product p { font-size: 1rem;}
.product .pricing { background-color: #f8d000;}
.product .pricing .price { display: inline-block; padding: 5px 10px; font-weight: 500; font-size: 0.9rem;}
.product .pricing a { display: inline-block; background-color: #231f20; color: #fff; padding: 5px 15px; font-size: 0.9rem; border-left: 2px solid #fff;}
.product .pricing a:hover { background-color: #a09167;}

.watches .product .pricing { background-color: #9f9067; color: #fff;}
.cars .product .pricing { background-color: #a22035; color: #fff;}

.product-detail h2 { font-size: 1.6rem; border-bottom: 1px solid #f8d000; padding: 0 0 15px 0;}
.table, .table p { font-size: 0.9rem;}
.table th { padding-left: 0;}
.morelink { color: #999999; font-weight: 500; text-transform: uppercase; font-size: 0.7rem;}

#thumbnails.owl-carousel { padding: 0 60px; margin-bottom: 30px;}
#thumbnails.owl-carousel.owl-drag .owl-item { text-align: center !important;}
#thumbnails.owl-carousel .owl-stage { display: flex; align-items: center;}
#thumbnails.owl-carousel .owl-nav { position: absolute; top: 0%; right: 0; font-size: 1.8rem; width: 100%; margin: 0 !important;}
#thumbnails.owl-carousel .owl-nav button { color: #000 !important;}
#thumbnails.owl-carousel .owl-nav button:hover { background-color: transparent !important; color: #f8d000 !important;}
#thumbnails.owl-carousel .owl-nav button.owl-prev { position: absolute; left: 10px;}
#thumbnails.owl-carousel .owl-nav button.owl-next { position: absolute; right: 10px;}

.pagination .page-item { margin: 0 5px;}
.pagination .page-item .page-link { border-radius: 0; border-color: #f8d000; color: #000; font-weight: 500; padding: 8px 16px;}
.pagination .page-item .page-link:hover, .pagination .page-item.active .page-link { background-color: #f3f3f4; border-color: #f3f3f4; color: #000;}

footer { background-color: #1a1a1a; color: #fff; border-top: 5px solid #95775d;}
footer ul { list-style: none; padding: 10px 0 10px 30px; margin: 0; border-left: 1px solid #fff;}
footer ul li { display: block;}
footer ul li a { color: #fff; font-size: 0.8rem;}
.copyright { font-size: 0.75rem;}

/* FORMS */
#contact .form-control, #contact .form-select { border-radius: 0; border-color: #e7e7e8; padding: 10px 15px;}
#contact .form-select { color: #9f9f9f;}
#contact .form-control::placeholder { color: #9f9f9f; opacity: 1;}
#contact .form-control::-ms-input-placeholder { color: #9f9f9f;}

.post-password-form { text-align: center;}
.post-password-form #pwbox-68, .post-password-form #pwbox-70 { border-radius: 0; border: 1px solid #e7e7e8; background-color: #fff; padding: 10px 15px;}
.post-password-form [type="submit"] { background-color: #a09167; border: 1px solid #a09167; color: #fff; text-transform: uppercase; padding: 14px 30px; font-size: 0.75rem; font-weight: 500; border-radius: 0; position: relative; top: -2px;}
.post-password-form [type="submit"]:hover { background-color: #231f20; border-color: #231f20; color: #fff;}

.wpcf7-list-item, .wpcf7-list-item input { margin-left: 0 !important; border-radius: 0 !important; border-color: #e7e7e8 !important;}

/* NAVIGATION */
.navbar { padding: 0;}
.navbar .nav-item { padding: 0; margin-left: 15px;}
.navbar .nav-item .nav-link { padding: 0; text-transform: uppercase; font-size: 0.9rem;}
.navbar .nav-item .nav-link:hover, .navbar .nav-item.active .nav-link, .navbar .nav-item .nav-link.active { color: #a09167;}

/* BUTTONS */
.btn { text-transform: uppercase; padding: 8px 30px; font-size: 0.75rem; font-weight: 500; border-radius: 0; min-width: 230px;}
.btn-primary { background-color: #f8d000; border-color: #f8d000; color: #231f20;}
.btn-primary:hover, .btn-primary:focus { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-secondary { background-color: #b2b2b2; border-color: #b2b2b2; color: #fff;}
.btn-secondary:hover, .btn-secondary:focus { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-black { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-black:hover, .btn-black:focus { background-color: #f8d000; border-color: #f8d000; color: #231f20;}
.btn-gold { background-color: #a09167; border-color: #a09167; color: #fff;}
.btn-gold:hover, .btn-gold:focus { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-red { background-color: #a32135; border-color: #a32135; color: #fff;}
.btn-red:hover, .btn-red:focus { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-grey { background-color: #666; border-color: #666; color: #fff;}
.btn-grey:hover, .btn-grey:focus { background-color: #231f20; border-color: #231f20; color: #fff;}
.btn-white { background-color: #fff; border-color: #fff; color: #231f20;}
.btn-white:hover, .btn-white:focus { background-color: #231f20; border-color: #231f20; color: #fff;}


/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
	.navbar .nav-item .nav-link { font-size: 0.8rem;}
	#hero-tabs .tab-content .text h2 { font-size: 4rem; line-height: 4rem; margin: 0 0 50px 0;}
	#thumbnails.owl-carousel .owl-nav { top: -3px;}
	.searchandfilter > ul > li { width: 31%;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.btn { min-width: inherit;}
	#hero-tabs .tab-content .text h2 { font-size: 3rem; line-height: 3rem; margin: 0 0 30px 0;}
	#thumbnails.owl-carousel .owl-nav { top: -5px;}
	.searchandfilter > ul > li { width: 30%;}
}

/* #Tablet & Smaller
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (max-width: 959px) {
	header, header .container-fluid, header .container { background: none; padding: 0 !important; max-width: 100%;}
	.navbar-brand { margin: 20px 0 20px 15px;}
	.navbar-toggler { padding: 0; border: 0; margin: 0 20px 0 0; color: #8a715c; font-size: 2rem;}
	.navbar-toggler:focus { box-shadow: none;}
	.navbar-collapse { background-color: #1a1a1a;}
	.navbar .nav-item { border-bottom: 1px solid #333; margin: 0;}
	.navbar .nav-item .nav-link { color: #fff; padding: 10px 15px;} 
	ul.submenu { list-style: none; padding: 0; margin: 30px 0;}
	ul.submenu li { display: block;}
	ul.submenu li a { color: #fff; font-size: 0.8rem; text-transform: uppercase; padding: 5px 15px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	.padY30,.padY60,.padY90,.padY120 { padding: 30px 0;}
	.btn { min-width: inherit;}
	#hero-tabs .tab-content .text h2 { font-size: 2rem; line-height: 2rem; margin: 0 0 30px 0;}
	#hero-tabs .nav .nav-link:last-child { padding: 15px 25px 13px 25px;}
	#hero-tabs .nav .nav-link span { font-size: 0.7rem; line-height: 0.9rem; display: block;}
	#hero-tabs .nav .nav-link span i { display: none;}
	.thumbnail { margin-top: 30px;}
	#page-title h1 { font-size: 1.3rem;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.searchandfilter > ul > li { width: 30%;}
}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.searchandfilter > ul > li { width: 100%;}
	.searchandfilter > ul > li:nth-of-type(2n) { margin: 0 !important;}
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}