/** Shopify CDN: Minification failed
Line 1237:13 Expected ":"
Line 2910:47 Unexpected "{"
**/
@import url("https://fonts.cdnfonts.com/css/georgia");
@font-face {
font-family: "Helvetica Now Text";
src: url('//michaelspiers.co.uk/cdn/shop/t/33/assets/Helvetica-Now-Text-300-Normal.woff?v=79265292174499492211772021846') format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica Now Text";
src: url('//michaelspiers.co.uk/cdn/shop/t/33/assets/Helvetica-Now-Text-300-Italic.woff?v=115623501315902179341772021845') format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Helvetica Now Text";
src: url('//michaelspiers.co.uk/cdn/shop/t/33/assets/Helvetica-Now-Text-400-Normal.woff?v=77803139964811294501772021847') format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica Now Text";
src: url('//michaelspiers.co.uk/cdn/shop/t/33/assets/Helvetica-Now-Text-400-Italic.woff?v=88349332282678959391772021846') format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Helvetica Now Text";
src: url('//michaelspiers.co.uk/cdn/shop/t/33/assets/Helvetica-Now-Text-700-Normal.woff?v=169432335182234486971772021848') format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* start variables */
:root {
--background-rolex-green: linear-gradient(90deg, #0b3e27, #197149);
--r7-heading70: 36px;
--r7-heading70-lh: 1.1;
--r7-heading50: 30px;
--r7-heading50-lh: 1.2;
--r7-heading36: 24px;
--r7-heading36-lh: 1.2;
--r7-body20: 18px;
--r7-body20-lh: 1.6;
--r7-body24: 18px;
--r7-body24-lh: 1.2;
--r7-heading26: 22px;
--r7-heading26-lh: 1.2;
--rolex-fixed-16: 16px;
--rolex-fixed-16-lh: 1.1;
--r7-quote50: 30px;
--r7-quote50-lh: 1.3;
--r7-headling30: 22px;
--r7-headling30-lh: 1.2;
--r7-legend16: 12px;
--r7-legend16-lh: 1.1;
--r7-legend14bold: 10px;
--r7-legend14bold-lh: 1.1;
--r7-body30: 22px;
--r7-body30-lh: 1.2;
--rolex-legend-16: 12px;
--rolex-legend-16-lh: 1.1;
--rolex-header-height: 80px;
--rolex-header-logo-width: 100px;
--rolex-header-logo-height: 50px;
--r7-footer-section-height: 120px;
--r7-footer-logo-width: 32px;
--r7-footer-bottom-height: 60px;
--r7-py60-90: 60px 0;
--r7-pb50-90: 50px;
--r7-pb60-90: 60px;
--r7-pb-0: 0px;
--r7-pt60: 60px;
--pt-90-60: 60px;
--pb-45-40: 40px;
--pt-45-40: 40px;
--pt-50: 50px;
--rolex-pl: 7%;
--r7-brown-color: #452c1e;
--r7-grey-color: #d4d4d4;
--r7-darkgrey-color: #767676;
--r7-green-color: #127749;
--r7-black-color: #212121;
}
.rolex-desktop-img{
display: none;
width: 100%;
}
.rolex-mobile-img{
display: block;
width: 100%;
}
@media (min-width: 768px) {
:root {
--rolex-pl: 8%;
--rolex-header-height: 100px;
--rolex-header-logo-width: 120px;
--rolex-header-logo-height: 60px;
--r7-footer-section-height: 160px;
--r7-footer-bottom-height: 80px;
--r7-footer-logo-width: 40px;
}
.rolex-desktop-img{
display: block;
width: 100%;
}
.rolex-mobile-img{
display: none;
width: 100%;
}
}
@media (min-width: 1024px) {
:root {
--r7-heading70: 46px;
--r7-heading50: 36px;
--r7-quote50: 32px;
--r7-heading26: 23px;
--r7-heading36: 28px;
--r7-headling30: 23px;
--r7-body20: 19px;
--r7-body24: 20px;
--rolex-legend-16: 13px;
--r7-legend16: 13px;
--r7-legend14bold: 11px;
--r7-body30: 23px;
--rolex-header-height: 110px;
}
}
@media (min-width: 1440px) {
:root {
--r7-heading70: 56px;
--r7-heading50: 42px;
--r7-quote50: 40px;
--r7-heading26: 25px;
--r7-heading36: 32px;
--r7-headling30: 26px;
--r7-body24: 22px;
--rolex-legend-16: 15px;
--r7-legend16: 15px;
--r7-legend14bold: 13px;
--r7-body30: 26px;
}
}
@media (min-width: 1920px) {
:root {
--r7-heading70: 70px;
--r7-heading50: 50px;
--r7-quote50: 50px;
--r7-heading26: 26px;
--r7-heading36: 36px;
--r7-headling30: 30px;
--r7-body20: 20px;
--r7-body24: 24px;
--rolex-legend-16: 16px;
--r7-legend16: 16px;
--r7-legend14bold: 14px;
--r7-body30: 30px;
}
}
@media (min-width: 992px) {
:root {
--r7-py60-90: 90px 0;
--r7-pb60-90: 90px;
--r7-pb50-90: 90px;
--r7-pt60: 90px;
--pt-90-60: 90px;
--pb-45-40: 45px;
--pt-45-40: 45px;
}
}
/* variables end */
.container-gapping{
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.image-component-wrapper.full-width-img .container-gapping{
padding-left: 0 !important;
padding-right: 0 !important;
}
.bespoke-heading50{
font-size: var(--r7-heading50);
line-height: var(--r7-heading50-lh);
letter-spacing: 0;
margin: 0;
}
.bespoke-body20{
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
margin: 0;
}
.bespoke-body20 p{
margin: 0 !important;
}
.bespoke-body20 p strong{
font-weight: bold;
}
/* Code to hide the promotion banner we add globally in header */
.top-global-store-message {
display: none;
}
/* Rolex V7 */
.r7-font *,
.rolex-font * {
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
}
.r7-hidden,
.r7-form-product-image,
.r7-form-product-title,
.r7-form-product-description,
.r7-form-product-reference {
display: none !important;
}
/* End Global Font family */
html,
body {
-webkit-tap-highlight-color: transparent;
}
.bg_f9f7f4 {
background-color: #f9f7f4;
}
.bg_f4efea {
background-color: #f4efea;
}
.bg_fff {
background-color: #fff;
}
.pb-gap {
padding-bottom: var(--r7-pb60-90);
}
.py-gap {
padding: var(--r7-py60-90);
}
.pt-0 {
padding-top: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pt-60 {
padding-top: var(--r7-pt60);
}
.pt-90-60 {
padding-top: var(--pt-90-60) !important;
}
.pb-45-40 {
padding-bottom: var(--pb-45-40) !important;
}
.pt-45-40 {
padding-top: var(--pt-45-40) !important;
}
.pb-gap-50 {
padding-bottom: var(--r7-pb50-90);
}
.pt-50 {
padding-top: var(--pt-50);
}
.rolex-header {
min-height: var(--rolex-header-height);
background: var(--background-rolex-green);
}
.rolex-breadcrumb-container{
background: var(--background-rolex-green);
}
.r7-mobile-menu a {
color: #fff !important;
font-size: var(--rolex-fixed-16) !important;
font-weight: bold;
line-height: 1.1;
}
.rolex-logo {
width: var(--rolex-header-logo-width);
height: var(--rolex-header-logo-height);
}
.rolex-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.pb-0 {
padding-bottom: 0px !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.rolex-header .rolex-mobile-navigation-holder {
padding-top: 40px;
overflow: auto;
background: var(--background-rolex-green);
}
.rolex-header .rolex-mobile-navigation > li > a {
font-size: 22px;
line-height: 1.6;
color: #fff;
padding: 0;
margin-bottom: 25px;
font-weight: bold;
display: inline-block;
}
.rolex-header .rolex-mobile-navigation > li:not(:last-child) {
border-bottom: none;
}
.rolex-header .rolex-mobile-navigation {
text-align: left;
}
.rolex-header .rolex-header-navigation > li.active > a,
.rolex-header .rolex-mobile-navigation > li.active > a {
color: #9BF9CE !important;
}
.rolex-header .rolex-header-navigation > li a:hover,
.rolex-header .rolex-mobile-navigation > li a:hover {
color: #9BF9CE !important;
}
.rolex-footer {
background: var(--background-rolex-green);
text-align: center;
}
.rolex-footer .rolex-footer-img {
height: var(--r7-footer-section-height);
}
.rolex-footer .rolex-footer-img img {
width: var(--r7-footer-logo-width);
height: var(--r7-footer-logo-width);
}
.rolex-footer-icon {
height: var(--r7-footer-bottom-height);
border-top: solid 1px #ffffff40;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
display: flex;
align-items: center;
}
.rolex-footer-icon a {
color: #fff;
font-weight: 700;
font-size: var(--r7-legend16);
line-height: 1.1;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-decoration: none;
}
.rolex-footer-icon svg {
width: 15px;
transform: rotate(-90deg);
margin-bottom: 5px;
display: inline-block;
}
.rolex-footer-icon a:hover span {
color: #9BF9CE;
}
.rolex-footer-icon a:hover svg path{
fill: #9BF9CE;
}
.rolex-ke-heading {
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
color: var(--r7-brown-color);
font-weight: bold;
margin-top: 0px;
margin-bottom: 20px;
letter-spacing: 0;
}
.keep-exploring h3 a {
font-weight: bold;
color: var(--r7-brown-color);
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
}
.keep-exploring .swiper-slide a img {
margin-bottom: 10px;
}
.keep-exploring .slider-prev {
display: none;
}
.keep-exploring .slider-next {
width: 44px;
height: 44px;
border-radius: 50px;
background-color: var(--r7-grey-color);
opacity: 30%;
}
.keep-exploring .slider-next:hover {
background-color: var(--r7-darkgrey-color);
}
.keep-exploring .slider-next:hover:before {
border-top-color: var(--r7-brown-color);
border-right-color: var(--r7-brown-color);
}
.rolex-page-slider .slider-next:before {
width: 12px;
height: 12px;
border-top-color: var(--r7-brown-color);
border-right-color: var(--r7-brown-color);
margin-right: 2px;
}
.keep-exploring .as_active span{
color: #127749 !important;
}
.keep-exploring .rolex-page-slider .slider-pagination {
margin-top: 40px;
}
.keep-exploring .slider-pagination .bullet {
width: 20px;
background-color: ;
background-color: var(--r7-grey-color);
height: 4px;
}
.keep-exploring .slider-pagination .bullet.active {
width: 50px;
height: 4px;
background-color: var(--r7-green-color);
}
.rolex-introduction {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.rolex-introduction > div {
width: 100%;
}
.px-gap {
padding-left: 5% !important;
padding-right: 5% !important;
}
.rolex-introduction_left h1,
.rolex-introduction_left h2 {
font-size: var(--r7-heading50);
line-height: var(--r7-heading50-lh);
font-weight: bold;
color: var(--r7-brown-color);
}
.rolex-introduction_left .intro__subtitle{
color: var(--r7-brown-color);
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
font-weight: bold;
letter-spacing: 0;
}
span.ms-no-wrap {
white-space: nowrap;
}
.rolex-introduction_right p {
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
color: var(--r7-black-color);
font-weight: 300;
letter-spacing: 0;
}
.intro__description p + p {
margin-top: 15px !important;
}
.text-space p + p {
margin-top: 15px !important;
}
.rolex-banner h3 {
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin-bottom: 20px;
}
.rolex-banner-content{
line-height: normal;
}
.rolex-banner-content .bodyparagraph {
font-weight: 300;
color: var(--r7-black-color);
margin-bottom: 5px;
letter-spacing: 0;
}
.rolex-banner-content .bodyparagraph p{
letter-spacing: 0;
color: inherit;
}
.rolex-banner-content h5 {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-fixed-16-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
letter-spacing: 0;
}
.rolex-banner-content h4 {
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
letter-spacing: 0;
}
.rolex-banner-content h6 {
font-size: var(--r7-body24);
line-height: var(--r7-body24-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
letter-spacing: 0;
}
.rolex-banner-content:has(.bodyparagraph) h4,
.rolex-banner-content:has(.intro__button) h4,
.rolex-banner-content:has(.bodyparagraph) h6,
.rolex-banner-content:has(.intro__button) h6 {
margin-bottom: 5px;
}
.rolex-banner-img {
margin-bottom: 10px;
line-height: 0;
}
.bespoke-primary {
font-size: 14px;
height: 44px;
display: inline-flex;
align-items: center;
padding: 0 30px !important;
transition: 0.6s;
text-transform: inherit;
background: linear-gradient(235deg, #197149 20%, #0b3e27 140%);
font-weight: 700;
font-family: Helvetica Now Text, Helvetica, Arial, sans-serif;
letter-spacing: 0;
color: #fff;
border-radius: 50px;
cursor: pointer;
border: none;
text-decoration: none;
}
.bespoke-primary span.icon {
display: none;
}
.bespoke-primary:hover{
background: linear-gradient(235deg, #006039 20%, #006039 140%);
}
.bespoke-secondary {
font-size: 14px;
color: #127749;
font-weight: bold;
position: relative;
display: flex;
align-items: center;
gap: 6px;
letter-spacing: 0;
text-decoration: none;
}
.bespoke-secondary span.icon{
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.bespoke-secondary span.icon svg {
width: 12px;
height: 12px;
fill: #127749;
}
.bespoke-secondary:hover {
color: #212121;
}
.hover-effect{
text-decoration: none;
cursor: pointer;
}
.hover-effect:hover .bespoke-secondary {
color: #212121;
text-decoration: none;
}
.hover-effect:hover .bespoke-secondary span.icon svg{
fill: #212121;
}
.rolex-single-grid h3 {
margin-top: 0px;
margin-bottom: 20px;
font-weight: bold;
color: var(--r7-brown-color);
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
}
.r7-single-grid-inner div h4 {
font-weight: bold;
color: var(--r7-brown-color);
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
}
.r7-single-grid-inner > div:not(:last-child) {
margin-bottom: 50px;
}
.r7-single-grid-inner {
display: flex;
flex-direction: column;
}
.rolex-discover-grid h3 {
margin-top: 0;
letter-spacing: 0;
margin-bottom: 20px;
font-weight: 700;
color: var(--r7-brown-color);
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
}
.rolex-video iframe {
width: 100%;
height: 220px;
}
.rolex-grid-head h2 {
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
letter-spacing: 0;
margin-bottom: 20px;
}
.rolex-grid-img {
margin-bottom: 10px;
}
.rolex-grid-content h5 {
margin: 0;
font-size: var(--rolex-legend-16);
line-height: var(--rolex-legend-16-lh);
}
.rolex-grid-content h5 a {
font-size: var(--rolex-legend-16);
line-height: var(--rolex-legend-16-lh);
font-weight: bold;
color: var(--r7-brown-color);
text-decoration: none;
letter-spacing: 0;
}
.rolex-grid-content h4 {
margin: 0;
font-size: var(--r7-body24);
line-height: var(--r7-body24-lh);
}
.rolex-grid-content h4 a {
font-size: var(--r7-body24);
line-height: var(--r7-body24-lh);
letter-spacing: 0;
font-weight: bold;
color: var(--r7-brown-color);
text-decoration: none;
}
.rolex-main-grid figure {
margin: 0px;
}
.rolex-grid-section .rolex-main-grid {
display: grid;
grid-gap: 30px 6px;
/* overflow: hidden; */
grid-template-columns: repeat(auto-fit, calc(100% / 2 - 6px * (2 - 1) / 2));
}
.single-grid-img {
margin-bottom: 10px;
}
.single-grid-content h5 {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-legend-16-lh);
}
.single-grid-content h5 {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-legend-16-lh);
font-weight: bold;
color: var(--r7-brown-color);
}
.single-grid-content h4 {
font-size: var(--r7-heading36) !important;
line-height: var(--r7-heading36-lh) !important;
}
.single-grid-content h4 {
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
font-weight: bold;
color: var(--r7-brown-color);
}
.push-component h4 {
margin-bottom: 5px;
}
.push-component p {
margin-bottom: 5px;
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
font-weight: lighter;
color: var(--r7-black-color);
}
.push-component {
width: 100%;
}
.eql-size > div {
width: 100%;
}
.push-component2 p {
margin-bottom: 5px;
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
font-weight: lighter;
color: var(--r7-black-color);
}
.push-component2 h4 {
margin-bottom: 5px;
}
.r7-single-grid-box .single-grid-img a {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
transition: 0.7s;
}
.r7-single-grid-box .single-grid-img a img {
transition: 0.7s;
}
.r7-single-grid-box .single-grid-img a:hover img {
transform: scale(1.1);
}
.keep-exploring-inner a img {
width: 100%;
}
.keep-exploring-inner span {
font-weight: 700;
color: var(--r7-brown-color);
font-size: var(--r7-body20);
line-height: 1.2;
letter-spacing: 0;
display: block;
}
ul.keep-exploring-inner.slick-initialized.slick-slider.slick-dotted {
margin: 0;
margin: 0 -5px;
}
.keep-exploring-inner li a{
text-decoration: none;
}
.keep-exploring-inner li a .imagebox {
margin-bottom: 10px;
}
.keep-exploring-inner li.active a span {
color: #127749;
}
.group-content .body30 {
font-size: var(--r7-body30);
line-height: var(--r7-body30-lh);
font-weight: bold;
}
.group-content .body30.fw-normal {
font-weight: 400;
}
/* Product area */
.products-grid-heading {
font-size: var(--r7-heading50);
line-height: var(--r7-heading50-lh);
font-weight: 700;
color: var(--r7-brown-color);
margin-bottom: 40px;
}
.rolex-product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, calc(100% / 2 - 6px * (2 - 1) / 2));
gap: 6px;
/* overflow: hidden; */
justify-content: center;
}
.rolex-product-content p,
.rolex-product-content h4,
.rolex-product-content h5 {
margin: 0 !important;
}
.rolex-product-content {
padding: 0 20px 30px;
}
.rolex-product-content p.rolex-product-subtitle {
font-size: var(--rolex-legend-16);
line-height: var(--rolex-legend-16-lh);
font-weight: bold;
color: var(--r7-brown-color);
letter-spacing: 0;
}
.rolex-product-content .rolex-product-title {
font-size: var(--r7-body24);
line-height: var(--r7-body24-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin-bottom: 5px;
display: block;
text-decoration: none;
letter-spacing: 0;
}
.rolex-product-content .rolex-product-title:hover {
color: var(--r7-brown-color);
}
.rolex-product-content .rolex-product-description,
.rolex-product-content .rolex-product-description p {
font-size: var(--rolex-legend-16);
line-height: var(--rolex-legend-16-lh);
font-weight: 300;
color: #212121;
text-transform: none;
display: block;
}
.rolex-product-top .rolex-product-description.reff{
text-transform: capitalize;
}
.whitebox {
background: #f4efea;
}
.whitebox .small-img {
margin: auto;
width: 60px;
height: 60px;
margin-bottom: 40px;
object-fit: contain;
}
.rolex-model-feature {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.rolex-download-brochure .rolex-brochure {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid #452c1e33;
}
.rolex-attribute-list {
width: 100%;
}
.rolex-attribute-list ul li {
line-height: 1.6;
color: #212121;
font-size: 18px;
font-weight: 300;
}
.rolex-attribute-list ul li strong {
display: block;
color: #452c1e;
font-weight: bold;
letter-spacing: 0;
}
.rolex-product-top .product-slider .swiper-slide {
display: block;
background: transparent;
}
.rolex-product-top {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.rolex-product-top div#product-meta {
padding-left: 0%;
padding-right: 0%;
margin-top: 0px;
width: 100%;
}
.rolex-product-top .product-slider {
max-width: 100%;
}
.rolex-product-top .slider-navigation {
display: none;
}
.rolex-product-top div#product-meta .subtitle {
font-size: var(--r7-body24);
font-weight: bold;
color: #452c1e;
margin-bottom: 10px;
line-height: 1.2;
text-transform: capitalize;
letter-spacing: 0;
}
.rolex-product-top div#product-meta .title {
font-size: var(--r7-heading50);
font-weight: 700;
color: #452c1e;
margin-bottom: 10px;
line-height: 1.2;
margin-top: 0;
text-transform: capitalize;
display: block;
}
.keep-exploring .button-left.slick-arrow {
display: none !important;
}
.bespoke_quote50 {
font-size: var(--r7-quote50) !important;
line-height: var(--r7-quote50-lh) !important;
line-height: normal !important;
font-family: "Georgia", sans-serif !important;
color: var(--r7-black-color) !important;
margin: 0;
letter-spacing: 0;
display: block;
}
.bespoke_quote50 + p {
margin-top: 15px;
}
.r7-item-card {
background: #fff;
text-align: center;
padding: 40px 10%;
}
.r7-item-card h4 {
font-size: var(--r7-legend16);
color: var(--r7-brown-color);
font-weight: 500;
line-height: 1.1;
margin: 0;
letter-spacing: 0;
margin-bottom: 5px;
}
.r7-item-card h3 {
font-size: var(--r7-headling30);
color: var(--r7-brown-color);
font-weight: bold;
line-height: 1.2;
letter-spacing: 0;
margin: 0;
}
.r7-item-card p {
font-size: 16px;
color: rgb(33, 33, 33);
line-height: 24px;
margin: 30px 0px;
}
.r7-card-tab {
display: grid;
gap: 10px;
width: 100%;
grid-template-columns: 1fr;
justify-content: center;
}
.r7-bottom-card ul {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.r7-bottom-card ul a {
width: 32px;
height: 32px;
background: #f9f7f4;
/* margin: 10px; */
border-radius: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.rolex-content-pages .group-content h3 {
font-size: var(--r7-body24);
line-height: var(--r7-body24-lh);
font-weight: 700;
color: var(--r7-brown-color);
}
.r7-mobile-menu a.r7-active-menu span.rolex-icon svg {
transform: rotate(180deg);
}
.tabs {
display: flex;
padding: 0;
margin-bottom: 20px !important;
}
.tabs li a {
font-weight: bold;
display: block;
font-size: 16px;
margin-right: 40px;
padding-right: 16px;
position: relative;
color: #212121;
letter-spacing: 0;
}
.tabs li a.r7-tab-active {
color: #127749;
}
.tabs li a.r7-tab-active:after {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #127749;
border-radius: 30px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
}
.tabs:before,
.tabs:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.tabs:after {
clear: both;
}
.rolex-introduction_left h3 {
color: var(--r7-brown-color);
}
.layout-fix-small .group-content {
max-width: 400px;
margin: auto;
}
.r7-blog-banner-content h4 {
margin-bottom: 5px;
}
.send-message-container .globo-form.gfb__template__wizard1.gfb-style-line {
background: transparent;
box-shadow: none;
border: none;
overflow: inherit !important;
}
.send-message-container .gfb__indicator--line {
display: none !important;
}
.has-textarea {
margin: 0 !important;
}
.email-form-control .custom-error-msg {
order: 3;
text-align: left;
font-weight: bold;
margin: 0;
padding: 0;
margin-top: 7px;
line-height: 1.1;
font-size: 12px;
color: #be0100 !important;
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
}
.has-textarea textarea {
background: #fff !important;
padding: 30px !important;
font-size: 16px !important;
font-weight: lighter !important;
height: 270px !important;
box-shadow: none !important;
border: none !important;
}
.send-message-container .globo-form-app {
margin: 0 !important;
}
.send-message-container .panel.movingIn.block-container {
padding: 0 !important;
gap: 0 !important;
}
.send-mssg-heading,
.send-mssg-content {
margin: 0 !important;
}
/* .send-mssg-heading h3 {
font-size: var(--r7-heading50) !important;
line-height: var(--r7-heading50-lh) !important;
font-weight: 700 !important;
color: var(--r7-brown-color) !important;
margin-bottom: 30px !important;
} */
h1.send-mssg-heading {
font-size: var(--r7-heading50) !important;
line-height: var(--r7-heading50-lh) !important;
font-weight: 700 !important;
color: var(--r7-brown-color) !important;
margin-bottom: 30px !important;
}
.send-message-container
.panel.movingIn.block-container
.globo-form-control:nth-child(1) {
margin-bottom: 0;
}
.send-mssg-content p {
font-size: var(--r7-body20) !important;
line-height: var(--r7-body20-lh) !important;
color: var(--r7-black-color) !important;
font-weight: 300 !important;
margin-bottom: 40px !important;
}
.send-message-container .globo-form-app {
padding: 0 !important;
}
.send-message-container .gfb__footer.wizard__footer {
margin-top: 30px !important;
}
.has-textarea .globo-form-input {
margin: 0 !important;
}
.has-textarea label {
display: none !important;
}
.send-message-container .gfb__sticky-footer {
display: none !important;
}
.send-mssg-heading.mb-80 {
margin-bottom: 50px !important;
}
form.g-container .label-content,
.line-label span {
font-size: var(--r7-legend16) !important;
line-height: var(--r7-legend16-lh) !important;
font-weight: bold !important;
color: #452c1e !important;
opacity: 50%;
margin: 0 !important;
padding: 0 !important;
}
.line-input {
padding: 10px 0 !important;
font-size: var(--r7-body20) !important;
line-height: var(--r7-body20-lh) !important;
color: var(--r7-black-color) !important;
font-weight: bold !important;
box-shadow: none !important;
border-bottom: 1px solid #452c1e40 !important;
height: inherit !important;
}
.send-message-container button.gfb__line-button {
height: 44px;
padding: 0 30px !important;
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
font-weight: bold !important;
background-color: #127749 !important;
color: #fff;
border-radius: 50px !important;
font-size: 14px;
margin-top: 30px;
outline: none;
border: none;
position: relative !important;
text-transform: capitalize;
}
.send-message-container button.gfb__line-button:before {
position: absolute;
content: "";
background-image: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/arrow-white-button.png?v=114931861309178566731772021846);
width: 12px;
height: 12px;
right: 18px;
background-size: contain;
top: 50%;
transform: translateY(-50%);
}
div#paragraph-2,
div#paragraph-1 {
text-align: left;
}
div#paragraph-1 p {
font-size: var(--r7-legend14bold) !important;
line-height: var(--r7-legend14bold-lh) !important;
font-weight: 300 !important;
color: var(--r7-black-color) !important;
}
div#paragraph-2 p {
font-size: var(--r7-legend16) !important;
line-height: var(--r7-legend16-lh) !important;
font-weight: 700 !important;
color: #452c1e !important;
opacity: 50%;
}
.as-label .globo-form-input {
margin: 0 !important;
}
.form-control {
margin-bottom: 30px !important;
color: var(--r7-black-color) !important;
}
.form-control:focus {
background-color: transparent !important;
box-shadow: none !important;
}
.globo-form-control select:focus {
background-color: transparent !important;
}
.globo-form-control select.line-input:focus {
background-color: transparent !important;
}
body .globo-form-input select,
body .globo-form-control select {
background-image: auto !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/arrow-black-button-bottom.png?v=48705657452180244421772021851);
no-repeat right center !important;
background-size: 12px 12px !important;
}
.form-control.email-form-control {
margin-bottom: 0 !important;
}
.text-py30 {
margin: 16px 0 !important;
}
.as-mendatory-text {
margin: 0 !important;
}
.as-label .checkbox-wrapper {
background: transparent !important;
box-shadow: none !important;
}
.as-label {
margin-bottom: 0 !important;
margin-top: 16px !important;
}
.globo-form-input {
margin-top: 0 !important;
}
.checkbox-wrapper .checkbox-label {
font-size: var(--r7-legend14bold) !important;
line-height: var(--r7-legend14bold-lh) !important;
font-weight: bold !important;
padding: 0 0px !important;
}
.checkbox-wrapper .checkbox-label:before {
top: -2px !important;
left: -28px !important;
}
.checkbox-wrapper .checkbox-label:after {
top: -2px !important;
left: -28px !important;
}
.checkbox-wrapper .checkbox-label a {
color: #127749 !important;
text-decoration: none;
}
.globo-form-control
.checkbox-wrapper
.checkbox-input:checked
~ .checkbox-label:before {
border-color: #127749 !important;
background-color: #127749 !important;
}
.globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before {
border-radius: 50px !important;
}
.has-textarea {
margin: 0 !important;
}
p.help-block.error {
font-size: var(--r7-legend16) !important;
line-height: var(--r7-legend16-lh) !important;
font-weight: bold;
text-align: left;
color: #be0100 !important;
margin-top: 7px !important;
}
.send-message-container button.gfb__line-button:hover {
background-color: #006039 !important;
}
.send-message-container .panel.movingIn.block-container {
position: relative;
margin: 0;
}
.wizard__content .panels {
height: initial !important;
}
.send-message-container .gfb__footer.wizard__footer > div {
display: block !important;
position: absolute;
top: 100px;
}
.send-message-container
.globo-form.gfb__template__wizard1.gfb-style-line.globo-form-id-39906 {
overflow: visible;
}
.send-message-container .gfb__footer.wizard__footer > div {
display: block !important;
position: absolute;
top: -70px;
left: -10px;
}
.models-contact-container
.send-message-container
.gfb__footer.wizard__footer
> div {
top: -60px;
}
.send-message-container
.gfb__footer.wizard__footer
> div
button.gfb__line-button {
background: transparent !important;
color: #212121;
padding: 0 !important;
height: inherit !important;
border-radius: 0 !important;
box-shadow: inherit;
}
.send-message-container
.gfb__footer.wizard__footer
> div
button.gfb__line-button:before {
width: 12px;
height: 12px;
right: initial;
filter: invert(1);
left: 13px;
transform: rotate(180deg);
top: 13px;
}
.globo-form-control .text-smaller {
line-height: 0;
}
.send-message-container button.gfb__line-button.wizard__submit:before {
display: none;
}
.globo-form-app.-layout form.g-container ~ div p a {
height: 44px;
padding: 0 30px;
font-family: Helvetica Now Text, Helvetica, Arial, sans-serif;
font-weight: 700;
background-color: #127749;
color: #fff;
border-radius: 50px;
align-items: center;
font-size: 14px;
display: inline-flex;
}
.globo-form-control.layout-1-column.as-label label {
font-weight: 300 !important;
}
.globo-form-control.layout-1-column.as-label label a {
font-weight: bold;
}
body
.globo-form-control
.checkbox-wrapper
.checkbox-input
~ .checkbox-label:before {
border: 1px solid #452c1e40;
}
.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
border: none;
outline: none;
right: 1px !important;
top: -3px !important;
}
.rolex-product-top div#product-meta button.button.w-full {
display: none;
}
.model-availability-link a {
color: #127749;
font-size: 14px;
position: relative;
font-weight: bold;
display: flex;
align-items: center;
max-width: max-content;
}
.model-availability-link a:after {
content: "";
background: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/arrow-green-button.png?v=73769763571265788881772021844);
height: 10px;
width: 10px;
position: absolute;
background-size: contain;
right: -16px;
top: 6px;
}
.model-availability-link a:hover {
color: #212121;
}
.model-availability-link a:hover:after {
background: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/arrow-black-button.png?v=116624895368408880391772021852);
height: 10px;
width: 10px;
background-size: contain;
}
.rolex-product-top .price {
visibility: hidden;
line-height: 0;
}
.pageDisplay .rolex-product-top .price {
visibility: visible;
}
.rolex-product-top .rolex-product-description,
.rolex-product-top .price span {
font-size: 18px;
color: #212121;
font-weight: 300;
line-height: 1.6;
margin: 0;
}
.rolex-product-top .inf-area div#info-price {
position: absolute;
background: #f4efea;
padding: 15px;
width: 300px;
filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.2));
letter-spacing: 0;
}
.rolex-product-top .action-show-info {
cursor: pointer;
}
.rolex-product-top div#info-price {
font-size: 16px;
color: #212121;
font-weight: 300;
line-height: 1.6;
margin: 0;
z-index: 1;
}
.rolex-product-top a#show-price-info img {
width: 15px;
height: 15px;
object-fit: contain;
}
.rolex-product-top .price span {
display: flex;
/* margin-bottom: 10px; */
gap: 10px;
align-items: center;
}
.rolex-product-top .product-slider .slider-pagination {
display: none;
}
.rolex-product-top .slider-item {
overflow: hidden;
}
.product-slider .product-zoom-message {
display: none;
}
.rolex-product-top .magnify-image .large-image {
display: none !important;
}
.rolex-product-top .magnify-image :not(.large-image) {
opacity: 1 !important;
}
html {
scroll-behavior: smooth;
}
.rolex-product-top {
padding-bottom: 50px;
}
.rolex-product-top .product-slider {
margin: auto;
}
/* Pagination */
.pagination.rolex-pagination {
width: max-content;
margin: auto;
margin-top: 30px;
}
.pagination.rolex-pagination .pagination-previous {
order: 1;
}
.pagination.rolex-pagination .pagination-list {
order: 2;
}
.pagination.rolex-pagination .pagination-next {
order: 3;
}
.pagination.rolex-pagination .pagination-previous,
.pagination.rolex-pagination .pagination-next {
width: 2.75rem !important;
height: 2.75rem !important;
overflow: hidden;
min-width: 2.75rem;
max-width: 2.75rem;
padding: 0;
border-radius: 50px;
opacity: 1;
background: transparent !important;
border: 1px solid #127749;
color: #127749;
}
span.pagination-previous,
span.pagination-next {
border: 1px solid #c1c1c1 !important;
color: #c1c1c1 !important;
}
.pagination.rolex-pagination span.pagination-link.current {
padding: 0;
border-radius: 50px;
opacity: 1;
background: #127749;
border: none;
color: #fff;
}
.pagination.rolex-pagination .pagination-list .pagination-link {
background-color: #fafafa;
padding: 0;
border-radius: 50px;
opacity: 1;
background: transparent;
border: 1px solid #127749;
color: #127749;
}
.pagination.rolex-pagination .pagination-list {
flex-grow: 0;
margin: 0 15px;
display: flex;
}
.pagination.rolex-pagination .pagination-previous:hover,
.pagination.rolex-pagination .pagination-next:hover,
.pagination.rolex-pagination .pagination-list .pagination-link:hover {
background: #127749 !important;
color: #fff;
}
/* Thankyou container */
.globo-form-app.-layout {
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
}
.globo-form-app.-layout form.g-container ~ div h2 {
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
text-transform: initial;
margin-bottom: 30px;
}
.globo-form-app.-layout form.g-container ~ div p {
margin: 0;
}
.globo-form-app.-layout form.g-container ~ div p:nth-child(2) {
margin-bottom: 20px;
}
.globo-form-app.-layout form.g-container ~ div p:nth-child(3) {
margin-bottom: 40px;
}
h4.body-24 {
font-size: 18px !important;
line-height: 1.2 !important;
}
div#showroom-details {
overflow: hidden !important;
}
.models-contact-container {
padding-top: 40px !important;
padding-bottom: 40px !important;
background: #fff;
}
.models-contact-container form.g-container .globo-form-input textarea {
background-color: #f9f7f4 !important;
}
.send-message-container .globo-form-app .content {
margin: 0;
}
.r7-main-banner
.shopify-section
.dark-theme-slide
.button-right.slick-arrow
a
i:before,
.r7-main-banner
.shopify-section
.dark-theme-slide
.button-left.slick-arrow
a
i:before {
border-color: #fff;
border-color: #fff;
}
.r7-main-banner .shopify-section .dark-theme-slide .slick-dots li.slick-active {
background: #fff;
}
.r7-main-banner .shopify-section .dark-theme-slide .slick-dots li {
background-color: #d2d2d2;
}
@media (min-width: 768px) {
.rolex-product-content {
padding: 0 30px 50px;
}
.rolex-video iframe {
height: 390px;
}
.tb-row {
flex-direction: row;
gap: 10px;
}
.tb-row > div:not(:last-child) {
margin-bottom: 0 !important;
}
.r7-card-tab {
grid-template-columns: 1fr 1fr;
}
.rolex-product-grid {
grid-template-columns: repeat(
auto-fit,
calc(100% / 3 - 8px * (3 - 1) / 3)
);
gap: 8px;
}
.rolex-grid-section .rolex-main-grid {
grid-template-columns: repeat(
auto-fit,
calc(100% / 3 - 8px * (3 - 1) / 3)
);
grid-gap: 40px 8px;
}
}
@media (min-width: 992px) {
.models-contact-container {
padding-top: 60px !important;
padding-bottom: 80px !important;
}
.email-form-control .custom-error-msg {
font-size: 16px;
}
.pagination.rolex-pagination {
margin-top: 40px;
}
.send-mssg-content {
width: 80% !important;
margin: auto !important;
}
.as-label {
margin-bottom: 0 !important;
margin-top: 20px !important;
}
.form-control {
margin-bottom: 40px !important;
}
.text-py30 {
margin: 30px 0 !important;
}
.has-textarea textarea {
background: #fff !important;
padding: 40px !important;
}
.products-grid-heading {
margin-bottom: 50px;
}
.keep-exploring-inner .button-right {
display: block !important;
right: -46px;
}
.r7-single-grid-inner > div:not(:last-child) {
margin-bottom: 0px;
}
.r7-single-grid-inner {
flex-direction: row;
gap: 10px;
}
.r7-single-grid-inner > div {
margin-bottom: 0px;
}
.secondryCTA {
font-size: 16px;
}
.rolex-header .rolex-header-navigation > li > a {
text-align: center;
}
.px-md-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.rolex-video iframe {
height: 480px;
}
.push-component {
width: 50%;
}
.whitebox .small-img {
margin-bottom: 60px;
}
.rolex-download-brochure .rolex-brochure {
margin-top: 60px;
padding-top: 40px;
}
.rolex-download-brochure a {
font-size: 16px;
}
.rolex-attribute-list ul li {
font-size: 20px;
}
.rolex-product-top .product-slider {
max-width: 40%;
margin: auto;
}
.rolex-product-top div#product-meta {
max-width: 35%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: max-content;
padding-right: 0;
}
.r7-card-tab {
grid-template-columns: 1fr 1fr 1fr;
}
.layout-fix-small .group-content {
max-width: 510px;
}
.globo-form-app.-layout form.g-container ~ div {
max-width: 510px;
margin: auto;
}
.send-message-container .gfb__footer.wizard__footer > div {
left: -220px;
top: -100px;
}
.models-contact-container
.send-message-container
.gfb__footer.wizard__footer
> div {
top: -80px;
}
.send-message-container .gfb__footer.wizard__footer {
margin-top: 0px !important;
}
.send-mssg-heading.mb-80 {
margin-bottom: 80px !important;
}
.as-label {
margin-bottom: 40px !important;
}
div#rolex-contact-map {
height: 700px;
}
.model-availability-link a {
font-size: 16px !important;
}
.rolex-product-top .rolex-product-description,
.rolex-product-top .price span {
font-size: 20px;
}
.rolex-product-top .inf-area div#info-price {
width: 100%;
}
.rolex-product-top {
padding-bottom: 0px;
}
.model-availability-link a:after {
top: 8px;
}
}
@media (min-width: 1025px) {
.rolex-page-slider .slider-next {
right: -2.9rem;
}
.rolex-introduction {
flex-direction: row;
gap: 8.33%;
}
.rolex-header-navigation > li:not(:last-child) {
margin-right: 2.5rem;
}
.r7-card-tab {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.send-message-container .gfb__footer.wizard__footer > div {
left: -250px;
}
.models-contact-container
.send-message-container
.gfb__footer.wizard__footer
> div {
left: -200px;
}
.rolex-product-top .product-slider {
max-width: 35%;
}
}
@media (min-width: 1200px) {
.rolex-product-content {
padding: 0 50px 50px;
}
.rolex-video iframe {
height: 630px;
/* height: 80vh; */
}
.send-message-container .gfb__footer.wizard__footer > div {
left: -330px;
}
.rolex-product-top div#product-meta {
max-width: 30%;
}
h4.body-24 {
font-size: 24px !important;
line-height: 1.2 !important;
}
}
@media (min-width: 1400px) {
.keep-exploring-inner .button-right {
right: -50px;
}
.rolex-product-top div#product-meta {
max-width: 25%;
}
.rolex-video iframe {
height: 80vh;
}
}
.r7-main-banner .shopify-section .r7-main-banner {
position: relative;
margin: 20px 0;
}
.r7-main-banner .shopify-section .discover-banner-slider {
position: relative;
}
.r7-main-banner .shopify-section .discover-banner-slider img {
width: 100%;
/* display: block; */
}
.r7-main-banner .shopify-section .text-overlay,
.r7-main-banner .shopify-section .text-overlay.texted-left{
position: absolute;
left: 5% !important;
bottom: 74px !important;
right: 0%;
}
.r7-main-banner .shopify-section .text-overlay h2 {
font-size: var(--r7-heading70);
line-height: var(--r7-heading70-lh);
color: #fff;
margin: 0;
margin-bottom: 20px;
}
.r7-main-banner .shopify-section .text-overlay p {
font-size: var(--r7-heading26);
line-height: var(--r7-heading26-lh);
font-weight: bold;
color: #fff;
}
.r7-main-banner .shopify-section .slider-link {
display: inline-flex;
align-items: center;
margin-top: 0;
padding: 0 30px;
background: var(--r7-green-color);
color: #fff;
border-radius: 50px;
height: 44px;
justify-content: center;
/* text-transform: capitalize; */
font-size: 14px;
font-weight: bold;
}
.r7-main-banner .shopify-section .slider-link:hover {
background-color: #006039;
}
.discover-banner-slider {
margin-bottom: 0 !important;
}
.r7-main-banner .slick-slide {
position: relative;
}
.r7-main-banner .shopify-section .slick-dots {
position: absolute;
bottom: 0px;
margin-bottom: 20px;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.r7-main-banner .shopify-section .slick-dots li.slick-active {
width: 50px;
height: 4px;
background: #fff;
}
.r7-main-banner .shopify-section .slick-dots li {
width: 20px;
height: 4px;
background-color: var(--r7-grey-color);
margin: 0;
border-radius: 4px;
}
.r7-main-banner .shopify-section .slide-content {
display: block !important;
}
.r7-main-banner .shopify-section .slick-slide img.rolex-mobile-img {
display: block !important;
}
.r7-main-banner .shopify-section .slick-slide img.rolex-desktop-img {
display: none !important;
}
.r7-main-banner .shopify-section button.slick-next.slick-arrow {
display: none;
}
/* Hover effect */
.hover-effect img,
.rolex-grid-img img {
transition: 0.7s;
}
.rolex-banner-img,
.rolex-grid-img,
.keep-exploring-inner li a .imagebox,
.single-grid-img {
overflow: hidden;
}
.hover-effect:hover img,
.grid-box:hover img {
transform: scale(1.1);
}
/* Single Store */
.column-group-store {
display: flex;
flex-direction: column;
grid-column: 1/-1;
}
.store-detail-linking a span img {
width: 40px;
height: 40px;
}
.column-group-store .left-column {
width: 100%;
order: 2;
}
.column-group-store .right-column {
width: 100%;
padding: 0 5%;
display: flex;
align-items: center;
order: 1;
margin-top: 40px;
margin-bottom: 40px;
}
.store-detail-detail span {
font-size: var(--rolex-legend-16);
line-height: var(--rolex-legend-16-lh);
font-weight: bold;
color: var(--r7-brown-color);
letter-spacing: 0;
}
.store-detail-detail h1 {
font-size: var(--r7-headling30);
line-height: var(--r7-headling30-lh);
font-weight: bold;
margin: 0;
letter-spacing: 0;
margin-bottom: 20px;
color: var(--r7-brown-color);
}
.store-detail-detail ul li {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-fixed-16-lh);
font-weight: 300;
color: var(--r7-black-color);
margin-bottom: 5px;
}
.single-store-address p{
font-size: var(--rolex-fixed-16);
line-height: 1.5;
font-weight: 300;
color: var(--r7-black-color);
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 0;
}
.store-detail-detail ul {
margin-bottom: 20px;
}
.store-detail-timing button {
font-size: var(--rolex-fixed-16);
line-height: 2;
color: var(--r7-black-color);
font-weight: bold;
background: transparent;
border: none;
outline: none;
box-shadow: none;
user-select: text;
padding: 0;
width: max-content;
}
.store-detail-timing button > span {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-fixed-16-lh);
color: var(--r7-green-color);
font-weight: 400;
position: relative;
cursor: pointer;
margin-left: 10px;
}
.store-detail-timing button > span.icon {
width: 12px;
height: 12px;
line-height: 1.1;
}
.time-with-dropicon {
display: inline-flex;
align-items: center;
gap: 8px;
}
.time-with-dropicon span.icon{
width: 12px;
height: 12px;
line-height: 1.1;
}
.time-with-dropicon span.icon svg path{
fill: var(--r7-green-color);
}
.time-with-dropicon:hover span.icon svg{
transform: scaleY(-1);
}
.dropdown-timimg ul {
padding: 0;
margin: 0;
}
.dropdown-timimg {
pointer-events: auto;
height: auto;
padding: 40px 35px;
filter:drop-shadow(0 10px 10px rgba(0,0,0,0.2));
background-color: rgb(249 247 244);
position: absolute;
display: none;
z-index: 2;
top: calc(100% - 6px);
}
.dropdown-timimg ul li {
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-fixed-16-lh);
color: var(--r7-brown-color);
}
.dropdown-timimg p {
font-size: var(--rolex-legend-16);
line-height: 1.5;
color: var(--r7-brown-color);
padding-top: 10px;
margin-top: 20px;
border-top: 1px solid #ddd;
text-align: left;
font-weight: 400;
}
.store-location-detail {
width: 100%;
}
.store-detail-timing button:hover ~ .dropdown-timing {
display: block;
}
.store-detail-linking a {
display: flex;
align-items: center;
color: rgb(69, 44, 30);
font-weight: bold;
letter-spacing: 0;
text-decoration: none;
}
.store-detail-timing {
position: relative;
margin-bottom: 30px;
}
.store-detail-timing button:focus {
outline: none;
}
.store-detail-timing:hover .dropdown-timimg {
display: block;
}
.store-location-map img {
object-fit: cover;
height: 100%;
width: 100%;
}
.store-location-map {
min-width: 100%;
height: 350px;
}
.store-detail-linking a span:last-child {
font-size: 0;
}
.store-detail-linking {
display: flex;
justify-content: center;
gap: 20px;
}
.store-detail-timing button > span:hover:after {
transform: translateY(-50%) rotate(180deg);
}
.store-detail-timing button:hover .dropdown-timimg {
display: block;
}
.dropdown-timimg ul li span:last-child {
font-weight: 400;
}
/* Contact side showroom detail show */
div#rolex-contact-map {
width: 100%;
transition: 2s all ease-in-out;
}
div#tab-map {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
div#showroom-details {
bottom: -100%;
position: absolute;
transition: 0.6s all ease-in-out;
z-index: 9;
}
div#showroom-details.active {
bottom: 0;
}
div#showroom-details.active + div#rolex-contact-map {
position: relative;
}
div#showroom-details {
background: #fff;
overflow-y: scroll;
width: 100%;
}
.showroom-details-content {
position: relative;
padding: 40px 15%;
}
span.close-icon {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
span.close-icon svg {
width: 12px;
height: 12px;
}
.showroom-details-img {
display: none;
}
.showroom-details-content h3 {
font-size: 22px;
line-height: 1.2;
color: var(--r7-brown-color);
margin: 0;
margin-bottom: 20px;
font-weight: bold;
letter-spacing: 0;
}
.showroom-details-content p {
font-size: var(--rolex-fixed-16);
line-height: 24px;
color: #212121;
margin: 0;
}
span.svg {
width: 36px;
height: 36px;
background: #f9f7f4;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
}
span.svg svg {
width: 10px;
height: 10px;
}
.showroom-details-content ul li a span:last-child {
font-size: 12px;
font-weight: bold;
color: var(--r7-brown-color);
}
.showroom-details-content ul li a {
display: flex;
align-items: center;
justify-content: start;
gap: 8px;
letter-spacing: 0;
}
.showroom-details-content ul li a span:last-child {
display: none;
}
.showroom-details-content ul {
margin-top: 20px !important;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
div#showroom-details.active + div#rolex-contact-map {
top: -100px;
}
div#rolex-contact-map {
height: 75vh;
padding: 0;
}
span.svgicon svg {
width: 10px;
height: 10px;
}
.r7-bottom-card ul a:hover span.svgicon svg {
fill: #127749;
}
.store-detail-linking a:hover .svg svg{
fill: #452c1e;
}
.store-detail-linking a:hover,
.showroom-details-content ul li a:hover span:last-child {
color: #127749;
}
.store-detail-linking a:hover .svg svg,
.showroom-details-content ul li a:hover span.svg {
fill: #127749;
}
.showroom-details-img img {
width: 100%;
}
/* div#showroom-details::-webkit-scrollbar {
width: 10px;
}
div#showroom-details::-webkit-scrollbar-track {
background: #f4efea;
}
div#showroom-details::-webkit-scrollbar-thumb {
background: #888;
} */
/* .showroom-details-content ul li a:hover span:last-child{
color: var(--r7-brown-color);
} */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.r7-main-banner .shopify-section .slick-dots {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
div#rolex-contact-map {
height: 700px;
padding: 0;
}
.showroom-details-content ul li a {
margin-bottom: 10px;
}
.showroom-details-content ul {
display: block;
}
.showroom-details-content ul li a span:last-child {
display: block;
}
div#showroom-details {
width: 410px;
min-width: 410px;
display: inline-block;
}
div#showroom-details.active + div#rolex-contact-map {
position: relative;
/* left: 200px; */
top: inherit;
}
div#tab-map {
flex-direction: row;
}
div#showroom-details {
height: 100%;
}
div#showroom-details {
left: -100%;
}
div#showroom-details.active {
left: 0;
bottom: inherit;
}
.store-detail-timing {
position: relative;
margin-bottom: 20px;
}
.store-location-map {
height: 100%;
}
.store-location-map img {
height: 100%;
}
.r7-main-banner .shopify-section .slick-slide img.rolex-mobile-img {
display: none !important;
}
.r7-main-banner .shopify-section .slick-slide img.rolex-desktop-img {
display: block !important;
}
.r7-main-banner .shopify-section .text-overlay {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 56% !important;
bottom: inherit !important;
right: 5%;
}
.r7-main-banner .shopify-section .text-overlay.texted-left {
left: 10% !important;
}
.column-group-store .left-column {
width: 50vw;
order: 1;
}
.column-group-store .right-column {
width: 50vw;
order: 2;
margin-top: 0px;
margin-bottom: 0px;
}
.column-group-store {
flex-direction: row;
}
.store-location-map {
min-width: 100%;
height: 700px;
}
.store-detail-linking {
display: block;
justify-content: center;
gap: 20px;
}
.store-detail-linking a {
margin-bottom: 10px;
gap: 10px;
}
.store-detail-linking a span:last-child {
font-size: 14px;
line-height: 1.1;
}
.showroom-details-img {
display: block;
}
}
@media (min-width: 992px) {
/* #showroom-details {
display: inline-block;
}*/
div#rolex-contact-map {
/* transition:all 2s ease-in-out; */
transition: left 0.5s ease;
position: relative;
}
/* div#showroom-details.active + div#rolex-contact-map {
left: 600px;
} */
div#showroom-details.active + div#rolex-contact-map .gm-style {
left: 450px !important;
transition: all 0.6s ease-in-out !important;
width: 100% !important;
}
.showroom-details-content h3 {
font-size: 30px;
}
.column-group-store .left-column {
width: 65vw;
}
.column-group-store .right-column {
width: 35vw;
min-width: 410px;
}
}
@media (min-width: 1025px) {
.r7-main-banner .shopify-section .slick-dots {
margin-bottom: 40px;
}
.r7-main-banner .shopify-section .button-right.slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 3%;
}
.r7-main-banner .shopify-section .button-right.slick-arrow a i {
position: relative;
width: 44px !important;
height: 44px !important;
background: #d4d4d430;
display: inline-block;
border-radius: 50px;
}
.r7-main-banner .shopify-section .button-right.slick-arrow a i:before {
transform: rotate(45deg);
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 0;
right: 4px;
left: 0;
bottom: 0;
margin: auto;
}
.r7-main-banner .shopify-section .button-right.slick-arrow a i:hover {
background: #76767630;
}
.r7-main-banner .shopify-section .button-left.slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3%;
z-index: 2;
}
.r7-main-banner .shopify-section .button-left.slick-arrow a i {
position: relative;
width: 44px !important;
height: 44px !important;
background: #d4d4d450;
display: inline-block;
border-radius: 50px;
}
.r7-main-banner .shopify-section .button-left.slick-arrow a i:before {
transform: rotate(45deg);
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 0;
left: 4px;
right: 0;
bottom: 0;
margin: auto;
}
.r7-main-banner .shopify-section .button-left.slick-arrow a i:hover {
background: #76767630;
}
}
@media (min-width: 1600px) {
div#showroom-details {
width: 440px;
min-width: 410px;
}
}
@media (max-width: 767px) {
body .r7-main-banner .shopify-section .text-overlay {
bottom: 60px !important;
}
.pagination.rolex-pagination .pagination-list .pagination-link {
width: 2.25rem;
height: 2.25rem;
min-width: 2.25rem;
}
.pagination.rolex-pagination .pagination-list{
margin: 0 5px;
}
.pagination.rolex-pagination .pagination-previous, .pagination.rolex-pagination .pagination-next{
width: 2.25rem !important;
height: 2.25rem !important;
min-width: 2.25rem;
max-width: 2.25rem;
}
}
/* rolex header menu set */
ul.rolex-header-navigation.hidden.lg\:flex {
display: none;
}
.r7-mobile-menu > a.lg\:hidden {
display: block;
}
.rolex-mobile-navigation-holder.px-4.lg\:hidden {
display: block;
}
.rolex-header .rolex-mobile-navigation-holder {
z-index: 9;
}
@media (min-width: 1440px) {
ul.rolex-header-navigation.hidden.lg\:flex {
display: flex;
}
.r7-mobile-menu > a.lg\:hidden {
display: none;
}
.rolex-mobile-navigation-holder.px-4.lg\:hidden {
display: none;
}
}
@media (min-width: 1440px) and (max-width: 1880px) {
.rolex-header-navigation > li:not(:last-child) {
margin-right: 1rem;
}
}
@media (min-width: 1600px) and (max-width: 1880px) {
.rolex-header-navigation > li:not(:last-child) {
margin-right: 1.5rem;
}
}
.send-message-container .as-label.one {
margin-bottom: 0 !important;
}
.send-message-container .as-label.two {
margin-top: 0 !important;
}
.send-message-container .as-label > label {
display: none !important;
}
.send-message-container .as-label .checkbox-wrapper {
min-height: 30px !important;
}
/* Model top icons */
.model_contact_number > a,
.model_contact_message > a,
.model_contact_find > a {
position: relative;
color: #452c1e !important;
font-size: 0;
font-weight: bold;
display: inline-flex;
align-items: center;
gap: 0;
text-decoration: none;
}
.model_contact_number > a:hover,
.model_contact_message > a:hover,
.model_contact_find > a:hover {
color: #127749 !important;
}
.model_contact_links span.icon {
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
border-radius: 50%;
content: "";
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
}
.model_contact_links span.icon svg {
font-size: 12px;
width: 12px;
height: 12px;
color: #452c1e;
}
.model_contact_links span.icon svg path{
fill: #452c1e;
}
.model_contact_links a:hover > span.icon svg path {
fill: #127749;
}
.rolex-drop-icon span.icon {
background: transparent;
width: 12px;
height: 12px;
transform: rotate(90deg);
}
.model_contact_links > div:first-child > a:hover .rolex-drop-icon span.icon{
transform: rotate(90deg) scale(-1);
}
.model_contact_links > div:first-child > a .rolex-drop-icon span.icon svg{
width: 12px;
height: 12px;
}
.model_contact_links > div:first-child > a .rolex-drop-icon span.icon svg path{
fill: #452c1e;
}
.model_contact_links > div:first-child > a:hover .rolex-drop-icon span.icon svg path {
fill: #127749;
}
.availiblity_cus a {
font-size: 14px;
font-weight: bold;
color: #452c1e !important;
position: relative;
display: flex;
align-items: center;
gap: 8px;
padding-top: 15px;
border-top: 1px solid #452c1e20;
text-decoration: none;
}
.availiblity_cus a:after {
background-repeat: no-repeat;
background-size: 15px;
content: "";
display: inline-block;
height: 15px;
width: 15px;
background-image: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/info.png?v=19783280987321022121772021850);
}
.model_contact_links {
/* display: flex; */
display: grid;
width: 100%;
/* flex-wrap: nowrap; */
padding: 30px 0;
/* gap: 25px; */
justify-content: center;
grid-template-columns: 40px 40px 40px;
column-gap: 25px;
padding-bottom: 0;
}
.model_contact_links > div {
line-height: 0;
}
/* New Styling */
.showrooms_list {
display: flex;
flex-direction: column;
padding: 20px;
position: absolute;
row-gap: 12px;
width: 90%;
margin-left: 5%;
z-index: 9;
display: none;
filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.2));
background-color: #f4efea;
}
.showrooms_list p {
display: flex;
margin: 0;
gap: 10px;
font-size: 15px;
font-weight: 300;
color: #212121;
/* margin-bottom: 10px; */
line-height: normal;
justify-content: center;
}
.showrooms_list p a {
color: #127749;
}
.model_contact_number:hover .showrooms_list {
display: flex;
left: 0;
}
/* .model_contact_links{
grid-template-columns: 180px 140px;
} */
.model_contact_number > a {
gap: 2px;
}
.pagination.rolex-pagination .pagination-list > li:has(.pagination-ellipsis) {
align-self: end;
}
.pagination-ellipsis {
color: #127749;
font-size: 21px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.model_contact_links {
grid-template-columns: 100% !important;
column-gap: 10px !important;
}
.model_contact_links > div:nth-child(2) {
margin-bottom: 10px;
}
.rolex-product-top .product-slider {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.model_contact_number > a,
.model_contact_message > a,
.model_contact_find > a {
font-size: 12px;
gap: 8px;
display: flex;
}
.model_contact_links {
flex-wrap: wrap;
/* gap: 0px; */
justify-content: start;
grid-template-columns: 220px 160px;
column-gap: 20px;
}
.model_contact_links > div {
/* width: 50%; */
line-height: normal;
}
.model_contact_number {
margin-bottom: 10px;
}
.showrooms_list{
width: 100%;
margin-left: 0;
}
.showrooms_list p {
justify-content: space-between;
}
/* .model_contact_number>a{
gap:0px;
} */
}
/* Styling updation */
.watch-key-selling-section {
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 8px;
align-items: center;
}
.watch-image-box,
.watch-accordion-box{
grid-column: 1 / -1;
border: none !important;
border-radius: 0 !important;
}
.watch-image-box{
grid-row: 2;
}
.watch-accordion-box{
grid-row: 1;
background: none !important;
background-color: transparent !important;
margin-bottom: 40px;
border-top: 1px solid #d4d4d4 !important;
}
.accordion-item{
border: none;
background: none !important;
background-color: #f9f7f4 !important;
border-bottom: 1px solid #d4d4d4;
display: flex;
flex-direction: column;
}
.accordion-item h3 {
font-size: var(--r7-body24);
line-height: 1.2;
color: var(--r7-brown-color);
font-weight: 700;
background-color: #f9f7f4 !important;
margin: 0;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
letter-spacing: 0;
}
.watch-key-selling-section .accordion-item h3 .rolex-icon {
width: 12px;
height: 12px;
display: inline-block;
margin-left: 8px;
transition: transform .2s ease-in-out;
}
.watch-key-selling-section .accordion-item h3 .rolex-icon span,
.watch-key-selling-section .accordion-item h3 .rolex-icon svg {
width: 12px;
height: 12px;
line-height: 0;
}
.watch-key-selling-section .accordion-item h3 .rolex-icon svg path {
fill : #452c1e;
}
.watch-key-selling-section .accordion-item h3 .rolex-icon .plus{
display: block;
}
.watch-key-selling-section .accordion-item h3 .rolex-icon .minus{
display: none;
}
.watch-key-selling-section .accordion-item.item-open h3 .rolex-icon .plus{
display: none;
}
.watch-key-selling-section .accordion-item.item-open h3 .rolex-icon .minus{
display: block;
}
/* .watch-key-selling-section .accordion-item h3:after {
content: "";
transition: transform .2s ease-in-out;
background: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/iconn-expand.png?v=165242871686871362101772021849);
width: 12px;
height: 12px;
background-size: contain;
transform: none !important;
display: inline-block;
margin-left: 8px;
}
.watch-key-selling-section .accordion-item.item-open h3:after {
background: url(//michaelspiers.co.uk/cdn/shop/t/33/assets/iconn-collapse.png?v=142240519666242821601772021848);
width: 12px;
height: 12px;
background-size: contain;
transform: none !important;
} */
.watch-key-selling-section .content {
max-height: 0;
overflow: hidden;
transition: all .3s ease-in-out, opacity .3s ease-in-out, visibility 0s linear .3s;
display: block;
/* visibility: hidden; */
font-size: var(--r7-body20);
line-height: 1.6;
color: var(--r7-black-color);
margin-bottom: 0;
letter-spacing: normal;
font-weight: 300;
}
.watch-key-selling-section .accordion-item.item-open .content{
margin-bottom: 20px;
}
.rolex-attribute-list > ul {
width: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
row-gap: 20px;
column-gap: 15px;
list-style: none;
padding: 0;
}
.rolex-attribute-list > ul li{
letter-spacing: 0;
}
.rolex-breadcumb a,
.rolex-breadcumb ul li:not(:last-child),
.rolex-breadcumb ul li:not(:first-child){
padding: 0 !important;
}
.rolex-breadcumb ul {
gap: 10px;
}
.rolex-breadcumb ul li:after,
.rolex-breadcumb ul li:before{
content: "" !important;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center;
mask: url("data:image/svg+xml;utf8,") no-repeat center;
background-color: #fff;
width: 12px;
height: 12px;
display: inline-block;
margin-left: 10px;
position: static !important;
transform: scale(-1);
}
.rolex-breadcumb ul li:before{
margin-right: 10px;
margin-left: 0px;
}
.rolex-breadcumb ul li:after{
display: none !important;
}
.rolex-breadcumb ul li {
display: none !important;
}
.rolex-breadcumb li:nth-last-child(2){
display: block !important;
}
/* Gallery styling */
#rolex-bespoke-gallery-thumbs ul.splide__list, {
display: flex;
column-gap: 6px;
}
#rolex-bespoke-gallery-thumbs ul.splide__list li {
width: calc(25% - 24px / 4);
}
#rolex-bespoke-gallery-thumbs img{
cursor: pointer;
width: 100%;
}
#rolex-bespoke-gallery img{
width: 100%;
}
#rolex-bespoke-gallery-thumbs,
#rolex-bespoke-gallery{
visibility: visible;
}
div#rolex-slider-popup {
grid-template-columns: repeat(12, 1fr);
column-gap: 8px;
padding: 0 5%;
background-color: #f9f7f4;
}
.rolex-gallery-popup {
position: fixed;
inset: 0;
display: grid;
place-items: center;
background: rgba(0,0,0,0.85);
z-index: 9999;
}
.rolex-close-button {
position: absolute;
top: 20px;
right: 30px;
font-size: 2rem;
color: white;
background: none;
border: none;
cursor: pointer;
z-index: 10000;
}
div#rolex-bespoke-gallery {
grid-column: 1 / -1;
}
button#rolex-close-slider-button {
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
line-height: normal !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
border-radius: 50% !important;
border: none !important;
background-color: #d4d4d4 !important;
color: #452c1e;
display: flex;
align-items: center;
justify-content: center;
}
button#rolex-close-slider-button svg {
width: 12px;
height: 12px;
}
button#rolex-close-slider-button svg path {
fill: #452c1e;
}
#rolex-bespoke-gallery button.splide__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50% !important;
border: none !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
background-color: #d4d4d4 !important;
}
#rolex-bespoke-gallery .splide__arrow--prev {
left: -74px;
}
#rolex-bespoke-gallery .splide__arrow--next {
right: -74px;
}
#rolex-bespoke-gallery button.splide__arrow svg {
width: 12px !important;
height: 12px !important;
}
#rolex-bespoke-gallery ul.splide__pagination,
.rolex-mobile-thumb ul.splide__pagination{
list-style: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
gap: 12px;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.rolex-mobile-thumb ul.splide__pagination{
bottom: 0;
width: 100%;
margin-top: 20px;
position: relative;
}
#rolex-bespoke-gallery ul.splide__pagination li,
.rolex-mobile-thumb ul.splide__pagination li{
margin: 0;
line-height: 0;
}
#rolex-bespoke-gallery ul.splide__pagination li button,
.rolex-mobile-thumb ul.splide__pagination li button{
padding: 0 !important;
width: 20px !important;
height: 4px !important;
border: none !important;
background-color: #d4d4d4 !important;
margin: 0;
transform: scale(1);
border-radius: 0;
opacity: 1;
border-radius : 10px;
}
#rolex-bespoke-gallery ul.splide__pagination li button.is-active,
.rolex-mobile-thumb ul.splide__pagination li button.is-active{
width: 50px !important;
background-color: #127749 !important;
outline: none;
}
#rolex-bespoke-gallery button.splide__arrow:focus,
#rolex-bespoke-gallery button.splide__arrow:active,
#rolex-bespoke-gallery ul.splide__pagination li button:focus,
#rolex-bespoke-gallery ul.splide__pagination li button:active{
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.rolex-mobile-thumb ul.splide__pagination li button,
.rolex-mobile-thumb ul.splide__pagination li button:focus,
.rolex-mobile-thumb ul.splide__pagination li button:active{
border: none !important;
box-shadow: none !important;
outline: none !important;
}
#rolex-slider-popup button.rolex-close-button:focus,
#rolex-slider-popup button.rolex-close-button:active{
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.rolex-additional-images{
display: none;
padding-bottom: 60px;
}
.rolex-product-top .product-slider,
.rolex-product-image,
.rolex-mobile-thumb .splide__arrows{
display: none;
}
.rolex-mobile-thumb {
margin-top: 30px;
margin-bottom: 40px;
width: 100%;
}
.rolex-mobile-thumb img{
width: 100%;
}
#rolex-bespoke-mobile-thumbs-slide01 img {
max-width: 70%;
margin: auto;
}
#rolex-bespoke-mobile-thumbs-slide01 {
text-align: center;
}
@media (min-width: 375px){
.showrooms_list{
width: 340px;
margin-left: calc(50% - 340px / 2);
}
}
@media (min-width: 768px) {
.watch-key-selling-section .accordion-item.item-open .content{
margin-bottom: 30px;
}
.accordion-item h3{
min-height: 80px;
}
.rolex-attribute-list > ul li{
width: 33.33%;
}
.rolex-attribute-list > ul{
column-gap: 0;
}
.rolex-product-top {
min-height: 550px;
}
#rolex-bespoke-gallery-thumbs ul.splide__list {
column-gap: 8px;
flex-wrap: wrap;
}
div#rolex-bespoke-gallery {
grid-column: 3 / 11;
}
.rolex-additional-images{
display: block;
}
.rolex-mobile-thumb{
display: none !important;
margin: 0px;
}
.rolex-product-top .product-slider{
display: block;
}
.rolex-product-top .magnify-image.rounded {
width: 70%;
margin: auto;
}
}
@media (min-width: 992px){
.rolex-breadcumb ul li:not(:last-child):after {
display: inline-block !important;
margin-left: 10px;
transform: scale(1);
}
.rolex-breadcumb ul li:before{
display: none !important;
}
.rolex-breadcumb ul li {
display: block !important;
}
.rolex-additional-images{
padding-bottom: 90px;
}
.rolex-product-top .magnify-image.rounded {
width: 100%;
}
}
@media (min-width: 1025px) {
.watch-key-selling-section {
grid-template-columns: repeat(12, 1fr);
}
.watch-image-box,
.watch-accordion-box{
grid-row: unset;
}
.watch-image-box{
grid-column: 1 / 7;
}
.watch-accordion-box{
grid-column: 8 / -1;
margin-bottom: 0px;
}
div#rolex-bespoke-gallery {
grid-column: 4 / 10;
margin-left: 30px;
margin-right: 30px;
}
.showrooms_list{
width: 360px;
margin-left: 0 !important;
}
}
@media (min-width: 1920px){
div#rolex-slider-popup #rolex-bespoke-gallery{
max-width:800px;
margin-left: 0px;
margin-right: 0px;
margin: auto
}
}
.bespoke-banner-slider .splide__image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bespoke-banner-slider .splide__image-container{
height: var(--portrait);
width: 100%;
}
.bespoke-banner-slider .splide__image-container.slide_contain {
height: auto !important;
min-height: auto;
}
.bespoke-banner-slider .image-text-banner__content{
width: 100%;
}
.bespoke-banner-slider .banner-slide-content{
position: absolute;
left: 0px;
max-width: var(--page-width) !important;
margin: 0 auto;
bottom: 40px;
padding: 0 1.5rem;
}
.rolex-introduction .bespoke-secondary:hover svg{
fill: #212121;
}
.rolex-introduction .bespoke-secondary{
line-height: normal;
}
.rolex-introduction .intro__button {
margin-top: 15px;
}
.rolex-preowned-watches-grid-area .spf-product-card__vendor {
display: block !important;
}
.send-mssg-form,
.appointment-form{
padding-left: 0 !important;
padding-right: 0 !important;
}
.rolex-watches-grid-area h4.subtitle {
text-align: center;
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
color: var(--r7-black-color);
font-weight: bold;
letter-spacing: 0px;
grid-column: 1 / -1;
margin: 0;
}
@media (max-width: 767px){
.bespoke-banner-slider .banner-slide-content.mb_left{
left: 0px;
}
.bespoke-banner-slider .banner-slide-content.mb_center{
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.bespoke-banner-slider .banner-slide-content.mb_right{
left: 50%;
width: 50%;
}
.bespoke-banner-slider .banner-slide-content.mby_top{
top: 40px;
bottom: inherit;
}
.bespoke-banner-slider .banner-slide-content.mby_bottom{
bottom: 40px;
}
.bespoke-banner-slider .banner-slide-content.mby_center{
top: 50%;
bottom: inherit;
transform: translateY(-50%);
}
.bespoke-banner-slider .banner-slide-content.mby_center.mb_center{
transform: translate(-50%, -50%) !important;
}
.adjust-text .image-text-banner__content .heading {
font-size: 30px !important;
margin-bottom: 15px !important;
}
.adjust-text .image-text-banner__content .subtitle {
font-size: 18px;
}
}
@media (min-width: 768px){
.bespoke-banner-slider .splide__image-container{
height: var(--tablet);
min-height: 410px;
}
.bespoke-banner-slider .banner-slide-content.md_right{
left: 50% !important;
}
.bespoke-banner-slider .banner-slide-content.md_left{
left: 0% !important;
}
.bespoke-banner-slider .banner-slide-content{
width: 40% !important;
bottom: inherit;
top: 50%;
transform: translateY(-50%);
}
}
@media (min-width: 1200px){
.bespoke-banner-slider .banner-slide-content{
padding-left: 8%;
}
}
@media (min-width: 1440px){
.bespoke-banner-slider .splide__image-container{
height: var(--landscape);
}
}
.rolex-grid-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 50px;
}
.rolex-grid-wrapper.cols-1 .rolex-banner-content{
width: 100%;
}
@media (min-width: 768px) {
.rolex-grid-wrapper{
gap: 8px;
row-gap: 60px;
}
.rolex-grid-wrapper.cols-1 { grid-template-columns: repeat(1, 1fr); }
.rolex-grid-wrapper.cols-2 { grid-template-columns: repeat(2, 1fr); }
.rolex-grid-wrapper.cols-3 { grid-template-columns: repeat(3, 1fr); }
.rolex-grid-wrapper.cols-4 { grid-template-columns: repeat(4, 1fr); }
.rolex-grid-wrapper.cols-5 { grid-template-columns: repeat(5, 1fr); }
.rolex-grid-wrapper.cols-6 { grid-template-columns: repeat(6, 1fr); }
.rolex-grid-wrapper.cols-2 .rolex-banner-content{
margin-right: 20px;
}
}
@media (min-width: 992px){
.rolex-grid-wrapper{
row-gap: 90px;
}
.rolex-grid-wrapper.cols-1 .rolex-banner-content{
width: 70%;
}
.rolex-grid-wrapper.cols-2 .rolex-banner-content{
margin-right: 40px;
}
.rolex-grid-wrapper.cols-3 .rolex-banner-content{
margin-right: 20px;
}
}
@media (min-width: 1025px){
.rolex-grid-wrapper.cols-1 .rolex-banner-content{
width: 90%;
}
}
/* ####### Styling ####### */
.grid-breakpoint,
.slider_rolex,
.slider_rolex .banner-slide-content{
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 6px;
}
@media screen and (min-width: 768px) {
.grid-breakpoint,
.slider_rolex,
.slider_rolex .banner-slide-content{
grid-template-columns: repeat(12, 1fr);
column-gap: 8px;
}
}
.bg-light-beige{
background-color: #f9f7f4;
}
.bg-beige{
background-color: #f4efea;
}
.slider_rolex .splide__image-container {
grid-column: 1 / -1;
}
.rolex-header {
position: relative;
display: flex;
align-items: center;
}
.rolex-header-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.rolex-menu-toggle {
display: flex;
align-items: center;
justify-content: flex-end;
flex-grow: 1;
}
.menu-toggle-name {
font-size: var(--rolex-fixed-16);
line-height: var(--rolex-fixed-16-lh);
font-weight: 600;
color: #fff;
}
.rolex-menu-button {
display: none;
align-items: center;
cursor: pointer !important;
gap: 8px;
text-decoration:none;
}
.rolex-icon {
display: flex;
width: 12px;
height: 12px;
}
.rolex-navigation-desktop {
display: flex;
gap: 2rem;
list-style: none;
margin: 0;
padding: 0;
margin-left: 50px;
}
.rolex-navigation-desktop li a {
text-decoration: none;
color: #fff;
transition: color 0.3s;
font-size: var(--bespoke-fixed-16);
line-height: var(--bespoke-fixed-16-lh);
font-weight: bold;
letter-spacing: 0;
padding: 3.2px 0;
}
.rolex-navigation-desktop li.active a,
.rolex-navigation-desktop li a:hover {
color: #9BF9CE;
}
.rolex-navigation-mobile-wrapper {
display: none;
left: 0;
right: 0;
top: 100%;
z-index: 2;
position: absolute;
padding-top: 40px;
overflow: auto;
background: var(--background-rolex-green);
}
.rolex-navigation-mobile {
list-style: none;
margin: 0;
}
.rolex-navigation-mobile li a {
color: #fff;
text-decoration: none;
}
.rolex-footer-img {
display: flex;
justify-content: center;
align-items: center;
}
.slider_rolex .banner-slide-content{
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100% !important;
}
.slider_rolex .banner-slide-content.md_right,
.slider_rolex .banner-slide-content.md_left,
.slider_rolex .banner-slide-content.md_center{
left: 0 !important;
max-width: 100% !important;
width: 100%;
grid-column: 1 / -1;
}
.slider_rolex .banner-slide-content.md_right .banner-slide-content-inner,
.slider_rolex .banner-slide-content.md_left .banner-slide-content-inner,
.slider_rolex .banner-slide-content.md_center .banner-slide-content-inner{
left: 0 !important;
max-width: 100% !important;
grid-column: 1 / -1;
}
.slider_rolex .banner-slide-content.md_center .banner-slide-content-inner{
text-align: center;
}
.slider_rolex .banner-slide-content-inner .subtitle {
font-size: var(--r7-heading26);
line-height: var(--r7-heading26-lh);
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 700;
}
.slider_rolex .banner-slide-content-inner .heading {
font-size: var(--r7-heading70);
line-height: var(--r7-heading70-lh);
margin: 0 0 20px;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 700;
}
.rolex-style.slider_rolex .primary-bttn,
.rolex-style.slider_rolex .primary-border-bttn{
font-size: 14px;
height: 44px;
display: flex;
align-items: center;
padding: 0 30px !important;
transition: 0.6s;
text-transform: inherit;
background: linear-gradient(235deg, #197149 20%, #0b3e27 140%);
font-weight: 700;
letter-spacing: 0;
}
.rolex-style.slider_rolex .primary-border-bttn{
background: #006039;
color: #fff;
border: 1px solid #006039;
font-weight: bold;
border-radius: 50px;
width: auto;
display: inline-flex;
transition: 0.3s all ease-in-out;
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif !important;
}
.rolex-style.slider_rolex .primary-border-bttn:hover{
background: transparent;
color: #006039;
}
.rolex-style.slider_rolex .primary-bttn:hover{
/* background: #006039; */
background: linear-gradient(235deg,#006039 20%,#006039 140%);
}
.slider_rolex .banner-slide-content.mby_bottom {
bottom: 70px;
}
[data-show-arrows="false"] .splide__arrows {
display: none !important;
}
[data-show-pagination="false"] .splide__pagination{
display: none !important;
}
.pagination-static .splide__pagination {
position: static;
margin-top: 40px;
}
.arrows-static button.splide__arrow {
width: 30px !important;
height: 30px !important;
border-radius: 50%;
border: none;
opacity: 1;
transform: translateY(calc(-50% - 45px)) !important;
cursor: pointer;
}
.rolex-introduction_left, .rolex-introduction_right {
grid-column: 1 / -1;
}
.rolex-introduction_left {
margin-bottom: 20px;
}
.image-component-wrapper.full-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.image-component-wrapper.large-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.image-component-wrapper.medium-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.image-component-wrapper.small-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.body-text-block .body-text-block-inner,
.quote-text-block .quote-text-block-inner,
.logo-component-wrapper .bespoke-logo-wrapper-inner,
.bespoke-video-section .bespoke-video-wrapper,
.article-introduction,
.rolex-feature-content,
.rolex-feature-image{
grid-column: 1 / -1;
}
.body-text-block .body__title {
margin: 0 !important;
letter-spacing: 0;
font-weight: bold;
margin-bottom: 20px !important;
color: var(--r7-brown-color);
}
.body-text-block p{
color: var(--r7-black-color);
font-weight: 300;
letter-spacing: 0;
}
.body-text-block ul {
padding-left: 20px;
margin-top: 15px;
}
.body-text-block ul li {
color: var(--r7-black-color);
}
.bespoke-logo-wrapper-inner{
line-height: 0;
}
.bespoke-logo-wrapper-inner img.inner-logo {
width: 140px;
height: 70px;
object-fit: contain;
}
.bespoke-logo-wrapper-inner.left {
text-align: left;
}
.bespoke-logo-wrapper-inner.right {
text-align: right;
}
.bespoke-logo-wrapper-inner.center {
text-align: center;
}
.body-block__button:hover span.icon svg{
fill: #212121;
}
.body-block__button{
margin-top: 30px;
}
.bespoke-primary-border{
height: 44px;
padding: 0 30px;
font-weight: bold;
background-color: #127749;
color: #fff;
border-radius: 50px;
align-items: center;
font-size: 14px;
display: inline-flex;
border:1px solid #006039;
text-decoration: none;
letter-spacing: 0;
}
.bespoke-primary-border:hover {
color: #006039;
background: transparent;
}
.bespoke-primary-border .icon{
display: none;
}
.bespoke-primary-withIcon {
font-size: 14px;
height: 44px;
display: inline-flex;
align-items: center;
padding: 0 30px !important;
transition: 0.6s;
text-transform: inherit;
background: linear-gradient(235deg, #197149 20%, #0b3e27 140%);
font-weight: 700;
font-family: Helvetica Now Text, Helvetica, Arial, sans-serif;
letter-spacing: 0;
color: #fff;
border-radius: 50px;
cursor: pointer;
border: none;
text-decoration: none;
gap: 6px;
}
.bespoke-primary-withIcon span.icon{
width: 12px;
height: 12px;
line-height: 0;
}
.bespoke-primary-withIcon span.icon svg path {
fill: #fff;
}
.bespoke-primary-withIcon:hover{
background: linear-gradient(235deg, #006039 20%, #006039 140%);
}
.article-introduction .intro__title {
font-weight: bold;
margin-bottom: 20px;
letter-spacing: 0;
color: var(--r7-brown-color);
}
.article-introduction .intro__description {
font-size: var(--r7-headling30);
line-height: var(--r7-headling30-lh);
letter-spacing: 0;
color: var(--r7-black-color);
margin-bottom: 20px;
}
.article-introduction .intro__description p{
font-size: var(--r7-headling30);
line-height: var(--r7-headling30-lh);
letter-spacing: 0;
color: inherit;
margin: 0;
}
.article-introduction .intro__description strong {
font-weight: bold;
}
.article-introduction .intro__subtext {
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
letter-spacing: 0;
color: var(--r7-black-color);
font-weight: bold;
}
.bespoke-heading50 p {
font-size: inherit;
line-height: inherit;
font-weight: bold;
color: inherit;
margin: 0;
}
.rolex-breadcrumb-container .breadcrumbs-flex {
display: flex;
width: 100%;
gap: 10px;
min-height: 30px;
align-items: flex-start;
margin-top: -1px;
}
.rolex-breadcrumb-item {
display: flex;
flex-direction: row-reverse;
gap: 10px;
align-items: center;
}
.rolex-breadcrumb-link {
line-height: 1.1;
font-size: 14px;
color: #fff;
text-decoration: none;
}
.rolex-breadcrumb-item.active .rolex-breadcrumb-link {
color: #61bd93;
}
.rolex-breadcrumb-item .icon {
align-self: center;
display: flex;
align-items: center;
}
.rolex-breadcrumb-item .icon svg {
width: 10px;
height: 10px;
transform: scaleX(-1);
fill: #fff;
}
.rolex-breadcrumb-container .rolex-breadcrumb-item {
display: none;
}
.rolex-breadcrumb-container .rolex-breadcrumb-item:nth-last-child(2) {
display: flex;
}
.bespoke-video-wrapper .external-video-wrapper {
line-height: 0;
}
.rolex-product-grid-inner {
background-color: #f4efea;
}
.rolex-watches-grid-area {
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 6px;
}
.rolex-watches-grid-area > div {
grid-column: 1 / -1;
}
.rolex-product {
display: flex;
flex-direction: column;
/* height: 100%; */
padding-top: 5%;
box-sizing: border-box;
}
.rolex-product-img {
flex: 0 0 70%;
height: 70%;
}
.rolex-product-img p {
margin: 0;
}
.rolex-product-img a {
display: flex;
height: 100%;
}
.rolex-product-img img {
width: 100%;
max-width: max-content;
margin: auto;
height: 100%;
object-fit: contain;
}
.rolex-product-content {
flex: 0 0 25%;
}
.rolex-product-content a,
.rolex-product-top a {
text-decoration: none;
letter-spacing: 0;
}
#load-more-wrapper{
margin-top: 30px;
text-align: center;
}
.rolex-product-image {
width: 100%;
grid-template-columns: repeat(6, 1fr);
gap: 6px;
}
.rolex-product-image .rolex-main-image{
grid-column: 1 / -1;
}
.rolex-product-details h1{
margin : 0 !important;
line-height: 0;
letter-spacing: 0;
}
.rolex-product-description p{
margin: 0 !important;
}
.model_contact_number a{
cursor : pointer !important;
}
div#rolex-bespoke-mobile-thumbs {
visibility: visible;
}
.rolex-specification-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 6px;
width: 100%;
}
.rolex-attribute-list{
grid-column: 1 / -1;
padding-top: 60px;
padding-bottom: 60px;
background: #F4EFEA;
padding-left: 15px;
padding-right: 15px;
}
.rolex-attribute-list > ul,
.rolex-download-brochure{
display: grid !important;
grid-template-columns: repeat(6, 1fr);
column-gap: 6px;
}
.rolex-attribute-list > ul li {
grid-column: span 3;
width: 100%;
}
.rolex-download-brochure .rolex-brochure{
grid-column: 1 / -1;
}
.portrait_full .container-gapping{
padding-left: 0 !important;
padding-right: 0 !important;
}
.rolex-feature-heading{
font-weight: bold;
margin-bottom: 20px;
color: #452c1e;
}
.rolex-model-feature-block {
display: flex;
flex-direction: column;
}
.rolex-model-availability .left{
text-align: left;
}
.rolex-model-availability .center{
text-align: center;
}
.rolex-model-availability .right{
text-align: right;
}
#model-availability {
padding-top: 60px;
padding-bottom: 60px;
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 6px;
}
#model-availability > div {
grid-column: 1 / -1;
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-direction: column;
}
.availability-heading {
color: #452c1e;
font-weight: bold;
margin-bottom: 20px;
}
.rolex-breadcumb {
background: var(--background-rolex-green);
padding: 6px 0 15px;
margin-top: -1px;
padding-top: 0;
position: relative;
}
.rolex-breadcumb ul {
padding: 0;
margin: 0;
display: flex;
margin: auto;
}
.rolex-breadcumb ul li{
line-height: 0;
}
.rolex-breadcumb ul li a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 400 !important;
line-height: 1.1;
letter-spacing: 0;
}
.rolex-breadcumb ul li a:hover {
color: #9BF9CE;
}
.rolex-breadcumb li:last-child a,
.rolex-breadcumb li:last-child strong{
color: #9BF9CE;
font-size: 14px;
font-weight: 400 !important;
letter-spacing: 0;
line-height: 1.1;
}
.bespoke-top-none {
padding-top: 0 !important;
}
.bespoke-bottom-none {
padding-bottom: 0 !important;
}
.bespoke-top {
padding-top: 60px !important;
}
.bespoke-bottom{
padding-bottom: 60px !important;
}
.bespoke-top-middle{
padding-top: 40px !important;
}
.bespoke-bottom-middle{
padding-bottom: 40px !important;
}
.rolex-model-feature-block.bespoke-gap-small:has(.rolex-content-pages):has(.rolex-banner),
.rolex-model-feature-block.bespoke-gap-middle:has(.rolex-content-pages):has(.rolex-banner) {
gap: 40px;
}
.rolex-model-content {
display: flex;
flex-direction: column;
gap: 40px;
}
.rolex-model-feature-block.bespoke-gap-large:has(.rolex-content-pages):has(.rolex-banner) {
gap: 60px;
}
.rolex-dynamic-map-component a {
text-decoration: none;
}
.rolex-dynamic-map-component ul {
list-style: none;
margin: 0;
padding: 0;
}
.contact-component-container {
grid-column: 1 / -1;
}
.rolex-static-map-component .container-gapping{
padding: 0 !important;
}
li.active-day span:first-child {
position: relative;
display: inline-flex;
align-items: center;
}
li.active-day span:first-child:after {
content: "";
width: 8px;
height: 8px;
display: inline-block;
background: #127749;
margin-left: 8px;
border-radius: 50%;
}
li.active-day span {
color: #127749 !important;
}
.arrow-icon.dark-icon .splide__arrows button {
background: #d4d4d44D;
}
.arrow-icon.dark-icon .splide__arrows button:hover {
background: #d4d4d426;
}
.arrow-icon.light-icon .splide__arrows button {
background: #76767666;
}
.arrow-icon.light-icon .splide__arrows button:hover {
background: #76767633;
}
.arrow-icon.dark-icon .splide__arrows button svg {
color: #452c1e;
}
.arrow-icon.light-icon .splide__arrows button svg {
color: #fff;
}
.arrow-icon.dark-icon .splide__arrows button svg,
.arrow-icon.light-icon .splide__arrows button svg{
width: 12px;
height: 12px;
}
.arrow-icon.dark-icon .splide__arrows button,
.arrow-icon.light-icon .splide__arrows button{
width: 40px;
height: 40px;
}
.pills .splide__pagination button {
margin: 0;
width: 20px !important;
height: 4px !important;
border-radius: 10px !important;
opacity: 1 !important;
border: none !important;
}
.green_pills_pagination .splide__pagination button {
background: #d4d4d4 !important;
}
.dark_pills_pagination .splide__pagination button {
background: #452c1e !important;
}
.light_pills_pagination .splide__pagination button {
background: #d4d4d4 !important;
}
.pills .splide__pagination {
gap: 12px;
}
.pills .splide__pagination li {
line-height: 0;
height: auto;
}
.pills .splide__pagination button.is-active {
width: 50px !important;
transform: none;
}
.green_pills_pagination .splide__pagination button.is-active {
background: #127749 !important;
}
.dark_pills_pagination .splide__pagination button.is-active {
background: #452c1e !important;
}
.light_pills_pagination .splide__pagination button.is-active {
background: #fff !important;
}
.pills.splide_pagination ul.splide__pagination{
bottom: 20px;
}
a.rolex-menu-button[active] .rolex-icon {
transform: scaleY(-1);
}
.action-show-info span.icon {
width: 15px;
height: 15px;
}
.inf-area {
display: none;
opacity: 0;
max-height: 0;
overflow: hidden;
}
.inf-area.active {
display: block;
opacity: 1;
max-height: 200px;
}
.rolex-model-form .section-heading{
font-size: var(--r7-heading36);
line-height: var(--r7-heading36-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
margin-bottom: 20px;
letter-spacing: 0;
}
.rolex-model-form .accordion-header {
width: 100%;
text-align: left;
background: none;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--r7-body20);
line-height: var(--r7-body20-lh);
font-weight: bold;
color: var(--r7-brown-color);
margin: 0;
letter-spacing: 0;
min-height: 80px;
box-sizing: border-box;
padding: 0;
transition: .3s all ease-in-out;
position: relative;
}
.rolex-model-form .rolex_accordion {
border-top: 1px solid #452c1e66;
}
.rolex-model-form .rolex_accordion-item {
border-bottom: 1px solid #452c1e66;
}
.rolex-model-form .rolex_accordion-item h3 {
background-color: transform !important;
}
.rolex_accordion-item .rolex-icon, .rolex_accordion-item .rolex-icon span {
width: 15px;
height: 15px;
display: block;
}
.rolex_accordion-item .rolex-icon .minus {
display: none;
}
.rolex_accordion-item.active .rolex-icon .minus {
display: block;
}
.rolex_accordion-item.active .rolex-icon .plus {
display: none;
}
.rolex_accordion-item .rolex-icon svg {
display: block;
width: 15px;
height: 15px;
fill: #452c1e;
}
.rolex_accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.store-name, .store-name p {
margin: 0;
color: #006039;
font-weight: bold;
line-height: 1.6;
margin-bottom: 4px;
letter-spacing: 0;
display: block;
}
@media (min-width: 768px){
.slider_rolex .banner-slide-content.md_right .banner-slide-content-inner {
grid-column: 8 / -1;
}
.slider_rolex .banner-slide-content.md_left .banner-slide-content-inner{
grid-column: 1 / 6;
}
.slider_rolex .banner-slide-content.md_center .banner-slide-content-inner{
grid-column: 5 / 9;
}
.arrow-icon.arrows-static .splide__arrows .splide__arrow--next {
right: -44px !important;
}
.arrow-icon.arrows-static .splide__arrows .splide__arrow--prev{
left: -44px !important;
}
.image-component-wrapper.medium-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner{
grid-column: 2 / 12;
}
.image-component-wrapper.small-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.body-text-block .body-text-block-inner,
.quote-text-block .quote-text-block-inner,
.logo-component-wrapper .bespoke-logo-wrapper-inner,
.article-introduction,
.rolex-feature-content,
.rolex-feature-image{
grid-column: 3 / 11;
}
.rolex-breadcrumb-item {
flex-direction: row;
}
.rolex-breadcrumb-item .icon svg {
transform: scaleX(1);
}
.rolex-breadcrumb-container .rolex-breadcrumb-item {
display: flex;
}
.rolex-breadcrumb-item .icon {
display: none;
}
.rolex-breadcrumb-item:not(:last-child) .icon {
display: inline-flex;
}
.rolex-product-img img {
max-height: 280px;
}
#load-more-wrapper{
margin-top: 40px;
}
.rolex-product-image {
display: grid !important;
gap: 8px;
grid-template-columns: repeat(12, 1fr);
}
.rolex-product-image .rolex-main-image{
grid-column: 4 / 10;
padding-left: 30px;
padding-right: 30px;
}
.rolex-specification-container {
grid-template-columns: repeat(12, 1fr);
column-gap: 8px;
}
.rolex-attribute-list > ul,
.rolex-download-brochure{
grid-template-columns: repeat(12, 1fr) !important;
column-gap: 8px;
grid-auto-flow: column;
}
.rolex-attribute-list > ul li {
grid-column: auto;
width: 100%;
}
.rolex-attribute-list > ul > *:nth-child(3n+1) {
grid-column: 1 / span 3;
}
.rolex-attribute-list > ul > *:nth-child(3n+2) {
grid-column: 5 / span 3;
}
.rolex-attribute-list > ul > *:nth-child(3n+3) {
grid-column: 9 / span 5;
}
#model-availability {
padding-top: 100px;
padding-bottom: 100px;
grid-template-columns: repeat(12, 1fr);
column-gap: 8px;
}
#model-availability > div {
grid-column: 3 / 11;
padding-left: 0;
padding-right: 0;
}
.rolex-model-feature-block.bespoke-gap-middle:has(.rolex-content-pages):has(.rolex-banner) {
gap: 45px;
}
.rolex-model-content {
gap: 45px;
}
.rolex-model-feature-block.bespoke-gap-large:has(.rolex-content-pages):has(.rolex-banner) {
gap: 90px;
}
.pills.splide_pagination ul.splide__pagination{
bottom: 30px;
}
}
@media (min-width: 992px){
.arrows-static button.splide__arrow{
transform: translateY(calc(-50% - 44px)) !important;
}
.rolex-product-img img {
max-height: 320px;
}
.rolex-attribute-list{
padding-top: 90px;
padding-bottom: 90px;
}
.bespoke-top {
padding-top: 90px !important;
}
.bespoke-bottom{
padding-bottom: 90px !important;
}
.bespoke-top-middle{
padding-top: 45px !important;
}
.bespoke-bottom-middle{
padding-bottom: 45px !important;
}
}
@media (min-width: 1025px){
.arrows-static button.splide__arrow{
width: 44px !important;
height: 44px !important;
}
.arrow-icon.arrows-static .splide__arrows .splide__arrow--next {
right: -60px !important;
}
.arrow-icon.arrows-static .splide__arrows .splide__arrow--prev{
left: -60px !important;
}
.rolex-introduction_left {
grid-column: 1 / 6;
margin-bottom: 0;
}
.rolex-introduction_right {
grid-column: 7 / 12;
}
.image-component-wrapper.small-width-img .bespoke-image-wrapper .bespoke-image-wrapper-inner,
.body-text-block .body-text-block-inner,
.quote-text-block .quote-text-block-inner,
.logo-component-wrapper .bespoke-logo-wrapper-inner,
.article-introduction,
.rolex-feature-content,
.rolex-feature-image{
grid-column: 4 / 10;
}
.bespoke-logo-wrapper-inner img.inner-logo {
width: 160px;
height: 80px;
}
.rolex-product-image .rolex-main-image{
grid-column: 5 / 9;
padding-left: 0px;
padding-right: 0px;
}
.rolex-attribute-list > ul > *:nth-child(3n+1) {
grid-column: 2 / span 2;
}
.rolex-attribute-list > ul > *:nth-child(3n+2) {
grid-column: 5 / span 2;
}
.rolex-attribute-list > ul > *:nth-child(3n+3) {
grid-column: 8 / span 2;
}
.rolex-download-brochure .rolex-brochure{
grid-column: 2 / 12;
}
#model-availability > div {
grid-column: 4 / 10;
}
.dropdown-timimg {
padding: 40px 50px;
}
.pills.splide_pagination ul.splide__pagination{
bottom: 40px;
}
}
@media screen and (min-width: 1200px){
.rolex-watches-grid-area {
grid-template-columns: 1.5fr 9fr 1.5fr;
column-gap: 8px;
}
.rolex-watches-grid-area > div {
grid-column: 2;
}
}
@media screen and (min-width: 1440px) {
.arrow-icon.arrows-static .splide__arrows .splide__arrow--next {
right: -70px !important;
}
.arrow-icon.arrows-static .splide__arrows .splide__arrow--prev {
right: -70px !important;
}
/* .container-gapping{
padding-left: 5rem !important;
padding-right: 5rem !important;
} */
.image-component-wrapper.full-width-img .container-gapping{
padding-left: 0 !important;
padding-right: 0 !important;
}
.portrait_full .container-gapping{
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media screen and (max-width: 1440px) {
.rolex-navigation-desktop {
display: none;
}
.rolex-menu-button {
display: flex;
}
.rolex-navigation-mobile-wrapper[active] {
display: block;
}
}
/* @media screen and (min-width: 1600px){
.rolex-navigation-desktop {
gap: 2.5rem;
}
} */
.keyfocus .rolex-header a:focus-visible {
outline: 2px solid #9BF9CE !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .rolex-breadcumb a:focus-visible{
outline: 2px solid #9BF9CE !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus section a:focus-visible,
.keyfocus section button:focus-visible {
outline: 2px solid #127749 !important; /* green outline */
outline-offset: 3px !important;
box-shadow: none !important; /* no extra glow */
}
.keyfocus .banner-slide-content-inner a:focus-visible {
outline: 2px solid #127749 !important; /* green outline */
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .splide.is-focus-in .splide__arrow:focus-visible{
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .splide.is-focus-in .splide__pagination__page:focus-visible{
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .rolex-footer-icon a:focus-visible{
outline: 2px solid #9BF9CE !important;
outline-offset: 3px !important;
box-shadow: none !important;
display:flex !important;
}
.keyfocus .rolex-footer a:focus-visible{
outline: 2px solid #9BF9CE !important;
outline-offset: 3px !important;
box-shadow: none !important;
display:flow;
}
a.hover-effect {
display: block;
}
.keyfocus a.hover-effect:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.explore-item a {
display: block; /* required for focus outline to show */
}
.keyfocus .explore-item a:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
/* .hover-effect:focus-visible .bespoke-secondary {
border: 2px solid #127749 !important;
outline: none !important;
box-shadow: none !important;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px;
}
.hover-effect a:focus-visible {
outline: none !important;
box-shadow :none !important
}
.hover-effect a:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
} */
.rolex-logo a {
display: flex;
}
.keep-exploring .splide__track{
padding: 4px !important;
}
.pills .splide__pagination button::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* center */
/* No background: invisible hit area */
}
.pills .splide__pagination button {
width: 20px !important;
height: 4px !important;
border-radius: 10px !important;
position: relative;
background: #000;
padding: 0 !important;
overflow: visible;
}
.pills .splide__pagination button.is-active::before {
width: 50px;
height: 24px;
}
.keyfocus .rolex-grid-section .grid-box a:focus-visible {
outline: none !important;
}
.rolex-grid-section .grid-box {
position: relative;
display: block;
}
.keyfocus .rolex-grid-section .grid-box:focus-within {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.skip-link {
display: inline-flex;
height: 44px;
padding: 0 30px;
font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
font-weight: bold;
background-color: #127749;
color: #fff;
border-radius: 50px;
align-items: center;
font-size: 14px;
margin-top: 30px;
border: solid 1px #006039;
outline: 2px solid green !important;
box-shadow: none !important;
outline-offset: 3px;
text-decoration:none;
}
.skip-link:hover{
background-color: #006039;
color: #fff;
}
.skip-links {
position: fixed;
left: 50%;
bottom: 80px;
transform: translateX(-50%);
z-index: -1;
pointer-events: none;
}
.skip-links:focus-within {
z-index: 99999;
pointer-events: auto;
}
.skip-links:has(.skip-link:focus),
.skip-links:has(.skip-link:focus-visible) {
z-index: 99999;
pointer-events: auto;
}
.skip-links .skip-link {
opacity: 0;
pointer-events: none;
}
nav.skip-links ul{
position: relative;
width: 220px;
text-align: center;
}
nav.skip-links ul li {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 100%;
list-style:none;
}
/* When focused, bring it into view */
.skip-links .skip-link:focus,
.skip-links .skip-link:focus-visible {
position: static;
opacity: 1;
pointer-events: auto;
}
.keyfocus .rolex-dynamic-map-component ul li a:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus a.intro__button.bespoke-secondary:focus-visible{
display: inline-flex;
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .contact-component-container button:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .contact-component-container a:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .contact-component-container div:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.keyfocus .r7-bottom-card ul a:focus-visible{
border-radius:0px;
}
.keyfocus .store-location-detail a:focus-visible,
.keyfocus .store-location-detail button:focus-visible {
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
a.rolex-product-grid-inner {
text-decoration: none;
}
.keyfocus #rolex-bespoke-gallery-thumbs ul.splide__list li.splide__slide:focus-visible{
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.rolex-model-presentation #rolex-bespoke-gallery-thumbs>div {
overflow: initial !important;
}
.rolex-product-grid-banner a{
display:block;
}
.keyfocus #rolex-bespoke-gallery-thumbs ul.splide__list li.splide__slide:focus-visible{
outline: 2px solid #127749 !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.rolex-model-presentation #rolex-bespoke-gallery-thumbs>div {
overflow: initial !important;
}
a.rolex-menu-button:focus-visible {
box-shadow: none;
outline: none;
}
:focus,
:focus-visible {
box-shadow: none;
outline: none !important;
}
#rolex-bespoke-gallery-thumbs ul.splide__list li.splide__slide{
outline:none;
}
@supports (outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 2px solid #127749 !important;
outline-offset: -3px !important;
box-shadow: none !important;
}
}
@supports (outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #127749;
outline-offset: -3px;
}
}
#keep-exploring-splide .splide__arrow {
display: none !important;
}
@media (min-width: 1440px) {
#keep-exploring-splide .splide__arrow {
display: flex !important;
}
}