@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
/* --------------------------------------------------
General
-------------------------------------------------- */
:root {
--bs-primary: #a37c2c;
--bs-primary-rgb: 163, 124, 44;
--bs-primary-hover: #8f6819;
--lite-primary: #c8952c;
--bs-font-sans-serif: "Source Sans 3", sans-serif;
--bs-body-font-weight: 300;
--bs-green: #006039;
--bs-green-hover: #036f44;
--text-color:#0A1119;
--fontsize: 1em;
--lineheight: 1.25;
--fontsize-sm: 0.785em;
--lite-primary-bg:#f8f6f3;
--text-link:#0d6efd;
--swiper-navigation-color: var(--bs-green);
--swiper-navigation-sides-offset: calc( 0px - var(--swiper-navigation-size) - 15px);
}
html, body { height: 100%;}
.fw-semibold{font-weight:500}
body{overflow-x:hidden;font-size: var(--fontsize);line-height: var(--lineheight);}
p {margin-bottom: calc(var(--fontsize) * 1.25);}
p:last-child { margin-bottom: 0;}
/* --------------------------------------------------
Overwrite bs style
-------------------------------------------------- */
.whatsapp-icon{position:fixed;z-index:9999999999;right:25px;bottom:50px;border-radius:500px;width:60px;height:60px;display:flex;background:#25d366;align-items:center;justify-content:center;text-decoration:none!important}
.whatsapp-icon i{color:#fff!important;font-size:30px!important}
a{color:var(--bs-primary);text-decoration:none;}
.bg-dark-green{background-color:#006039}
.btn-outline-dark-green{color:#006039;border-color:#006039}
.btn-outline-dark-green:hover{background-color:#006039;color:#fff}
.btn-outline-dark-green.active{background-color:#006039;color:#fff}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-check:focus+.btn,.btn-primary.active:focus,.btn-primary:active:focus,.btn:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none}
.nav-link{color:var(--bs-dark)}
.nav-item.active .nav-link,.nav-link:focus,.nav-link:hover,a:hover{color:var(--bs-primary-hover);}
.nav-item.active .nav-link{font-weight:600;color: #000;opacity: 1;}
.border-primary{border-color:var(--bs-primary)!important}
.btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.btn-outline-primary{color:var(--bs-primary);border-color:var(--bs-primary)}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-check:focus+.btn-primary,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.show>.btn-primary.dropdown-toggle{background-color:var(--bs-primary-hover);border-color:var(--bs-primary)}
.btn-outline-primary:active,.btn-outline-primary:hover{background-color:#006039;border-color:#006039}
.btn-outline-primary:active:focus, .btn-close:focus{box-shadow:none}
.form-control:focus{border-color:#a2d1be;box-shadow:0 0 0 .25rem rgb(25 135 84 / 5%)}
.input-group-text{background:0 0;padding-right:0;border-radius: .5rem 0 0 .5rem;}
.input-group-text + .form-control{border-left:0;padding-left: 1rem;}
.input-group .form-control:focus{border-color:#ced4da;box-shadow:none}
.btn-danger{background-color:#ec1c24;border-color:#ec1c24}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--bs-dark); font-weight: 600;}
h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child) { margin-top: 1.5rem;}
.font-24{font-size:24px}
.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.form-check-input:focus{border-color:var(--bs-primary);box-shadow:none}
.bg-lite-grey{background-color:#f2f2f2;color:#333;font-weight:300}
.bg-lite-pink{background-color:#ffb6c1;color:#333;font-weight:300}
.small,small{font-size: .785em;}
.bg-primary{background-color:var(--bs-primary)!important}
.text-primary{color:var(--bs-primary)!important}
.text-green { color: var(--bs-green);}
.btn-dark-green,.btn-dark-green:hover{background-color:var(--bs-green);color:#fff}
.btn-outline-darkgreen{color:var(--bs-green);border-color:var(--bs-green)}
.btn-outline-darkgreen:hover{background-color:var(--bs-green);color:#fff}
.form-control:disabled,.form-control[readonly]{background-color:#fff}
.text-muted{color:#919191!important}
.btn-tiny{font-size:11px;padding:0 10px;position:relative;top:-3px}
.brand-short-info{font-size:24px;font-weight:700;padding-top:5px;margin-bottom:0}
.pagination{justify-content:center}
/* .container.narrow{max-width:1140px} */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1128px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x:1.375rem;--bs-gutter-y:1.375rem;}
/* .row {--bs-gutter-x:1.375rem;} */
.dropdown-toggle::after {content: "\ea50";font-family: 'remixicon' !important;border: 0;vertical-align: bottom;}
.btn, .form-control {font-size: var(--fontsize);padding: 10px 24px;border-radius: .5rem;}
.card { border-radius: .5rem;}
.text-link{ color: var(--text-link);}
.text-link-ico{color: var(--text-link);display: inline-block;margin-bottom: calc(var(--lineheight) * .35em);}
.text-link-ico:after {content: "\ecaf"; font-family: remixicon; display: inline-block; margin-left: 5px;}
.modal-content { border-radius: .875rem;}
.min-height{min-height: unset;}
.text-shadow-white { text-shadow: 0 1px 1px #fff;}
.bg-beige {background-color: #DCDBD3 !important;}
.btn-min200 { min-width: 200px; display: block;}
.py-6 {padding-top: 4rem !important; padding-bottom: 4rem !important;}
.my-6 {margin-top: 4rem !important;margin-bottom: 4rem !important;}
.btn-group-sm>.btn, .btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
@media (min-width: 768px){
.py-md-6 {padding-top: 6rem !important; padding-bottom: 6rem !important;}
.my-md-6 {margin-top: 6rem !important;margin-bottom: 6rem !important;}
.card { border-radius: 1rem;}
.pagination{justify-content:flex-end}
.min-height{min-height: calc(100vh - 372px);}
}
/* --------------------------------------------------
Spacing
-------------------------------------------------- */
/* --------------------------------------------------
Navbar
-------------------------------------------------- */
.dashboard-navbar{min-height:60px;box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 1;}
.dashboard-navbar .logo{width:200px}
.dashboard-navbar .logo:focus-visible { outline: 0;}
.dashboard-navbar .logo img{width:100%;}
.dashboard-navbar .nav-link{color: #212529;padding: 0 15px !important;white-space:nowrap;}
.dashboard-navbar .navbar-collapse{z-index:10;background-color:#fff}
.dashboard-navbar .navbar-nav .left{font-size:14px;color:#212529}
.dashboard-navbar .navbar-nav.left>.nav-item{border-right:1px solid #ccc;}
.dashboard-navbar .navbar-nav.left>.nav-item:last-child{border-right:0}
.dashboard-navbar .navbar-nav.left>.nav-item:last-child{border-right:none}
.dashboard-sub-nav{height:50px}
.dashboard-sub-nav .item-list{display:flex}
.dashboard-sub-nav .item-list .item{padding:13px 30px;font-size:15px;font-weight:700}
.dashboard-sub-nav .item-list .item a{color:#363636;text-transform:uppercase}
.dashboard-sub-nav .button-wrapper{margin-top:13px;text-align:right}
.dashboard-sub-nav .basic-button{padding:5px 15px;font-size:15px;font-weight:700;color:#363636;background-color:transparent;border:1px solid #363636;text-transform:uppercase}
.dashboard-navbar .nav-item.mobile{display:none}
.dashboard-third-navbar{box-shadow: 0 5px 12px 0 rgba(0,0,0,.35) inset;background:#006039;}
.dashboard-third-navbar .item-list{display:flex;justify-content:flex-start;align-items:center}
.dashboard-third-navbar .item{padding: 10px 20px;border-right: 1px solid rgba(255,255,255,.2);}
.dashboard-third-navbar .item:first-child{}
.dashboard-third-navbar .item a{color:#fff;position:relative;}
.dashboard-third-navbar .item.active{background: rgba(4, 115, 69,.85);}
.dashboard-third-navbar .item.mobile{display:none}
.login-header-btn{display:flex;}
.login-header-btn:active,.login-header-btn:focus,.login-header-btn:hover{background:0 0;color:inherit}
.login-header-btn>img{margin-right:8px}
.offcanvas-start { min-width: 320px; width: auto;}
@media (max-width: 768px){
.navbar-toggler-icon { width: 25px; height: 25px;}
.navbar-nav.left{display:none}
}
@media (max-width:991px){
.ic-sticky-bar{padding:0 10px}
.ic-sticky-bar .text{font-size:12px;padding-right:5px}
.ic-sticky-bar .btn{padding:0;font-size:12px}
.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}
.login-btn{background-color:transparent;color:initial}
.mobile-navbar .nav-link{padding-top: .75rem;padding-bottom: .75rem;opacity: .5;}
.mobile-navbar .nav-item{border-bottom: 1px solid rgba(0,0,0,0.1);padding-left: 15px;}
.mobile-navbar .nav-item.header{padding-left: 0;border-width: 2px;border-color: rgba(0,0,0,0.25);}
.mobile-navbar .nav-item.header .nav-link{font-weight:700;opacity: 1;}
.toggle-sibling{border-bottom:1px solid #ccc;padding-bottom:5px;display:flex;align-items:center;justify-content:space-between}
.toggle-sibling+ul{display:none}
.toggle-sibling.active+ul{display:block}
.toggle-sibling:after{content:"";width:10px;height:10px;background:url("data:image/svg+xml,") no-repeat center}
.w-md-100{width:100%!important}
}
/* --------------------------------------------------
Mobile Sidebar
-------------------------------------------------- */
#main_nav #dismiss{display:none}
@media (max-width:991px){
#main_nav{width:100%;position:fixed;top:0;left:-100%;height:100vh;z-index:999;background:#fff;transition:all .3s}
#main_nav.active{left:0}
#main_nav #dismiss{background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;padding:10px;height:35px;width:35px;margin-left:auto}
#main_nav .sidebar-header{padding:20px;background:#6d7fcc}
.logo.sidebar{max-width:140px}
}
/* --------------------------------------------------
Banner
-------------------------------------------------- */
.banner{position:relative;min-height:100px;background:center/cover no-repeat;display: flex;}
/* .banner hr.banner-white{color:#fff;width:10%;opacity:1;height:4px; margin: 1rem auto;}
.banner.short { min-height: 250px;}
.homepage .banner{text-align:center;flex-direction: column;}
.homepage .banner .title{position:relative;color:#fff;font-size:42px;font-weight:700;z-index:1}
.homepage .banner::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.37);}
.homepage .btn-group{border-radius:50px;background: rgba(255,255,255,0.95);padding: 6px;}
.homepage .btn-group .btn{ border:none; font-weight:700; line-height:21px; width: 100px; border-radius: 30px !important; box-shadow: 0 5px 8px rgba(0,0,0,0.1) inset;}
.homepage .btn-group .btn:hover{background:#a7843d;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:#fff}
.homepage .btn-group .btn:focus-visible{outline:0}
.homepage .btn-group .btn.active{ border-radius:50px; background:#a7843d; color:#fff; background-image: linear-gradient(to bottom, #a8843e 0%, #6b4d13 80%); box-shadow: 0px -1px 2px 0 #a8843e inset, 0px 1px 1px 1px #ccc, 0 0 0 6px #fff, 0 2px 12px 8px #ddd; }
.homepage .btn-group .btn:first-child{margin-right:10px}
.homepage .btn-group .btn:last-child{margin-left:10px}
.homepage .sub-title{color:#fff;text-align:center;position:relative;}
@media (max-width: 768px){
.banner { min-height:260px;}
.banner.short { min-height: 150px;}
}
@media (max-width:991px){
.banner .banner-inner{position:absolute;bottom:10%;padding:0 1em}
.banner .banner-title{color:#fff;font-weight:700;font-size:2rem;line-height:1;max-width:80%}
} */
/* --------------------------------------------------
Table Style
-------------------------------------------------- */
.table{color:var(--text-color); font-size: var(--fontsize);}
.table-mobile-sm.table>:not(caption)>*>*{padding:.75rem 1rem}
/* --------------------------------------------------
Misc style
-------------------------------------------------- */
.logout-btn{padding:.5rem 1rem;display:flex;align-items:center}
.bg-img-fit{background-repeat:no-repeat;background-size:cover;background-position:center}
.promise-img{width:100px;margin-bottom:15px}
.desc-title{width:50%;min-width:500px;max-width:100%;border-bottom:1px solid var(--bs-primary);margin-bottom:5px;cursor:pointer;user-select:none}
.desc-title .title{color:#7b7474;max-width:70%;border-bottom:4px solid var(--bs-primary);display:inline-block;margin-bottom:0;font-weight:300;font-size:18px;padding:8px 15px}
.desc-title+.sub-title{font-size:1.75rem;font-weight:700}
.gold-title{color:var(--lite-primary);font-weight:700}
.extra-small{font-size:12px;line-height:1}
@media (max-width:991px){
.desc-title{width:100%;min-width:100%;display:inline-block}
.desc-title .title{font-size:20px}
.desc-title+.sub-title{font-size:1rem;position:absolute;right:1rem;margin-top:-35px;font-weight:400}
}
/* --------------------------------------------------
Tabs button
-------------------------------------------------- */
.status-nav .nav-item{min-width:200px;text-align:center}
.status-nav .nav-link{cursor:pointer}
.nav-pills .show>.nav-link,.status-nav .nav-link.active{background-color:transparent;color:initial;font-weight:600;border-bottom:2px solid var(--bs-primary);border-radius:0}
@media (max-width:991px){
.status-nav .nav-item{min-width:30%}
}
/* --------------------------------------------------
Shop filter style
-------------------------------------------------- */
.filter-btn,.filter-btn:hover{color: var(--bs-primary);display:flex;align-items:center;font-size: 12px;text-transform:uppercase;grid-gap: 10px;background: rgba(0,0,0,0.03);}
.filter-btn i{font-size:18px}
.filter-opt{display:flex;align-items:center;grid-gap:5px}
.filter-opt input[type=radio]{opacity:0;width:0}
.filter-opt label{display:inline-flex;white-space:nowrap;padding:2px 10px;border:1px solid var(--bs-primary);border-radius:4px;font-size:12px;text-transform:uppercase;font-weight:600;color:var(--bs-primary)}
.filter-opt label:hover{background-color:rgba(163,124,44,.2)}
.filter-opt input[type=radio]:checked+label{background-color:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
.filter-list{padding:0 1rem 1rem;position:absolute;z-index:1;background-color:var(--bs-white);width:100%;top: 50px;display:none;box-shadow: 0 2px 20px 2px rgba(0,0,0,0.1);}
.filter-list .form-check-label{font-size:80%}
.filter-list .form-check{margin-top:15px}
/* .filter-list-grid{} */
.filter-list .form-check .group-btn .form-check-label{flex-basis:88%!important;text-wrap:nowrap;border-bottom-right-radius:0;border-bottom-right-radius:0;border-right:5px solid #fff}
.filter-list-grid .group-btn{width:100%;display:inline-flex;flex-direction:row;background:0 0!important;padding:0!important;border:none!important;box-shadow:none!important}
#filter-number-label{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 10px;background-image:none!important;background-color:#198754;color:#fff!important;border-color:var(--bs-green)!important;display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:80%;position:relative;border-top-right-radius:5px;border-bottom-right-radius:5px;flex-basis:12%!important}
ul.filter-options{list-style:none;padding:20px}
ul.filter-options li{display:inline}
ul.filter-options li label{display:inline-block;background-color:rgba(255,255,255,.9);border:2px solid rgba(139,139,139,.3);color:#adadad;border-radius:25px;white-space:nowrap;margin:3px 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s}
ul.filter-options li label{padding:0 12px;cursor:pointer;margin:5px}
ul.filter-options li label::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;padding:2px 6px 2px 2px;content:"\f067";transition:transform .3s ease-in-out}
ul.filter-options li input[type=checkbox]:checked+label::before{content:"\f00c";transform:rotate(-360deg);transition:transform .3s ease-in-out}
ul.filter-options li input[type=checkbox]:checked+label{border:2px solid green;background-color:var(--bs-green);color:#fff;transition:all .2s}
ul.filter-options li input[type=checkbox]{display:absolute}
ul.filter-options li input[type=checkbox]{position:absolute;opacity:0}
ul.filter-options li input[type=checkbox]:focus+label{border:2px solid var(--bs-green)}
@media (max-width:991px){
.filter-list{padding:.5rem 1rem 1rem}
.filter-opt{display:none}
.filter-list .form-check{margin-top:6px}
.filter-list-grid{display:grid}
}
/* --------------------------------------------------
Card style
-------------------------------------------------- */
.watch-brand{font-size: var(--fontsize);}
.card.product-card .description{padding:7px}
.card.product-card .description .product-details{margin-bottom: .65rem;padding-bottom: .65rem;border-bottom:1px solid #ebebeb;}
.watch-model{text-transform:uppercase;}
.product-card .card-title{color: var(--text-color);font-size: 12px;opacity: .65;}
.product-card hr{background-color:#ebebeb}
.product-card .bid-caption{font-size:12px;text-transform:uppercase;}
.product-card .cd-text{font-weight:400;font-size:10px;text-transform:uppercase}
.bid-price,.live-show{font-size:12px}
.bid-price{color: var(--bs-green);font-weight:700;font-size: var(--fontsize);}
.live-show{width:100%;display:flex;justify-content:space-between;align-items:center}
.card-text, .txt-ellipse{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: calc(var(--lineheight)*2em);}
.card-footer{background:var(--bs-primary)}
.loadmore-btn{color:var(--bs-primary);border-bottom:1px solid var(--bs-primary);border-radius:0}
.card-img,.card-img-top{object-fit:cover;aspect-ratio: 1/1;width:100%;border-radius: .875rem;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center;}
@media (max-width:991px){
.shop .card-body{padding:.65rem}
.shop .card-text,.shop .card-title,.shop .watch-brand,.shop .watch-model{margin-bottom:5px;line-height:1.2;font-size:80%}
.shop [class$="-caption"]{font-weight:500}
.shop .bid-caption,.shop .bid-price,.shop .live-caption,.shop .live-show{font-size:75%}
.card-text{line-clamp:3}
}
/* --------------------------------------------------
Manufacturers
-------------------------------------------------- */
[watchbrand^="wb-"] {font-size: 10px;text-transform: uppercase;letter-spacing: 1px;color: rgba(0,0,0,0.35);}
[watchbrand^="wb-"]:before {content: ""; background-position: center; background-repeat: no-repeat; aspect-ratio: 4 / 3;background-size: 80%;display: flex;align-items: end;justify-content: center;transition: .3s;}
[watchbrand^="wb-"]:hover:before {background-size: 100%; transition: .3s;}
[watchbrand^="wb-Audemars"]:before {background-image: url(/images/brands/AudemarsPiguet-logo.webp);}
[watchbrand^="wb-Rolex"]:before {background-image: url(/images/brands/rolex-logo.webp);}
[watchbrand^="wb-Omega"]:before {background-image: url(/images/brands/omega-logo.webp);}
[watchbrand^="wb-Tag"]:before {background-image: url(/images/brands/TagHeuer-logo.webp);}
[watchbrand^="wb-Hublot"]:before {background-image: url(/images/brands/Hublot-logo.webp);}
[watchbrand^="wb-Tudor"]:before {background-image: url(/images/brands/tudor-logo.webp);}
/* --------------------------------------------------
Pagination style
-------------------------------------------------- */
.pagination{grid-gap:10px}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link,.pagination .page-link{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius: .765rem;color: var(--bs-primary);border-color: rgb(163 124 44 / 10%);}
.pagination .page-link {}
.pagination .page-link:focus,.pagination .page-link:hover{background-color: #f8f6f3;}
.pagination .page-item.active .page-link,.pagination .page-item.active .page-link:hover{background-color:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
/* --------------------------------------------------
Header / Footer
-------------------------------------------------- */
.navbar-brand .logo{width:200px}
footer.custom-footer{background-color: var(--lite-primary-bg);}
footer.custom-footer a { color: #444;}
.footer-logo-wrapper{width:100%}
.footer-logo-wrapper .footer-logo{width:100%}
footer.custom-footer .list-column { column-count: 2;}
footer.custom-footer .social-icon-wrapper {display: flex; gap: 10px; flex-wrap: wrap;}
footer.custom-footer a.social-icon {border: 2px solid var(--bs-primary);border-radius: 50px;color: var(--bs-primary);width: 34px;height: 34px;font-size: 20px;display: flex;align-items: center;justify-content: center;}
@media (max-width:991px){
footer{overflow-x:hidden}
.navbar-brand .logo{width:180px}
}
@media all and (max-width:767px){
footer.custom-footer .list-column { column-count: 1;}
}
/* --------------------------------------------------
Half fluid content
-------------------------------------------------- */
.half-fluid .left-half,.half-fluid .right-half{left:50%;margin-left:-50vw;max-width:100vw;position:relative;right:50%;width:100vw;padding:0}
.half-fluid .image{background-size:cover;background-position:center;height:100%}
@media (min-width:992px){
.half-fluid .left-half{padding-left:0!important;position:absolute;left:0;right:50%;margin-left:auto;width:auto}
.half-fluid .right-half{padding-right:0!important;position:absolute;right:0;left:50%;margin-left:auto;width:auto}
}
/* --------------------------------------------------
Underline form style
-------------------------------------------------- */
.underline-input .form-control{background-color:transparent;border-radius:0;border:0;border-bottom:1px solid rgba(255,255,255,.5);padding:.5rem 0;color:rgba(255,255,255,.85)}
.underline-input .form-control:focus{box-shadow:none;border-bottom-color:#fff}
.underline-input .form-control::placeholder{color:rgba(255,255,255,.2)}
/* --------------------------------------------------
Product image gallery
-------------------------------------------------- */
.carousel{position:relative}
.carousel-item{background-color:rgba(0,0,0,.05);border-radius:5px}
.carousel-item img{object-fit:contain;aspect-ratio:7/5;width:100%}
#carousel-thumbs img{cursor:pointer;object-fit:cover;aspect-ratio:7/5;}
#carousel-thumbs img:hover{border-color:rgba(255,255,255,.3)}
#carousel-thumbs .selected img{border-color:#fff}
#carousel-thumbs .thumb:not(.selected) img{opacity:.45}
.carousel-control-next,.carousel-control-prev{width:50px}
#carousel-thumbs .carousel-inner{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:5px 0}
#carousel-thumbs .carousel-inner::-webkit-scrollbar{height:5px}
#carousel-thumbs .carousel-inner::-webkit-scrollbar-track{background:#eee}
#carousel-thumbs .carousel-inner::-webkit-scrollbar-thumb{background:#888}
#carousel-thumbs .thumb{flex:0 0 131px;background:rgba(0,0,0,.05)}
.totalthumbs{position:absolute;aspect-ratio:7/5;background:rgba(0,0,0,.7);width:130px;right:10px;top:5px;display:flex;align-items:center;justify-content:center;color:#fff}
@media all and (max-width:767px){
.carousel-container #carousel-thumbs img{border-width:3px}
}
@media all and (max-width:576px){
.carousel-container #carousel-thumbs{background:#ccccce}
}
/* --------------------------------------------------
Product page auction table
-------------------------------------------------- */
.auction-table td{font-weight:500;font-size:75%;color:var(--bs-dark)}
.auction-table .fs-normal td{font-size:100%}
.auction-table td:last-child{text-align:right}
.auction-table tr:last-child td{border-bottom:none}
/* --------------------------------------------------
Payment page
-------------------------------------------------- */
/*----- shipping timeline -----*/
.timeline{position:relative;--iconwidth:40px;padding-left:var(--iconwidth);margin-bottom:2em}
.timeline .icon-title{display:flex;align-items:center;color:var(--bs-primary);font-weight:600}
.timeline .icon{position:absolute;width:var(--iconwidth);left:0;text-align:center;font-size:22px}
.timeline .shipping-address{font-size:13px}
.timeline .delivery-status{list-style:none;padding-left:0;margin:1rem 0;--dotsize:8px}
.timeline .delivery-status li{position:relative;color:#aaa;margin-bottom:1rem}
.timeline .delivery-status li.active{color:var(--bs-primary)}
.timeline .delivery-status li:before{content:"";width:1px;height:100%;background-color:#dadada;display:block;position:absolute;left:-12px;top:var(--dotsize)}
.timeline .delivery-status li:after{content:"";width:var(--dotsize);height:var(--dotsize);border-radius:50%;background-color:#dadada;display:block;position:absolute;left:-15px;top:var(--dotsize)}
.timeline .delivery-status li.active:after{background-color:var(--bs-primary)}
.timeline .delivery-status li .datetime{font-size:13px;color:#aaa}
/*----- payment timeline -----*/
.payment-status{list-style:none;margin:1rem 0;--dotsize:12px}
.payment-status li{position:relative;margin-bottom:1rem;font-size:15px}
.payment-status li:before{content:"";width:1px;height:calc(100% + var(--dotsize));background-color:#dadada;display:block;position:absolute;left:calc(0px - var(--dotsize) * 1.5);top:var(--dotsize)}
.payment-status li:after{content:"";width:var(--dotsize);height:var(--dotsize);border-radius:50%;background-color:#dadada;display:block;position:absolute;left:calc(1px - var(--dotsize) * 2);top:5px}
.payment-status li.passed:after{background-color:var(--bs-green)}
.payment-status li.passed:before{background-color:var(--bs-green)}
.payment-status li:last-child:before{display:none}
.payment-status .timeline{box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:5px;--iconwidth:30px;padding:10px 10px 10px var(--iconwidth);margin:10px 0 0 calc(0px - var(--iconwidth))}
.payment-status .stripe-receipt{border:none;background:0 0;font-weight:700}
.payment-status .stripe-receipt:focus-visible{outline:0}
/*----- shipping timeline -----*/
.shipping-status{list-style:none;margin:1rem 0;--dotsize:12px}
.shipping-status li{position:relative;margin-bottom:1rem;font-size:15px}
.shipping-status li:before{content:"";width:1px;height:calc(100% + var(--dotsize));background-color:#dadada;display:block;position:absolute;left:calc(0px - var(--dotsize) * 1.5);top:var(--dotsize)}
.shipping-status li:after{content:"";width:var(--dotsize);height:var(--dotsize);border-radius:50%;background-color:#dadada;display:block;position:absolute;left:calc(1px - var(--dotsize) * 2);top:5px}
.shipping-status li.passed:after{background-color:var(--bs-green)}
.shipping-status li.passed:before{background-color:var(--bs-green)}
.shipping-status li:last-child:before{display:none}
.shipping-status .timeline{border-radius:5px;--iconwidth:30px;margin:10px 0 0}
.shipping-status li.passed .timeline{box-shadow:0 0 5px rgba(0,0,0,.2);padding:10px 10px 10px var(--iconwidth)}
.shipping-status li:last-child .timeline{box-shadow:none;padding:0 10px 10px var(--iconwidth)}
/*----- radio dropdown -----*/
.radioDdown{position:relative;--optionwidth:140px;font-size:15px}
.radioOption [type=radio]{display:none}
.radioOption [type=radio]:checked+label{background:var(--bs-primary);color:#fff}
.radioDdown>.radioOption{position:absolute;overflow:hidden;border:1px solid var(--bs-primary);width:var(--optionwidth);display:none;top:0}
.radioDdown>.radioOption.active{display:block;animation-name:example;animation-duration:.3s}
.radioDdown>.radioOption>label{display:block;padding:10px;background:#fff;text-align:center}
.radioDdown>.radioOption>label:last-child{margin-bottom:0}
.radioDdown>.radioSelect{color:#fff;padding:10px;width:var(--optionwidth);position:relative;background:var(--bs-primary) url("data:image/svg+xml,") no-repeat 95% center;background-size:10px}
.radioDdown>.radioSelect:focus{border:2px solid #000;outline:0}
.radioDdown>.radioSelect::-webkit-details-marker{display:none}
.radioDdown>.radioSelect:after{position:absolute;content:"";right:8px}
.radioDdown>.radioOption,.radioDdown>.radioSelect{border-radius:8px}
label.uploadfile{display:inline-flex;padding:5px;border-radius:5px;border:1px solid #dedede;font-size:2.75em;color:#dedede}
.payment-status .edit-btn,.shipping-status .edit-btn{position:absolute;top:5px;right:5px}
.visa-info{color:var(--bs-primary);margin-left:20px;min-width:80px}
@keyframes example{
0%{top:5px;opacity:20%}
80%{top:-2px;opacity:100%}
100%{top:0;opacity:100%}
}
/* --------------------------------------------------
Account page
-------------------------------------------------- */
.btn-point-collected{color:var(--bs-primary);font-size:11px;white-space:nowrap;text-align:left;display:flex;align-items:center}
.btn-point-collected [class*=chev]{font-size:24px}
.small-size *{font-size:80%}
.tiny-size{font-size:70%}
.small-size.large{font-size:25px!important}
.btn-group.grey-outline{display:inline-block}
.btn-group.grey-outline input[type=text]{cursor:pointer;padding:.375rem .75rem;border-color:#ddd;color:initial}
.btn-group.grey-outline input[type=text]:hover{color:#fff}
.btn-group.grey-outline>input[type=text]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group.grey-outline>input[type=text]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}
.table-fixed{table-layout:fixed;font-size:14px}
.table-fixed th{font-size:13px;line-height:1.2;vertical-align:middle;font-weight:400}
.table-fixed td:not(:first-child):not(:last-child),.table-fixed th:not(:first-child):not(:last-child){text-align:center}
.table-fixed td:last-child,.table-fixed th:last-child{text-align:right}
.table-fixed label.small{font-size:13px}
.table-fixed .block{width:100%;display:inline-block;text-align:center}
.table-fixed .dateblock{width:170px;text-align:center;display:inline-block}
.table-fixed .fs-lg{font-size:18px}
#accDropdownOpt .dropdown-toggle{width:180px;text-align:center;position:relative}
#accDropdownOpt .dropdown-toggle.show{border-radius:.25rem .25rem 0 0}
#accDropdownOpt .dropdown-menu{border-color:var(--bs-green);padding:0;margin-top:-4px!important;border-radius:0 0 .25rem .25rem}
#accDropdownOpt .dropdown-item{color:var(--bs-green);border-top:1px solid var(--bs-green);text-align:center}
#accDropdownOpt .dropdown-toggle:after{content:"";background:url("data:image/svg+xml,") no-repeat center;border:0;width:10px;height:10px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}
#accDropdownOpt .dropdown-item.active,#accDropdownOpt .dropdown-item:active{background-color:#d9ebe3}
.circle-icon{display:inline-block;width:30px;height:30px;border-radius:50%;background-color:green;text-align:center;line-height:30px;color:#fff;z-index:99}
.circle-icon.user-payment-method{display:none}
.circle-icon.user-payment-method.selected{display:block}
.circle-icon-small{display:inline-block;width:20px;height:20px;border-radius:50%;background-color:green;text-align:center;line-height:21px;color:#fff;z-index:99;font-size:12px}
.form-control::placeholder{color:rgba(0,0,0,.2)}
.card-image{aspect-ratio:7/5;background:#1297d1;width:100px;border-radius:5px;position:relative}
.card-image.large{width:160px}
.card-image i{color:#fff;font-size:30px;position:absolute;right:5px;bottom:0}
.select-card.active{border:#006039 5px solid;border-radius:10px;position:relative}
.end-number:before{content:"\00B7\00B7\00B7"}
.input-verify{position:relative}
.input-verify .verified{position:absolute;top:50%;transform:translateY(-50%);right:10px;height:24px}
.input-verify .verified i{font-size:24px}
.link-verify .link-wrapper{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px)}
.link-verify .link-wrapper a{text-decoration:underline;color:#ff0018;font-weight:700}
.form-switch.reverse{padding-left:0;display:inline-block}
.form-switch.reverse .form-check-input{margin-left:8px;float:right;background-color:rgba(0,0,0,.15);margin-top:0}
.form-switch.reverse .form-check-input:checked{background-color:var(--bs-primary)}
.form-switch.reverse .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.price-bid-box{position:absolute;padding:20px 30px;width:100%;background:#fff;display:none}
.price-bid-box.show{display:block}
.price-bid-box .close-bid{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}
.price-bid-box form .btn{width:100%}
.price-bid-box .msg-sticky{display:none}
@media all and (max-width:767px){
#accDropdownOpt .dropdown-toggle{font-size:14px}
.table-fixed .dateblock{width:auto}
.table-fixed .fs-lg{font-size:inherit}
.table-fixed .datetxt{font-size:12px}
.w-sm-100{width:100%}
.btn-sm-green{background-color:var(--bs-green);border-color:var(--bs-green)}
.card-btm-btn,.card-btm-btn .btn-sm{font-size:11px}
.card-btm-btn .btn-sm{padding:3px}
}
.mobile-third-nav{display:none}
/* --------------------------------------------------
Nav Tab
-------------------------------------------------- */
#nav-tab .nav-link{font-weight:600;color:#635c5c}
#nav-tab .nav-link.active{border-bottom:5px solid var(--bs-primary)}
#nav-tab .nav-link.nav-list.active{border-bottom:5px solid var(--bs-primary)}
.nav-link.nav-list.nav-custom-link{display:block;text-decoration:none}
.nav-list.nav-custom-link{font-size:14px;margin-right:15px;text-align:center}
#nav-tab .nav-link.nav-list{display:block;padding:.5rem 1rem}
.navbar-light .navbar-toggler {border: 0;padding-right: 0;box-shadow: none;}
@media all and (max-width:767px){
#nav-tab .nav-link{font-size:10px;padding:.5rem 3px;letter-spacing:-.3px}
}
/* --------------------------------------------------
Point Collect Popup Modal
-------------------------------------------------- */
.custom-modal-dialog{justify-content:center}
.pointcollect .custom-modal-dialog{max-width:400px}
.pointcollect .custom-modal-header{overflow:hidden}
.pointcollect .custom-modal-header .btn-close{position:absolute;right:0;top:0;padding:.5rem;margin:0}
.pointcollect .custom-modal-header .img-top{object-fit:cover;aspect-ratio:7/5;width:100%}
.pointcollect .custom-modal-footer{border-top:0}
.confirm-modal .message-box{width:200px;height:100px;display:flex;background:#fff;align-items:center;justify-content:center;color:var(--bs-green);gap:3px;font-size:18px;font-weight:600;border-radius:5px}
.confirm-modal .message-box i{font-size:30px}
/* --------------------------------------------------
Login & Register
-------------------------------------------------- */
#loginModal .custom-modal-dialog{max-width:400px}
#loginModal .custom-modal-content{border-top:10px solid var(--bs-primary);border-bottom:10px solid var(--bs-primary)}
#loginModal .custom-modal-body{padding-top:40px;padding-bottom:40px}
.login-logo{max-width: 150px;}
.loginForm .form-control{background-color:#f2ecdf}
#countryList{width:120px;background-color:#f2ecdf;font-size:13px;padding:5px 10px;background-position:right .2rem center;background-size:8px;border:0;font-size:16px}
#countryList option{font-size:16px}
input.form-control[type=number]{appearance:textfield}
/* --------------------------------------------------
Product info grid
-------------------------------------------------- */
.productgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"area1 area2" "area1 area3";grid-auto-rows:0fr 1fr;gap:2rem}
.product-card{border:none}
.area1{grid-area:area1}
.area2{grid-area:area2}
.area3{grid-area:area3}
.favshare-btn{display:flex;align-items:center;justify-content:center;gap:5px}
.favshare-btn span{display:none}
.text-md-nowrap{white-space:nowrap}
.toggle-bid-box{width:100%}
.status-btn{width:100%}
#sticky-bid-btn .currentBid{display:none}
.stripe-card-and{color:#8f6819;margin-left:10px;margin-right:5px;font-size:24px}
.stripe-card{user-select:none;cursor:pointer}
.galleries.gallery-group{display:flex;flex-wrap:wrap;margin:0 -1px}
.galleries.gallery-group .img-fluid{aspect-ratio:1/1;object-fit:cover;border-radius:3px;width: 100%;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center;}
.galleries.gallery-group .image{position:relative;display:none;width:20%;padding:2px 1px;box-sizing:border-box;cursor:pointer}
.product-details-tab{max-width:800px;margin:0 auto}
.product-details-tab .description{line-height:24px}
.product-details-tab .description img{max-width:100%;height:auto}
.product-details-tab .description table{width:100%}
.galleries.gallery-group .image.active{display:block}
.galleries.gallery-group .image .text{color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;content:"";background:rgba(0,0,0,.7);top:2px;left:1px;width:calc(100% - 2px);height:calc(100% - 4px);position:absolute}
.galleries.gallery-group .image:nth-child(5){display:block}
.galleries.gallery-group .image:nth-child(5) .text{display:flex}
.galleries.gallery-group .thumbnail-img{width:100%;aspect-ratio:1/1;object-fit:cover;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center;rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat align-content: center;background-size: 33%;}
.category-page.galleries.gallery-group .image:nth-child(6){display:block}
.category-page.galleries.gallery-group .image:nth-child(6) .text{display:flex}
.container-fluid .item-container{box-sizing:border-box;padding-top:50px;padding-bottom:50px;border-top:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid}
.container-fluid .item-container .category .category-name{box-sizing:border-box;margin-top:0;font-size:12px;text-transform:uppercase;margin-bottom:20px;line-height:1;text-decoration:none}
.container-fluid .item-container .article-title{padding-top:12px;padding-bottom:12px}
.container-fluid.item-page{box-sizing:border-box;padding-top:50px;padding-bottom:50px;border-top:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid}
@media (max-width:991px){
.container-fluid.item-page .article-title{font-size:20px;margin-bottom:24px}
}
.container-fluid.item-page .article-content{display:block;margin:0 0 24px;font-size:18px;line-height:1.7778}
.container-fluid.item-page .article-title a{border-bottom:1px solid transparent;color:#333;text-decoration:none}
.container-fluid.item-page .article-aside{border-top:1px solid #e8e8e8;padding-top:24px;margin-bottom:48px;color:#888;font-size:14px}
.container-fluid.item-page .article-info{float:left;font-size:12px;text-transform:uppercase;margin:0;width:85%}
.container-fluid.item-page .pull-left.item-image img,.pull-right.item-image img{width:100%;vertical-align:middle;max-width:100%;border:0;overflow:clip}
.container-fluid.item-page .img_caption p.img_caption,figure figcaption{background:#f7f7f7}
.container-fluid.item-page .img_caption p.img_caption{color:#666;font-size:11px;width:100%;margin:0;padding:16px;margin-bottom:20px;text-align:center;text-transform:uppercase;clear:both}
.container-fluid.item-page .layout-article{padding-left:112px}
.container-fluid.item-page .col-xs-6{box-sizing:border-box;width:50%;float:left;position:relative;min-height:1px;padding-left:24px;padding-right:24px}
.container-fluid.item-page .btn-block{display:block;width:100%}
.container-fluid.item-page .btn-lg .btn-group-lg>.btn{padding:19px 23px;border-radius:0}
.container-fluid.item-page .btn-primary{color:#fff;background-color:#222;border-color:#222}
.container-fluid.item-page .btn{margin-bottom:10px;text-align:center;vertical-align:middle;text-align:center;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;user-select:none}
.container-fluid.item-page .btn:not(.js-btn){font-weight:700;font-size:12px;line-height:1.4;padding-left:48px;padding-right:48px;text-transform:uppercase;white-space:normal}
.sell-watch .container .search-wrapper{display:flex;justify-content:center;padding-top:30px;width:100%}
.sell-watch .container .search-wrapper input{margin-right:20px;width:30%;text-align:center;height:40px}
.sell-watch .container .search-wrapper input::placeholder{text-align:center}
.sell-watch .container .search-wrapper button{width:150px}
/* .brand-list{padding:50px 0;text-align:center} */
/* .brand-list .header{font-size:18px;margin-bottom:30px} */
/* .brand-list .button-wrapper{padding:7px 7px} */
/* .brand-list .brand-show-btn.more{border:none;border-bottom:3px solid #006039;background-color:transparent;color:#006039;font-size:18px;font-weight:700;margin-top:30px;padding:5px 25px} */
/* .brand-list .brand-show-btn.less{border:none;border-top:3px solid #006039;background-color:transparent;color:#006039;font-size:18px;font-weight:700;margin-top:30px;padding:5px 25px} */
#findNumberModal .custom-modal-header{border-bottom:none}
#findNumberModal .custom-modal-body{padding:40px;padding-top:0}
#findNumberModal .custom-modal-body .header{font-size:24px;color:#000;font-weight:700}
#findNumberModal .custom-modal-body .info-wrapper{margin-top:25px;display:flex;font-size:16px}
#findNumberModal .custom-modal-body .info-wrapper img{width:100%}
#findNumberModal .custom-modal-body .info-wrapper .info{color:#919191;padding-left:40px!important}
#findNumberModal .custom-modal-body .info-wrapper .info span{color:#000;font-weight:700;font-size:20px}
.model-list{text-align:center;width:100%}
.navigation-links{font-size:16px}
.navigation-links a{color:#363636}
.navigation-links i{margin:0 20px}
.navigation-links span{color:#006039;font-weight:700}
.sell-watch-details{background-color:#f9fafc;padding:25px}
.sell-watch-details .watch-image{height:100%}
.sell-watch-details .watch-image img{width:100%;height:100%;object-fit:contain}
.sell-watch-details .left .watch-image{height:100%}
.sell-watch-details .left .watch-image img{width:100%;height:100%;object-fit:contain}
.sell-watch-details .details{padding:20px}
.sell-watch-details .details .title{color:#363636;font-size:20px;font-weight:700;padding-bottom:20px}
.sell-watch-details .details .info{color:#006039;font-size:17px;font-weight:700;padding-bottom:15px}
.sell-watch-details .details .link{color:#006039;font-size:17px;font-weight:700;padding-bottom:15px}
.sell-watch-details .details .info-icon{margin-left:20px;margin-right:40px}
.sell-watch-details .details .bottom i{margin-left:20px;margin-right:40px}
.sell-watch-details .details .description{font-size:17px;color:#363636}
.sell-watch-details .details .bottom.job-status .info.job{color:#0ecb47}
.sell-watch-details .details .bottom.job-status{display:flex;flex-wrap:nowrap;align-items:flex-start}
.sell-watch-details .details .bottom.job-status .status{margin-left:50px;background-color:#635c5c;color:#fff;padding:3px 15px;font-size:15px}
.documentation .details .job-status .status{background-color:#635c5c;color:#fff;padding:3px 15px;font-size:15px}
.documentation .image-preview-container .image-preview{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:5px}
.documentation .image-preview-container .box-label{position:relative;display:flex;justify-content:center;align-items:center;width:130px;height:130px;padding:10px;background-color:transparent;text-align:center;cursor:pointer}
.documentation .image-preview-container i.fa-circle-plus{position:absolute;font-size:50px;color:#919191}
.documentation .image-preview-container .remove-icon{position:absolute;top:5px;right:5px;font-size:20px;color:red;cursor:pointer}
#viewFullSpecModal .custom-modal-header{border-bottom:none}
#viewFullSpecModal .custom-modal-body{padding:50px;padding-top:0}
#viewFullSpecModal img{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto;min-height:auto;border-radius:3px}
#viewFullSpecModal .full-info .brand{font-size:33px;font-weight:700}
#viewFullSpecModal .full-info .model{font-size:21px;font-weight:700}
#viewFullSpecModal .full-info .reference-no{font-size:16px}
#viewFullSpecModal .full-info .product-description{padding-top:30px;font-size:25px;font-weight:700}
#viewFullSpecModal .full-info .table{font-size:14px}
#viewFullSpecModal .full-info .table tr{border-bottom:1px solid #c9c7c7}
#viewFullSpecModal .full-info .table td{padding:5px;color:#a1a1a1}
#viewFullSpecModal .full-info .table td.label{font-weight:700;color:#000}
#orderProgressModal .custom-modal-content{padding:30px 50px}
#orderProgressModal .title{font-size:22px;color:#363636;font-weight:700}
#orderProgressModal hr{color:#919191;margin:30px 0}
#orderProgressModal ul li{list-style:none}
#orderProgressModal ul li::marker{font-size:20px}
#orderProgressModal ul li.step{color:#919191;font-size:15px;padding-bottom:10px}
#orderProgressModal ul li.step.active{color:#0ecb47;font-weight:700;list-style:disc}
#addTrackingNumberModal .custom-modal-content{padding:30px 50px}
#addTrackingNumberModal .title{font-size:22px;color:#363636;font-weight:700}
.documentation .header{font-size:16px;font-weight:700}
.documentation hr.header-line{color:#006039;height:3px;opacity:1}
.documentation .body .job{padding:25px 50px;padding-bottom:0}
.documentation .body .pdf-wrapper{text-align:center}
.documentation .body .pdf-wrapper img{height:50px;width:50px}
.documentation .body .pdf-wrapper button{border-radius:0;padding:2px 25px;font-size:12px}
.documentation .body .pdf-wrapper .pdf-name{min-height:60px;font-size:12px;font-weight:700}
.documentation .body .pdf-wrapper .action{font-size:12px;font-weight:700}
.documentation .body .pdf-wrapper .action .green{color:#006039}
.documentation .body .pdf-wrapper .action .red{color:red}
.documentation .body .date{font-size:16px;font-weight:700;color:#919191}
.documentation .body .title{font-size:20px;font-weight:700}
/* .top-banner{width:100%;height:240px;padding-bottom:20px;background-position:center;background-size:cover}
.top-banner .container{display:flex;justify-content:space-between;align-items:center;height:100%;padding-bottom:30px}
.top-banner .container .left{font-size:25px;font-weight:700}
.top-banner .container .right{font-size:18px;font-weight:700;cursor:pointer;user-select:none}
.top-banner .container.center{justify-content:center}
.top-banner .container.center h1{font-size:24px;font-weight:700;color:#a7843d} */
.membership-info .nav{justify-content:center}
.membership-info .nav.nav-tabs{border-bottom:0}
.membership-info .nav-tabs .nav-link{border:0}
.membership-info .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border:0;font-weight:700!important;border-bottom:1px solid #a7843d!important}
.membership-info .nav-tabs .nav-link:focus-visible{outline:0}
.membership-info .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border:0}
.membership-info .nav .nav-item{margin:0 20px;font-size:16px;font-weight:700}
.swiper-container{overflow: hidden;}
.membership-info .swiper{width:100%;user-select:none;}
.membership-info .swiper-slide img{display:block;width:100%;transform:scale(.85);transition: .3s;}
.membership-info .swiper-slide-active img{transform:scale(1)}
.membership-info .swiper-slide .title{display:none}
.membership-info .swiper-slide-active .title{display:block;padding-top:15px;text-transform:uppercase}
.membership-info .swiper-slide .link-wrapper{display:none}
.membership-info .swiper-slide-active .link-wrapper{text-wrap:nowrap;display:block;padding-top:10px}
.membership-info .swiper-slide-active .link-wrapper a{font-size:14px;text-decoration:underline;color:#000;font-weight:400;padding-right:10px}
.membership-info .membership-icon-card{width:100%;/* border-radius:5px; *//* border:1px solid #ebebeb; *//* background:#fff; */box-shadow:0 4px 30px -15px rgba(0,0,0,.25);padding: 35px;margin-top:30px;/* user-select:none; */}
.membership-info .membership-icon-card .title{color:#006039;text-align:center;font-size:24px;font-weight:700;padding-bottom:20px}
.membership-info .membership-icon-card .description{color:#000;text-align:center;font-size:15px;font-weight:400;padding-bottom:15px}
.membership-info .membership-icon-card .points{color:#a7843d;text-align:center;font-size:15px;font-weight:700}
.membership-info .membership-icon-card .icon-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;/* padding: 25px 0 0; */cursor:pointer}
.membership-info .membership-icon-card .icon-wrapper .icon{width:25%;padding: 30px 0 0;/* margin-bottom:15px; */}
.membership-info .membership-icon-card .icon-wrapper .icon img{width:100%;aspect-ratio:1/1;max-width:60px}
/* .membership-info .membership-icon-card .icon-wrapper .icon .icon-title{color:#000;text-align:center;font-size:14px;font-weight:400;padding-top:20px} */
.membership-info .swiper-button-prev, .membership-info .swiper-button-next { top: 400px;}
.membership-info .membership-icon-card .title svg { width: 50px; height: 1px;}
@media all and (max-width:767px){
.membership-info .swiper{max-width:80%;}
.membership-info .swiper-button-prev, .membership-info .swiper-button-next { top: 200px; --swiper-navigation-size:30px}
.membership-info .swiper-button-prev { left: 0;}
.membership-info .swiper-button-next { right: 0;}
.membership-info .membership-icon-card .title svg { width: 20px; height: 1px;}
}
.membership-comparison-table{user-select:none}
.membership-comparison-table .category-title{font-size: 16px;font-weight: 600;padding: 10px;text-align:start;line-height: 1;background: #ddd;}
.membership-comparison-table th{/* font-size:14px; *//* font-weight:900; *//* padding:10px 0; */text-align:center;/* color:#000; */background-color: #f5f5f5;}
.membership-comparison-table td{/* font-size:14px; *//* font-weight:400; */padding:10px 0;text-align:center;color: var(--text-color);}
.membership-comparison-table th:first-child{position:sticky;left:0}
.membership-comparison-table td:first-child{position:sticky;left:0;background-color:#fff}
.membership-gold{color:#d1af62!important}
.membership-platinum{color:#7d954b!important}
.membership-diamond{color:#6a9fa7!important}
.custom-card{box-shadow:0 4px 30px -15px rgba(0,0,0,.25);border-radius:0;border:none;width:100%;margin-bottom:15px}
.custom-card .card-body{padding: 30px;}
.custom-card .card-body .header{font-size:16px;font-weight:700}
.custom-card .card-body .header a{color:#363636}
.custom-card .card-body .description{font-size:16px;color:#363636;font-weight:700}
@media all and (max-width:767px){
.custom-card .card-body{padding: 15px;}
}
.points-card{position:absolute;top:-100px;width:calc(100% - 24px);background-color:transparent;box-shadow:none}
.points-card .sub-card{box-shadow:0 4px 30px -15px rgba(0,0,0,.25);background-color:#fff;padding:20px 25px;border-radius:5px}
.points-card .points{background-color:#f4f5f6;padding:20px;display:flex;align-items:flex-end;margin-top:10px;min-height:90px}
.points-card .points .number{color:#a7843d;font-size:32px;font-weight:700}
.points-card .points .text{font-size:16px;font-weight:700;margin-bottom:7px;padding:0 5px}
.benefits-table td{font-weight:400;font-size:14px}
.benefits-table td.active{color:#c8952c;font-weight:700}
.benefits-table i.fa-x{opacity:.4}
.benefits-table td.icon{color:#006039;font-weight:700;font-size:21px}
.benefits-table td.checked{color:#006039;font-weight:700}
.profile-completion{padding-top:120px}
.profile-completion .completion-wrapper{display:flex;justify-content:space-between}
.profile-completion .completion-wrapper .info{display:flex;align-items:center;font-size:14px;font-weight:400;padding-top:10px;color:#333}
.profile-completion .completion-wrapper .info i{color:#c8952c;font-size:20px}
.profile-completion .completion-wrapper .info i.fa-square-check{color:#006039}
.profile-completion .completion-wrapper .left{width:70%}
.profile-completion .completion-wrapper .right{width:30%;display:flex;justify-content:flex-end;margin-right:50px}
.all-benefits{padding:50px 0}
.all-benefits .benefits-table td{padding:10px 25px;white-space:nowrap;font-weight:700}
.all-benefits .benefits-table .category{font-size:24px;font-weight:700;padding:15px 10px;cursor:pointer}
.all-benefits .benefits-table .category>span{float:right}
.custom-disabled-bg{background-color:#e9ecef!important}
.custom-card form label{font-weight:700}
.activity-table th{background-color:#f4f5f6}
.activity-table td{color:#363636;font-size:14px}
.filter-button-wrapper{display:flex;align-items:center;flex-wrap:wrap}
.filter-button-wrapper a{border:1px solid #ddd;background-color:#f4f5f6;color:#333;font-size:14px;padding:5px 20px;margin-right:10px}
.filter-button-wrapper a.active{background-color:#006039;color:#fff;font-weight:700}
.filter-button-wrapper .v-hr{border-left:1px solid #333;height:100%;margin:0 10px}
.filter-button-wrapper.column{flex-direction:column;align-items:flex-start}
.custom-card .dataTables_info{font-size:14px;font-weight:700}
.custom-card .dataTables_paginate.paging_simple_numbers{font-size:14px;font-weight:700}
.custom-card .table.dataTable>thead>tr>td,.custom-card .table.dataTable>thead>tr>th{border-bottom:none}
.custom-card .table.dataTable.no-footer{border-bottom:none}
.member-progress-card .level-wrapper{background-color:#f4f5f6;text-align:left;width:100%}
.member-progress-card .level-wrapper .progress{height:8px;margin-bottom:8px}
.member-progress-card .level-wrapper .progress-text{font-size:14px;font-weight:400;color:#333}
.member-progress-card .level-wrapper .progress .progress-bar{background-color:#c8952c}
.user-voucher .nav .nav-item .nav-link{font-weight:700}
.user-voucher .nav .nav-item .nav-link.active{border-bottom:3px solid #c8952c;color:#c8952c}
.user-voucher .tab-content{padding:25px 0}
.voucher-card{margin:25px 0}
.voucher-card .card-header{font-size:18px;font-weight:700;padding:12px 30px}
.voucher-card .card-body .title{font-size:24px;font-weight:700;padding:5px 0}
.voucher-card hr{color:#919191}
.voucher-card .card-body .details{font-size:15px;font-weight:700}
.refer-friend{padding-top:120px;padding-left:20px}
.refer-friend .card{border:none;background-color:#fff;position:relative}
.refer-friend .card .upper{height:170px;background-color:#006039}
.refer-friend .card .user{position:relative}
.refer-friend .card .profile img{height:140px;width:140px}
.refer-friend .upper .header{text-align:center;color:#fff;font-weight:700;font-size:30px;padding-top:25px}
.refer-friend .card .profile{position:absolute;top:-90px;left:32%;height:150px;width:150px;border:5px solid #fff;border-radius:50%;background-color:#006039;filter:drop-shadow(0px 4px 15px rgba(0, 0, 0, .15))}
.refer-friend .card .lower{padding:35px}
.refer-friend .card .lower .description{padding-top:60px;color:#000;font-size:14px;font-weight:400;text-align:center}
.refer-friend .code-wrapper{border-radius:5px;background-color:#f6f6f6;text-align:center;margin-top:40px;margin-bottom:25px;padding:15px;cursor:pointer;user-select:none}
.refer-friend .code-wrapper .code{font-size:24px;font-weight:700;color:#006039;letter-spacing:7px;position:relative}
.refer-friend .code-wrapper .description{letter-spacing:0}
.refer-friend .code-wrapper .code .copy-icon{font-size:18px;line-height:24px;color:#a7843d;position:absolute;bottom:2px;right:0}
.refer-friend .icon-wrapper{display:flex;justify-content:space-around;align-items:center}
.refer-friend .icon-wrapper .icon{height:40px;width:40px;cursor:pointer}
.refer-friend .icon-wrapper .icon img{height:100%;width:100%}
.shipping-payment .grey-block{background:#f9f9f9;padding:25px;text-align:center}
.shipping-payment .grey-block .title{font-size:14px;font-weight:700;color:#000}
.shipping-payment .grey-block .subtitle{font-size:14px;font-weight:700;color:#006039}
.shipping-payment .grey-block .description{color:#9a9a9a;font-size:12px;font-weight:700}
.shipping-payment .grey-block .icon{margin:15px 0}
.shipping-payment .grey-block .card-brand{background-color:#000;color:#fff;text-transform:uppercase;padding:5px 10px;border-radius:5px;margin:10px 10px}
.shipping-payment .grey-block .card-brand~div{color:#000;font-size:16px}
.nav-tabs-custom a{margin-right:15px}
.nav-tabs-controls{padding-top:10px}
.notify-box{min-width:200px;border-radius:5px;background:#ffe8e8;box-shadow:0 4px 30px -15px rgba(0,0,0,.25);padding:20px 25px;text-align:center;margin-right:20px}
.notify-box .content{color:#dc3545;font-weight:700}
.notify-box i{margin-right:10px}
.filter-button-wrapper .nav-link{border:1px solid #ddd;background-color:#f4f5f6;color:#333;font-size:14px;padding:5px 20px;margin-right:10px;border-radius:0}
.filter-button-wrapper .nav-link.active{background-color:#006039;color:#fff;font-weight:700;border-radius:0}
.filter-button-wrapper .nav-tabs{border:none}
.payment .image-preview-container{display:flex}
.payment .box-label.box-label-preview{height:100px;width:100px;border:1px solid #c9c7c7;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:10px}
.payment .box-label.box-label-preview i{font-size:30px;color:#919191}
.payment .box-label.box-label-preview .image-preview{height:100%;width:100%}
/* --------------------------------------------------
Services
-------------------------------------------------- */
.card .info-wrapper {text-align: center;}
.card .info-wrapper .title {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: calc(var(--fontsize) * 1.3);margin-bottom: 1rem;text-transform: uppercase;font-weight: 600;}
.card .image-wrapper img {width:100%;object-fit: cover;aspect-ratio: 4/3;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center; background-size: 33%;}
.ratio img {width:100%;object-fit: cover;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center; background-size: 33%;}
.end > .card { height: 100%;}
.service-repair-brand .image-wrapper{width:100%;}
.service-repair-brand .image-wrapper > a {display: block;}
.service-repair-brand .image-wrapper img{width:100%;object-fit: cover;aspect-ratio: 4/3;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center;}
.service-repair-brand .info-wrapper .tiny-info{font-size:14px;text-transform:uppercase}
.service-repair-brand .info-wrapper .title {color: var(--bs-primary);font-weight: 600;}
.service-repair-brand .info-wrapper .description{padding-top:15px;font-size:16px}
.wyswyg-wrapper {max-width:800px; margin: auto;}
.auction-note{background-color:#f2f2f2;padding:20px}
.auction-note .title{font-size:20px;font-weight:700;padding-bottom:20px}
.auction-note .description{font-size:14px;font-weight:500}
.mobile-third-nav{background:0 0;width:100%;outline:0;border:0;color:#fff;padding:8px 0}
.mobile-third-nav option{color:#000}
.item-list-mobile{display:none}
.item-list-mobile .select2-container--default .select2-selection--single{background-color:transparent!important;border:none!important;height:35px}
.item-list-mobile .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:35px;color:#fff}
.item-list-mobile .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}
.item-list-mobile .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent transparent}
.topbar-select2-dropdown .select2-results .select2-results__options{max-height:300px}
.topbar-select2-dropdown .select2-results__option--highlighted[aria-selected]{background-color:#fff;color:#006039;font-weight:700}
.footer-fixed-navigation{display:none;position:fixed;width:100%;bottom:0;left:0;background:var(--bs-primary);color:#fff;justify-content:space-around;text-align:center;padding:8px 0;z-index:1000;box-shadow:1px -11px 28px -1px rgba(0,0,0,.14);-webkit-box-shadow:1px -11px 28px -1px rgba(0,0,0,.14);-moz-box-shadow:1px -11px 28px -1px rgba(0,0,0,.14)}
.mobile-quick-nav{display:none;background:#fbfbfb;justify-content:space-around;padding:15px 8px}
.mobile-quick-nav>a{width:20%;text-align:center;font-size:12px;line-height:15px;color:#000}
.mobile-quick-nav>a img{width:100%;max-width:50px;margin-bottom:8px}
.footer-fixed-navigation>a{width:20%;color:#fff;font-size:12px;line-height:12px}
.footer-fixed-navigation>a>img{margin-bottom:5px}
.membership-container{padding:0 15px;justify-content:center}
.member-card-modal{user-select:none}
.member-card-modal .custom-modal-dialog{width:100%}
.member-card-modal .custom-modal-content{background-color:transparent;border:none;width:auto;border-radius:25px}
.member-card-modal .image-wrapper{position:relative}
.member-card-modal .image-wrapper .member-code{position:absolute;top:125px;left:95px;font-size:21px;color:#fff}
.verification-iframe{width:100%;min-height:500px}
.error-card-wrapper{min-height:80vh;display:flex;align-items:center;justify-content:center}
.error-card-wrapper .error-card{padding:50px 25px;border:none;box-shadow:1px 1px 10px 1px rgba(0,0,0,.14);max-width:500px}
.error-card-wrapper .error-card .card-body{text-align:center}
.error-card-wrapper .error-card .icon i{font-size:100px;color:#ff4f42}
.error-card-wrapper .error-card .title{font-size:30px;font-weight:700;padding-top:30px}
.error-card-wrapper .error-card .description{font-size:15px;font-weight:500;padding-top:20px;color:#635c5c}
.thumb-why { width: 100px; margin-bottom: 1rem;}
.white-block{position:absolute;background-color:#fff;bottom:40px;left:22%;width:185px;height:46px;background-position:center;background-size:contain;background-repeat:no-repeat;background-origin:content-box;padding:10px}
.shadow-inset { box-shadow: 0 20px 20px -20px rgba(0,0,0,0.1) inset;}
@keyframes rotate{
0%{transform:rotate(0)}
5%,50%{transform:rotate(180deg)}
100%,55%{transform:rotate(360deg)}
}
.error-card-wrapper .error-card .icon i{animation:rotate 6s infinite linear}
@media all and (max-width:1100px){
.white-block{left:21%}
}
@media all and (max-width:1050px){
.white-block{left:20%}
}
@media all and (max-width:1000px){
.white-block{left:19%}
}
@media all and (max-width:970px){
.white-block{left:17%}
}
@media all and (max-width:930px){
.white-block{left:16%}
}
@media all and (max-width:900px){
.white-block{left:15%}
}
@media all and (max-width:870px){
.white-block{left:14%}
}
@media all and (max-width:850px){
.white-block{left:13%}
}
@media all and (max-width:820px){
.white-block{left:12%}
}
@media all and (max-width:800px){
.white-block{left:11%}
}
@media all and (max-width:792px){
.white-block{left:37%;bottom:0;width:200px;height:40px}
.verification-iframe{min-height:600px}
}
@media all and (max-width:650px){
.white-block{left:35%}
}
@media all and (max-width:560px){
.white-block{left:32%}
}
@media all and (max-width:450px){
.white-block{left:27%}
}
@media all and (max-width:360px){
.white-block{left:22%}
}
.view-auction-btn{border-radius: 50px;color:#fff;background:#a7843d;position:relative;}
.view-auction-btn:hover{color:#fff}
.benefit-details-modal{user-select:none}
.benefit-details-modal .modal-header{background-color:#006039}
.benefit-details-modal .modal-title{font-size:18px;font-weight:700;color:#fff}
.benefit-details-modal .modal-body{font-size:15px;font-weight:700;color:#006039}
.homepage-section.bg-light-grey{background-color: var(--lite-primary-bg);}
.homepage-section .col-2{display:flex;flex-wrap:wrap;width:100%}
.homepage-section .col-2>div{width:50%;height:100%;padding:15px;box-sizing:border-box}
.homepage-section .col-2>div.left{width:60%}
.homepage-section .col-2>div.right{width:40%}
.homepage-section{padding: 80px 0;}
.homepage-section .header{display:flex;justify-content:space-between;align-items:center}
.homepage-section .brands{padding:20px 0;display: flex;justify-content: center;gap: 15px;}
.homepage-section .footer.mobile{display:none}
.homepage-section a.cta, .homepage-section a.cta.rounded{border-radius: 50px !important;background: #006039;padding: 15px 35px;color: rgba(255, 255, 255, .85);display: inline-block;margin-top: 25px;}
.homepage-section .header h2,.homepage-section h2{font-size: 1.325rem;text-transform:uppercase;font-weight:700;margin-bottom: 1.325rem;}
.homepage-small-container{max-width:800px;margin:0 auto;text-align:center}
.homepage-small-container h2{font-size: 28px;color:#a7843d;}
.homepage-small-container .brands a{display:inline-block;padding: 15px 35px;border-radius: 50px;background:#f3f3f3;color:#006039;font-weight: 600;}
.homepage-small-container .brands a:hover{background-color:#006039;color:#fff}
.homepage-small-container p{font-size:15px;color:#898989}
.homepage-section .header a{font-size: var(--fontsize-sm);text-transform:uppercase;text-decoration:underline}
.recently-sold-table{width:100%;margin-top:25px}
.cta-sold{display:inline-block;margin-top:15px;font-size:12px;text-transform:uppercase;text-decoration:underline}
.recently-sold-table tr td:last-child,.recently-sold-table tr th:last-child{text-align:right;width:1%;white-space:nowrap}
.recently-sold-table tr th{padding-top:0!important}
.recently-sold-table tr td,.recently-sold-table tr th{padding:15px 0;border-bottom:1px solid #ddd}
.homepage-section .video-description{display:flex;align-items:center}
.homepage-section .video h2{display:none}
.homepage-section .video h2,.homepage-section .video-description h2{color:#a7843d;font-size:28px;font-style:normal;font-weight:700;text-transform:uppercase;margin-bottom:25px}
.homepage-section .video-description p{line-height: calc(var(--fontsize) * 1.35);color: var(--text-color);opacity: .65;}
.homepage-section .col-3{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}
.homepage-section .col-3>div{width:33.33%;padding:0 15px;padding-bottom:15px;box-sizing:border-box}
.blog-card{display:flex;flex-wrap:wrap;height:100%;align-content:flex-start;margin-bottom:30px}
.blog-card .image{display:block}
.blog-card .image img{width:100%;border-radius:20px;object-fit:cover;aspect-ratio:5/3; background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center; background-size: 33%;}
.blog-card .badge{font-size:15px;margin-bottom:5px}
.background-image-blur{background-repeat:no-repeat;background-size:cover;background-position:center;display:block;height:100%;filter:blur(10px)}
.blog-card .description{padding:12px 8px;display:block}
.blog-card .description h3{font-size:18px;font-weight:700;}
.blog-card .description p{line-height: calc(var(--fontsize) * 1.35);color: var(--text-color);opacity: .65;}
.blog-card .description .date{color:#848484;font-size: .785rem;padding-bottom:10px;}
.blog-wrapper .main-image-wrapper{width:100%;text-align:center;margin-bottom:50px}
.watches-description-table-wrapper table tr{border-bottom:1px solid #c9c7c7}
.watches-description-table-wrapper table .label{width:40%;font-weight:700;color:#000}
.watches-description-table-wrapper table .specs{width:60%;font-weight:700;color:#a1a1a1}
img.watches{width:100%;object-fit:contain}
.blog-wrapper h1{font-weight:700}
.blog-wrapper .info-wrapper{font-size:12px;font-weight:700}
.blog-wrapper .info-wrapper .vertical-line{border-left:2px solid #000;height:15px;margin:0 15px}
.blog-wrapper h2{font-size:21px;font-weight:700;line-height:1.6}
.blog-wrapper .content{font-size:16px;color:#666;font-weight:500;line-height:1.8}
.blog-wrapper .blog-content-wrapper{padding:0 75px}
.breadcrumb{font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;user-select:none}
.breadcrumb .icon{padding:0 5px}
.custom-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);user-select:none;cursor:pointer}
.custom-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;max-width:350px}
@-webkit-keyframes animatetop{
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@keyframes animatetop{
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
.custom-modal-header{padding:15px;background-color:#006039;color:#fff;text-align:center}
.custom-modal-title{font-size:18px;font-weight:700;color:#fff}
.custom-modal-body{font-size:15px;font-weight:700;color:#006039;padding:20px}
.watches-details-wrapper{display:grid;grid-template-columns:1fr 1fr}
.latest-sold-image{width:100%;aspect-ratio:1/1;background: rgba(0,0,0,0.05) url(/images/img-placeholder.png) no-repeat center; background-size: 33%;}
.topbar-dropdown{background-color:transparent;border:none;color:#000}
.topbar-dropdown:hover{background-color:transparent;border:none;color:#000;outline:0}
.topbar-dropdown:active:focus{box-shadow:none}
.dropdown-menu-bottom-left{right:auto!important;left:-75px!important;transform-origin:left top}
.topbar-dropdown ~ .dropdown-menu{padding: 0;border-radius: 0;border: 0;box-shadow: 0 2px 15px rgba(0,0,0,0.15);}
.dropdown-menu { padding: 0;}
.dropdown-menu > li {/* border-bottom: 1px solid rgba(0,0,0,0.1); */}
.dropdown-item {padding: calc(var(--fontsize)*.75);font-size: var(--fontsize);}
.dropdown-item.active, .dropdown-item:active { background-color: var(--bs-primary);}
.btn-sm + .dropdown-menu .dropdown-item {font-size: .875rem;}
.mobile-bid-box{display:none}
.score-card{width:100%}
.score-card .row{--bs-gutter-x:0}
.score-card .box{border:1px solid #ccc;padding:15px}
.score-card .label{padding-bottom:0;font-size:12px;text-transform:uppercase;font-weight:700;color:#006039;margin-bottom:15px}
.score-card .value{padding-top:0;font-size:22px;font-weight:300;color:#000}
.score-card .value .score{font-size:24px;font-weight:800}
.bid-result-badge{user-select:none}
.tnc-wrapper{display:flex;align-items:center}
.tnc-wrapper input[type=checkbox]{margin-right:10px;width:35px;height:35px;accent-color:#006039}
.tnc-wrapper .label{font-size:15px;font-weight:700}
.tnc-wrapper .label a{color:#006039;text-decoration:underline;text-decoration-color:#006039}
blockquote{padding: 40px;margin: 0 0 1.25rem;width:100%;font-size: calc(var(--fontsize) * 1.25);line-height: calc(var(--fontsize) * 1.25);position:relative;border-left:solid 5px #006039;background-color:#f2f2f2;border-radius: 1rem;color: #444;}
blockquote::after,blockquote::before{content:'"';font-size: 3em;position:absolute;font-family: 'remixicon';opacity: .1;}
blockquote::before{left: 0;top: 0px;content:"\ec51";}
blockquote::after{right: 0;bottom: 0;content: "\ec52";}
.auction-sub-title{font-size:21px;font-weight:700;color:#000;opacity:.5;margin-bottom:10px}
.auction-lot-no{font-size:18px;font-weight:700;color:#000;margin-bottom:10px}
.pdf-link-wrapper{padding-left:20px;font-size:16px;font-weight:500;display:flex;flex-wrap:wrap}
.pdf-link-wrapper a{color:#006039;text-decoration:underline}
#shareModal .img-wrapper{cursor:pointer;text-align:center;padding-top:10px}
#shareModal .img-wrapper img{width:60px;height:60px}
#shareModal .img-wrapper .text{font-size:16px;font-weight:600;padding-top:10px}
@media all and (max-width:1200px){
.item-list-mobile{display:block}
.container.profile-mobile{margin-top:275px}
.profile-completion .completion-wrapper{flex-wrap:wrap;flex-direction:column-reverse}
.profile-completion .completion-wrapper .left{width:100%}
.profile-completion .completion-wrapper .right{width:100%;justify-content:center;margin-right:0}
.membership-comparison-table .category-title{font-size:16px;font-weight:500;padding-bottom:10px;text-align:start}
.membership-comparison-table th{font-size:11px;padding:10px 0}
.membership-comparison-table td{font-size:85%;line-height:1.325}
}
@media all and (max-width:1024px){
.service-repair-brand .info-wrapper{padding-left:0}
.homepage-section .col-2>div.left{width:100%}
.homepage-section .col-2>div.right{width:100%}
.latest-sold-image{display:none}
.watches-details-wrapper{display:grid;grid-template-columns:1fr}
.refer-friend{padding-left:0;padding-top:0}
.custom-card.points-card .row.row-reverse{flex-direction:column-reverse}
.profile-completion{padding-top:0}
.dashboard-third-navbar .item{font-size:15px;padding:13px 20px}
.dashboard-third-navbar .item.active::after{left:58%;width:25px;height:3px}
.dashboard-sub-nav .item-list .item{padding:16px 30px;font-size:13px}
.dashboard-sub-nav .basic-button{font-size:13px}
}
@media all and (max-width:767px){
.score-card .label{font-size:10px;margin-bottom:8px}
.score-card .value{font-size:18px}
.sell-watch.models .container .sub-header{width:100%}
.body.brands{display:grid;grid-template-columns:repeat(2,1fr)}
.homepage-small-container .brands a{display:flex;justify-content:center;align-items:center}
.homepage-section .col-2>div.left{width:100%}
.homepage-section .col-2>div.right{width:100%}
.latest-sold-image{display:none}
.watches-details-wrapper{display:grid;grid-template-columns:1fr}
.homepage-section .video-description{text-align:center}
.homepage-section .video h2{display:block;text-align:center}
.homepage-section .video-description h2{display:none}
.refer-friend{padding-left:0;padding-top:20px}
.custom-card .card-body .header{font-size:18px}
.custom-card .card-body .description{font-size:14px}
.points-card .points .number{font-size:21px}
.points-card .points .text{font-size:12px}
.member-card{padding-top:250px}
.dashboard-navbar .nav-item.mobile{display:block}
.dashboard-navbar .navbar-nav>.nav-item{height:100%}
.dashboard-navbar .navbar-nav>.nav-item{border:none}
.dashboard-sub-nav{display:none}
.dashboard-third-navbar .item{display:none}
.dashboard-third-navbar .item.mobile{display:block}
.dashboard-third-navbar .item.mobile a i{font-size:20px}
.dashboard-third-navbar .item.mobile.active a i{color:#e0aa14}
.dashboard-third-navbar .item.active::after{display:none}
.productgrid{display:flex;flex-direction:column}
.area1{order:2}
.area2{order:1}
.area3{order:3}
.favshare-btn{width:100%}
.favshare-btn span{display:block}
.text-md-nowrap{white-space:normal}
#sticky.fixed{width:100%;position:fixed;top:0;left:0;background:#fff;z-index:9;box-shadow:0 0 10px rgba(0,0,0,.5)}
#sticky.fixed .stickypadding{display:flex;padding:10px;align-items:end;justify-content:space-between;align-items:flex-start}
#sticky.fixed .auction-table{width:40%}
#sticky.fixed .auction-table tr td{border:0;line-height:1}
#sticky-bid-btn .currentBid,#sticky.fixed .auction-table tr td:first-child,#sticky.fixed .sticky-hide{display:none}
#sticky.fixed .brand-short-info{font-size:16px;margin-bottom:0;margin-top:5px}
#sticky.fixed .auction-sub-title{font-size:14px;margin-bottom:0}
#sticky.fixed .auction-lot-no{font-size:14px;margin-bottom:0}
#sticky-bid-btn{display:none}
.mobile-bid-box.show{display:block;position:fixed;width:100%;background-color:#006039;bottom:0;left:0;color:#fff;z-index:9}
.mobile-bid-box label{font-size:14px;font-weight:700;white-space:nowrap}
.mobile-bid-box .input-group-text{background-color:#f6f6f6;padding:0 25px;font-weight:700}
.mobile-bid-box input{font-weight:700}
.mobile-bid-box button{font-weight:700;padding:8px 0}
.mobile-bid-box .current-bid-box{position:absolute;top:-41px;left:25%;background-color:#fff;color:#000;font-size:14px;font-weight:700;box-shadow:0 0 15px -3px #00000033;border-top-left-radius:20px;border-top-right-radius:20px;padding:10px 25px;cursor:pointer}
.mobile-bid-box .bid-action-box{padding:10px}
.mobile-bid-box .btn-outline-secondary{border:1px solid #fff;color:#fff;font-size:14px;padding:0 20px}
.mobile-bid-box .btn-outline-secondary:active{background-color:#006039;color:#fff}
.mobile-bid-box .btn-outline-secondary:hover{background-color:#006039;color:#fff}
.mobile-bid-box .btn-outline-secondary:focus-visible{outline:0}
.mobile-bid-box .btn-outline-secondary:active:focus{box-shadow:none}
.sell-watch .container .search-wrapper input{margin-right:0;width:80%;text-align:center;height:40px}
hr.banner-white{width:50%}
.models-wrapper .search{width:100%}
.models-wrapper .icon-wrapper i{font-size:12px}
.models-wrapper .icon-wrapper button{font-size:12px}
#findNumberModal .custom-modal-header{padding-bottom:0}
#findNumberModal .custom-modal-body{padding:20px;padding-top:0}
#findNumberModal .custom-modal-body .header{font-size:16px}
#findNumberModal .custom-modal-body .info-wrapper{margin-top:25px;font-size:12px}
#findNumberModal .custom-modal-body .info-wrapper img{width:100%}
#findNumberModal .custom-modal-body .info-wrapper .info{padding-left:20px!important}
#findNumberModal .custom-modal-body .info-wrapper .info span{font-size:14px}
.model-list .model-card .image-wrapper{height:100px}
.model-list .model-card .info-wrapper{padding-top:20px}
.model-list .model-card .info-wrapper .header{font-size:14px;padding-bottom:5px}
.model-list .model-card .info-wrapper a{font-size:12px}
.model-list .model-card .info-wrapper i{font-size:12px}
.sell-watch-details{padding:25px}
.sell-watch-details .details .title{font-size:15px}
.sell-watch-details .details .info{font-size:12px}
.sell-watch-details .details .link{font-size:11px}
.sell-watch-details .details .info-icon{margin-left:5px;margin-right:5px}
.sell-watch-details .details .description{font-size:12px}
.sell-watch-details .details .job-status .status{font-size:12px}
.blog-wrapper .blog-content-wrapper{padding:0 15px}
}
/* --------------------------------------------------
Star Rating
-------------------------------------------------- */
.star-rating {display: inline-block;}
.star-rating:after {content: "\f186 \f186 \f186 \f186 \f186"; display: block; background-image: linear-gradient( 90deg, #fc0 var( --_rating, 50% ), #ddd 0 ); font-family: 'remixicon'; line-height: 1; -webkit-text-fill-color: transparent; background-clip: text;}
/* --------------------------------------------------
Accordian
-------------------------------------------------- */
.accordion-flush .accordion-item .accordion-button { padding: 1.25rem 0;}
.accordion-button:focus, .accordion-button:not(.collapsed) {box-shadow: none;background: transparent;color: #000;}
.accordion-body {background-color: rgba(0,0,0,.02);box-shadow: 0 7px 12px -7px rgba(0,0,0,0.25) inset;border-radius: 0.65rem;margin-bottom: .5rem;}
.accordion-button:not(.collapsed)::after { filter: grayscale(1);}
/* --------------------------------------------------
Swiper Slider
-------------------------------------------------- */
.swiper-container ~ .swiper-button-next, .swiper-container ~ .swiper-button-prev { background: var(--bs-green); color: #fff; padding: 10px; border-radius: 50px; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size);}
.swiper-container ~ .swiper-button-next:hover, .swiper-container ~ .swiper-button-prev:hover {background: var(--bs-green-hover);}
.swiper-container ~ .swiper-button-next:after, .swiper-container ~ .swiper-button-prev:after {font-size: 0.875rem;}
/* --------------------------------------------------
Why Choose Watch Unify
-------------------------------------------------- */
.green-border-rounded {border: 2px solid var(--bs-green);border-radius: 100px;}
/* --------------------------------------------------
Dashboard Navbar
* Missing style on logout button
-------------------------------------------------- */
.dashboard-navbar .nav-item button {
padding: 0;
margin: 0;
background: none;
border: 0;
color: #212529 !important;
font-size: 14px;
}