/**
 * Rolex contact + appointment form UI (shared Rolex / RCPO).
 * CON-3: merged from rolex-contact-form.css, rolex-appointment-form.css,
 * rolex-rcpo-contact-form.css, rolex-rcpo-appointment-form.css (byte-identical rules).
 * Page shell overrides remain in *-form-overrides.css.
 * @see dev-doc/rolex_shared_assets_consolidation_plan.html#milestones
 */

.rolex-common-buttonlabel{font-size:16px;line-height:1.3em}
@media only screen and (max-width:767px){.rolex-common-buttonlabel{font-size:14px;line-height:1.3em}}
.rolex-common-buttonlabelsmall{font-size:14px;line-height:1.3em}
@media only screen and (max-width:767px){.rolex-common-buttonlabelsmall{font-size:12px;line-height:1.3em}}
.rolex-common-desc{font-size:14px;line-height:1.3em}
@media only screen and (max-width:767px){.rolex-common-desc{font-size:12px;line-height:1.3em}}
.rolex-common-button-green,.rolex-common-button-greenText,.rolex-common-button-white,.rolex-common-button-whiteBorder{padding:10px 30px;line-height:1em;background-color:#fff;color:#127749;border-radius:100px;border-style:solid;border-width:1px;border-color:#127749;transition:all .2s ease-out}
.rolex-common-button-green,.rolex-common-button-greenText,.rolex-common-button-whiteBorder{background-color:transparent;border-color:transparent}
.rolex-common-button-greenText .active,.rolex-common-button-greenText:hover,.rolex-form .rolexAppointmentForm .redeemForm-agreeMarketingInfoWrapper a:hover,.rolex-form .rolexAppointmentForm .redeemForm-agreeTermsWrapper a:hover,.rolex-form .rolexContactForm .redeemForm-agreeMarketingInfoWrapper a:hover,.rolex-form .rolexContactForm .redeemForm-agreeTermsWrapper a:hover{text-decoration:underline}
.rolex-common-button-green,.rolex-common-button-whiteBorder{background-color:#127749;color:#fff;border-color:#127749}
.rolex-common-button-green:visited{text-decoration:none;color:#fff}
.rolex-common-button-green .active,.rolex-common-button-green:hover,.rolex-common-button-whiteBorder .active,.rolex-common-button-whiteBorder:hover{background-color:#fff;color:#127749;text-decoration:none}
.rolex-common-button-green:hover:visited{text-decoration:none;color:#127749}
.rolex-common-textComponent .rolex-common-buttonlabel{display:inline-block;margin-top:20px!important}
@media only screen and (max-width:767px){.rolex-common-textComponent .rolex-common-buttonlabel{margin-top:30px!important}}
.rolex-common-keepExploring .keepExploringCarousel .carouselItem:hover .rolex-common-gridTitle,.rolex-form .rolexAppointmentForm a.doneBtn:hover,.rolex-form .rolexAppointmentForm a.resetBtn:hover,.rolex-form .rolexAppointmentForm a.submitBtn:hover,.rolex-form .rolexContactForm a.doneBtn:hover,.rolex-form .rolexContactForm a.resetBtn:hover,.rolex-form .rolexContactForm a.submitBtn:hover{color:#127749}
.rolex-common-keepExploring .keepExploringCarousel .carouselItem .thumbnail img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-enquiry .imageWrapper img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-sell .imageWrapper img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-servicing .imageWrapper img{transition:transform .7s cubic-bezier(0,0,.2,1)}
.rolex-common-keepExploring .keepExploringCarousel .slick-arrow:hover,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item.active:before{opacity:1;border-color:#127749}
.rolex-form .rolexAppointmentForm a,.rolex-form .rolexAppointmentForm select.active,.rolex-form .rolexContactForm a,.rolex-form .rolexContactForm select.active,.rolex-ourRolexSelection-watchItem .rolex-common-watchItem-infoWrapper .rolex-common-smalldesc{color:#767676}
.rolex-common-textImage .rolex-common-buttonlabel,.rolex-common-textImage .rolex-common-mainParagraph{margin-top:20px}
.rolex-common-textImage .rolex-common-button-green{position:relative;display:inline-block}
.rolex-common-festiveWatchItem .rolex-common-desc,.rolex-common-festiveWatchItem .rolex-common-gridTitle,.rolex-editorial-imageBanner{position:relative;display:block}
.cms-news-rolex_wimbledon .rolex-common-desc,.cms-news-rolexladydatejust .rolex-common-desc{font-size:16px}
.rolex-editorial-textComponent .rolex-common-buttonlabel{display:inline-block;margin-top:20px!important}
@media only screen and (max-width:767px){.rolex-editorial-textComponent .rolex-common-buttonlabel{margin-top:30px!important}}
.rolex-editorial-image .rolex-common-buttonlabel{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:40px auto 0}
.rolex-editorial-checkerboard-infoWrapper .rolex-editorial-textComponent .textBlock,.rolex-editorial-checkerboard-mobileImg,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid .imageWrapper img{position:relative;display:block;width:100%}
.rolex-collection-image img,.rolex-collection-topBanner img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentICS a .icon img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon img,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon img,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon img,.rolex-form .rolexAppointmentForm a.nextStepBtn .icon img,.rolex-form .rolexAppointmentForm a.nextStepBtn .icon-hover img,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon img,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon img,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon img,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon img,.rolex-form .rolexContactForm a.nextStepBtn .icon img,.rolex-form .rolexContactForm a.nextStepBtn .icon-hover img,.rolex-header .rolex-headerBar .rolex-logo img{display:block;width:100%}
.rolex-form .rolex-form-topDesc{padding-top:20px}
.rolex-form .rolexAppointmentForm h1,.rolex-form .rolexContactForm h1{max-width:810px;width:calc(100% - 48px);margin:0 auto;text-align:center;color:#472b20}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm h1,.rolex-form .rolexContactForm h1{width:42.1875%}}
.rolex-form .rolexAppointmentForm .submit-error,.rolex-form .rolexContactForm .submit-error{text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper{max-width:810px;width:calc(100% - 48px);margin:0 auto}
@media only screen and (min-width:1440px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper{width:810px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.large,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.large,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.large,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.large{max-width:1080px}
@media only screen and (min-width:1440px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.large,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.large,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.large,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.large{width:1080px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.xlarge,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.xlarge,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.xlarge,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.xlarge{max-width:1625px}
.maxGridSize .rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.xlarge{max-width:1350px}
@media only screen and (min-width:1440px){.maxGridSize .rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.xlarge,.maxGridSize .rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.xlarge,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper.xlarge,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper.xlarge,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper.xlarge,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper.xlarge{width:calc(100% - 48px)}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper .desc,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper .title,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper .desc,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper .title,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper .desc,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper .title,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper .desc,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper .title{text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper .desc,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper .desc,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper .desc,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper .desc{margin-top:16px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper .desc.doubleTop,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper .desc.doubleTop,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper .desc.doubleTop,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper .desc.doubleTop{margin-top:32px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-formContentWrapper img,.rolex-form .rolexAppointmentForm .rolex-contactForm-formContentWrapper img,.rolex-form .rolexContactForm .rolex-appointmentForm-formContentWrapper img,.rolex-form .rolexContactForm .rolex-contactForm-formContentWrapper img{width:100%}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions{max-width:1620px;width:calc(100% - 48px);margin:0 auto}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions{width:84.375%}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn{display:block;padding-left:16px;position:relative;font-size:14px;line-height:1.1em}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon,.rolex-form .rolexAppointmentForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon,.rolex-form .rolexContactForm .rolex-appointmentForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-appointmentForm-topActions .backBtn .icon,.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper .rolex-contactForm-topActions .backBtn .icon{display:block;width:16px;height:16px;position:absolute;left:0;top:-1px;transform:rotate3d(0,0,1,180deg)}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-actionWrapper,.rolex-form .rolexAppointmentForm .rolex-contactForm-actionWrapper,.rolex-form .rolexContactForm .rolex-appointmentForm-actionWrapper,.rolex-form .rolexContactForm .rolex-contactForm-actionWrapper{display:flex;justify-content:center}
.rolex-form .rolexAppointmentForm .redeemForm-bottomSection .errorWrapper,.rolex-form .rolexContactForm .redeemForm-bottomSection .errorWrapper{flex-direction:column;justify-content:center;margin:0}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .redeemForm-bottomSection .errorWrapper.error:after,.rolex-form .rolexContactForm .redeemForm-bottomSection .errorWrapper.error:after{position:relative;left:auto;top:auto}}
.rolex-form .rolexAppointmentForm .redeemForm-bottomSection .redeemForm-submitWrapper,.rolex-form .rolexContactForm .redeemForm-bottomSection .redeemForm-submitWrapper{justify-content:flex-end}
.rolex-form .rolexAppointmentForm .redeemForm-bottomSection.formWrapper-2col,.rolex-form .rolexContactForm .redeemForm-bottomSection.formWrapper-2col{padding-top:40px}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .redeemForm-bottomSection.formWrapper-2col,.rolex-form .rolexContactForm .redeemForm-bottomSection.formWrapper-2col{padding-top:30px}}
.rolex-form .rolexAppointmentForm .redeemForm-bottomSection.formWrapper-2col .formItem,.rolex-form .rolexContactForm .redeemForm-bottomSection.formWrapper-2col .formItem{margin:0}
.rolex-form .rolexAppointmentForm .redeemForm-agreeMarketingInfoWrapper a,.rolex-form .rolexAppointmentForm .redeemForm-agreeTermsWrapper a,.rolex-form .rolexContactForm .redeemForm-agreeMarketingInfoWrapper a,.rolex-form .rolexContactForm .redeemForm-agreeTermsWrapper a{text-decoration:none;color:#127749;font-weight:700}
.rolex-form .rolexAppointmentForm .redeemForm-agreeTermsWrapper,.rolex-form .rolexContactForm .redeemForm-agreeTermsWrapper{padding-top:0!important}
.rolex-form .rolexAppointmentForm .redeemForm-agreeTermsWrapper label,.rolex-form .rolexContactForm .redeemForm-agreeTermsWrapper label{position:relative!important}
.rolex-form .rolexAppointmentForm .redeemForm-submitWrapper,.rolex-form .rolexContactForm .redeemForm-submitWrapper{justify-content:flex-end}
.rolex-form .rolexAppointmentForm .remarks,.rolex-form .rolexContactForm .remarks{display:block;margin:40px 0 0;color:#767676;font-size:14px;line-height:1.1em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .remarks,.rolex-form .rolexContactForm .remarks{margin:32px 0 0}}
.rolex-form .rolexAppointmentForm .remarks sup,.rolex-form .rolexContactForm .remarks sup{color:#767676;font-size:14px;line-height:1.1em}
.rolex-form .rolexAppointmentForm .errorWrapper.error:after,.rolex-form .rolexContactForm .errorWrapper.error:after{content:attr(data-error);display:block;margin:4px 0;position:relative;color:#c00!important;font-size:12px;line-height:1.3em}
.rolex-form .rolexAppointmentForm .errorWrapper.error .redeemForm-agreeMarketingInfoWrapper input[type=checkbox]+label:before,.rolex-form .rolexAppointmentForm .errorWrapper.error .redeemForm-agreeTermsWrapper input[type=checkbox]+label:before,.rolex-form .rolexAppointmentForm input[type=email].error,.rolex-form .rolexAppointmentForm input[type=number].error,.rolex-form .rolexAppointmentForm input[type=password].error,.rolex-form .rolexAppointmentForm input[type=search].error,.rolex-form .rolexAppointmentForm input[type=tel].error,.rolex-form .rolexAppointmentForm input[type=text].error,.rolex-form .rolexAppointmentForm input[type=url].error,.rolex-form .rolexAppointmentForm textarea.error,.rolex-form .rolexContactForm .errorWrapper.error .redeemForm-agreeMarketingInfoWrapper input[type=checkbox]+label:before,.rolex-form .rolexContactForm .errorWrapper.error .redeemForm-agreeTermsWrapper input[type=checkbox]+label:before,.rolex-form .rolexContactForm input[type=email].error,.rolex-form .rolexContactForm input[type=number].error,.rolex-form .rolexContactForm input[type=password].error,.rolex-form .rolexContactForm input[type=search].error,.rolex-form .rolexContactForm input[type=tel].error,.rolex-form .rolexContactForm input[type=text].error,.rolex-form .rolexContactForm input[type=url].error,.rolex-form .rolexContactForm textarea.error{border-color:#c00!important}
.rolex-form .rolexAppointmentForm .errorWrapper.errormsg3,.rolex-form .rolexContactForm .errorWrapper.errormsg3{margin-bottom:26px}
.rolex-form .rolexAppointmentForm a.resetBtn,.rolex-form .rolexContactForm a.resetBtn{display:inline-block;margin-right:15px;padding:8px 15px;line-height:26px;transition:all .2s ease-out}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm a.resetBtn,.rolex-form .rolexContactForm a.resetBtn{margin-right:5px;padding:6px 15px}}
.rolex-form .rolexAppointmentForm a.doneBtn,.rolex-form .rolexAppointmentForm a.submitBtn,.rolex-form .rolexContactForm a.doneBtn,.rolex-form .rolexContactForm a.submitBtn{color:#fff}
.rolex-form .rolexAppointmentForm a.bookBtn,.rolex-form .rolexContactForm a.bookBtn{color:#127749}
.rolex-form .rolexAppointmentForm a.bookBtn:hover,.rolex-form .rolexContactForm a.bookBtn:hover{text-decoration:underline}
.rolex-form .rolexAppointmentForm a.submitBtn:not(.active),.rolex-form .rolexContactForm a.submitBtn:not(.active){cursor:default!important;background-color:#767676!important;border-color:#767676!important;color:#fff!important}
.rolex-form .rolexAppointmentForm a.submitBtn:not(.active) .icon,.rolex-form .rolexContactForm a.submitBtn:not(.active) .icon{display:block!important}
.rolex-form .rolexAppointmentForm a.submitBtn:not(.active) .icon-hover,.rolex-form .rolexContactForm a.submitBtn:not(.active) .icon-hover{display:none!important}
.rolex-form .rolexAppointmentForm a.nextStepBtn,.rolex-form .rolexContactForm a.nextStepBtn{padding:10px 40px 10px 30px;position:relative;color:#fff}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper .actionWrapper a:hover,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .rolex-appointmentForm-cancelSuccess .actionWrapper a:hover,.rolex-form .rolexAppointmentForm a.nextStepBtn:hover,.rolex-form .rolexContactForm a.nextStepBtn:hover{color:#127749}
.rolex-form .rolexAppointmentForm a.nextStepBtn .icon,.rolex-form .rolexAppointmentForm a.nextStepBtn .icon-hover,.rolex-form .rolexContactForm a.nextStepBtn .icon,.rolex-form .rolexContactForm a.nextStepBtn .icon-hover{width:24px;height:24px;position:absolute;right:16px;top:8px}
.rolex-form .rolexAppointmentForm a.nextStepBtn .icon,.rolex-form .rolexContactForm a.nextStepBtn .icon{display:block}
.rolex-form .rolexAppointmentForm a.nextStepBtn .icon-hover,.rolex-form .rolexAppointmentForm a.nextStepBtn:hover .icon,.rolex-form .rolexContactForm a.nextStepBtn .icon-hover,.rolex-form .rolexContactForm a.nextStepBtn:hover .icon{display:none}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .rolex-appointmentForm-cancelSuccess.active,.rolex-form .rolexAppointmentForm a.nextStepBtn:hover .icon-hover,.rolex-form .rolexContactForm a.nextStepBtn:hover .icon-hover{display:block}
.rolex-form .rolexAppointmentForm input,.rolex-form .rolexContactForm input{margin:0;padding:0;color:#767676;background-color:transparent;display:inline-block;border-style:none;border-color:transparent;cursor:pointer}
.rolex-form .rolexAppointmentForm button,.rolex-form .rolexContactForm button{margin:0;padding:0;color:#767676;background-color:transparent}
.rolex-form .rolexAppointmentForm select,.rolex-form .rolexContactForm select{-webkit-appearance:none;-moz-appearance:none;margin:0;border-radius:0;outline:0}
.rolex-form .rolexAppointmentForm button,.rolex-form .rolexAppointmentForm input,.rolex-form .rolexAppointmentForm textarea,.rolex-form .rolexContactForm button,.rolex-form .rolexContactForm input,.rolex-form .rolexContactForm textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-width:0;outline:0}
.rolex-form .rolexAppointmentForm input[type=email],.rolex-form .rolexAppointmentForm input[type=number],.rolex-form .rolexAppointmentForm input[type=password],.rolex-form .rolexAppointmentForm input[type=search],.rolex-form .rolexAppointmentForm input[type=tel],.rolex-form .rolexAppointmentForm input[type=text],.rolex-form .rolexAppointmentForm input[type=url],.rolex-form .rolexContactForm input[type=email],.rolex-form .rolexContactForm input[type=number],.rolex-form .rolexContactForm input[type=password],.rolex-form .rolexContactForm input[type=search],.rolex-form .rolexContactForm input[type=tel],.rolex-form .rolexContactForm input[type=text],.rolex-form .rolexContactForm input[type=url]{width:100%;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;cursor:text}
.rolex-form .rolexAppointmentForm input[type=email]+label,.rolex-form .rolexAppointmentForm input[type=number]+label,.rolex-form .rolexAppointmentForm input[type=password]+label,.rolex-form .rolexAppointmentForm input[type=search]+label,.rolex-form .rolexAppointmentForm input[type=tel]+label,.rolex-form .rolexAppointmentForm input[type=text]+label,.rolex-form .rolexAppointmentForm input[type=url]+label,.rolex-form .rolexContactForm input[type=email]+label,.rolex-form .rolexContactForm input[type=number]+label,.rolex-form .rolexContactForm input[type=password]+label,.rolex-form .rolexContactForm input[type=search]+label,.rolex-form .rolexContactForm input[type=tel]+label,.rolex-form .rolexContactForm input[type=text]+label,.rolex-form .rolexContactForm input[type=url]+label{width:100%;height:100%;position:absolute;left:0;top:0;color:#767676;line-height:32px;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm input[type=email].error+label,.rolex-form .rolexAppointmentForm input[type=number].error+label,.rolex-form .rolexAppointmentForm input[type=password].error+label,.rolex-form .rolexAppointmentForm input[type=search].error+label,.rolex-form .rolexAppointmentForm input[type=tel].error+label,.rolex-form .rolexAppointmentForm input[type=text].error+label,.rolex-form .rolexAppointmentForm input[type=url].error+label,.rolex-form .rolexContactForm input[type=email].error+label,.rolex-form .rolexContactForm input[type=number].error+label,.rolex-form .rolexContactForm input[type=password].error+label,.rolex-form .rolexContactForm input[type=search].error+label,.rolex-form .rolexContactForm input[type=tel].error+label,.rolex-form .rolexContactForm input[type=text].error+label,.rolex-form .rolexContactForm input[type=url].error+label{color:#c00!important}
.rolex-form .rolexAppointmentForm input[type=checkbox],.rolex-form .rolexContactForm input[type=checkbox]{display:block;visibility:hidden;width:1px;height:1px;position:absolute}
.rolex-form .rolexAppointmentForm input[type=checkbox]+label,.rolex-form .rolexContactForm input[type=checkbox]+label{display:inline-block;margin:0 10px 0 30px;position:relative;color:#767676;cursor:pointer}
.rolex-form .rolexAppointmentForm input[type=checkbox]+label .icon,.rolex-form .rolexContactForm input[type=checkbox]+label .icon{display:block;opacity:0;width:14px;height:14px;position:absolute;left:-27px;top:2px;z-index:2}
.rolex-form .rolexAppointmentForm input[type=checkbox]+label:before,.rolex-form .rolexContactForm input[type=checkbox]+label:before{content:"";display:block;width:18px;height:18px;position:absolute;left:-30px;top:0;border-style:solid;border-color:#d4d4d4;border-width:1px;border-radius:18px;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm input[type=checkbox]+label:after,.rolex-form .rolexContactForm input[type=checkbox]+label:after{content:"";display:block;width:18px;height:18px;opacity:0;position:absolute;left:-29px;top:1px;background-color:#127749;border-radius:18px;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm input[type=checkbox]:checked+label:before,.rolex-form .rolexContactForm input[type=checkbox]:checked+label:before{border-color:#127749}
.rolex-form .rolexAppointmentForm input[type=checkbox]:checked+label .icon,.rolex-form .rolexAppointmentForm input[type=checkbox]:checked+label:after,.rolex-form .rolexContactForm input[type=checkbox]:checked+label .icon,.rolex-form .rolexContactForm input[type=checkbox]:checked+label:after{opacity:1}
.rolex-form .rolexAppointmentForm select,.rolex-form .rolexContactForm select{width:100%;padding:0 20px 0 0;color:#767676;background-color:transparent;background-repeat:no-repeat;background-position:right 2px center;background-size:8px;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm select.error,.rolex-form .rolexContactForm select.error{color:#c00!important;border-color:#c00!important}
.rolex-form .rolexAppointmentForm select::-ms-expand,.rolex-form .rolexContactForm select::-ms-expand{display:none}
.rolex-form .rolexAppointmentForm textarea,.rolex-form .rolexContactForm textarea{display:block;width:100%;height:200px;margin:0;padding:40px;position:relative;background-color:#fff;color:#767676;border-style:none;resize:none}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm textarea,.rolex-form .rolexContactForm textarea{margin-bottom:0}}
.rolex-form .rolexAppointmentForm textarea+label,.rolex-form .rolexContactForm textarea+label{display:block;position:absolute;left:4px;top:0;color:#767676}
.rolex-form .rolexAppointmentForm input::-webkit-input-placeholder,.rolex-form .rolexContactForm input::-webkit-input-placeholder{color:#212121!important}
.rolex-form .rolexAppointmentForm textarea::-webkit-input-placeholder,.rolex-form .rolexContactForm textarea::-webkit-input-placeholder{color:#767676!important}
.rolex-form .rolexAppointmentForm input:-moz-placeholder,.rolex-form .rolexAppointmentForm input::-moz-placeholder,.rolex-form .rolexContactForm input:-moz-placeholder,.rolex-form .rolexContactForm input::-moz-placeholder{color:#212121!important}
.rolex-form .rolexAppointmentForm textarea:-moz-placeholder,.rolex-form .rolexAppointmentForm textarea::-moz-placeholder,.rolex-form .rolexContactForm textarea:-moz-placeholder,.rolex-form .rolexContactForm textarea::-moz-placeholder{color:#767676!important}
.rolex-form .rolexAppointmentForm input:-ms-input-placeholder,.rolex-form .rolexContactForm input:-ms-input-placeholder{color:#212121!important}
.rolex-form .rolexAppointmentForm textarea:-ms-input-placeholder,.rolex-form .rolexContactForm textarea:-ms-input-placeholder{color:#767676!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou{display:none;position:relative}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid{display:flex;gap:8px;justify-content:center}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid{flex-wrap:wrap;gap:32px}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid .rolex-appointmentForm-contactGrid-item{width:100%}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid .rolex-appointmentForm-contactGrid-item .imageWrapper{margin-bottom:16px}}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid .rolex-appointmentForm-contactGrid-item{flex-basis:calc((100% - 8px)/2);width:calc((100% - 8px)/2)}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-contactGrid .rolex-appointmentForm-contactGrid-item .imageWrapper{margin-bottom:8px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper{width:100%;position:absolute;top:-72px}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-topActionWrapper{top:-72px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-loading .rolex-appointmentForm-formContentWrapper{margin-top:24px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-loading .rolex-appointmentForm-loading-wrapper{width:64px;height:64px;margin:0 auto;position:relative}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-loading .rolex-appointmentForm-loading-wrapper img{display:block;width:100%;height:100%}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper{max-width:1350px;margin-top:24px;text-align:center}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper{width:70.3125%}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper .actionWrapper{display:flex;justify-content:center;margin-top:12px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper .actionWrapper a{display:inline-block;color:#fff;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm .rolex-appointmentForm-formContentWrapper .actionWrapper a:not(.active){cursor:default!important;background-color:#767676!important;border-color:#767676!important;color:#fff!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper{max-width:1350px;margin-top:24px;text-align:center}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper{width:70.3125%}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .error,.rolex-form .rolexContactForm>.rolex-collection-body24{text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .rolex-appointmentForm-cancelSuccess{display:none;margin-top:24px;text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .rolex-appointmentForm-cancelSuccess .actionWrapper{margin-top:12px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-error .rolex-appointmentForm-formContentWrapper .rolex-appointmentForm-cancelSuccess .actionWrapper a{display:inline-block;color:#fff;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .rolex-appointmentForm-formContentWrapper{margin-top:0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .rolex-appointmentForm-formContentWrapper.gridContent{margin-top:64px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-enquiry,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-sell,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-servicing{cursor:pointer;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-enquiry .imageWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-sell .imageWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-servicing .imageWrapper{overflow:hidden;display:block}
.rolex-common-pushComponent:hover .pushComponent-kv img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-enquiry:hover .imageWrapper img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-sell:hover .imageWrapper img,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1 .purposeBtn-servicing:hover .imageWrapper img,.rolex-model-infoWrapper .rolex-model-infoImageCarousel .rolex-model-infoImageCarousel-item:hover .thumbnail img{transform:scale3d(1.1,1.1,1)}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .rolex-appointmentForm-formContentWrapper{margin-top:0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .rolex-appointmentForm-actionWrapper{margin-top:16px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .enquiry,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .sell,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .servicing{display:none}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .enquiry.active,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .sell.active,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 .desc .servicing.active{display:inline}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 a.nextStepBtn .icon,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2 a.nextStepBtn .icon-hover{top:7px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-formContentWrapper{max-width:640px;margin-top:0}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-formContentWrapper{width:33.3333333333%}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCountry{display:none;margin-top:20px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCountry.active{display:block}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item{flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;padding:40px 16px;position:relative;text-align:center;background-color:#fff;cursor:pointer}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item{flex-basis:100%}}
@media only screen and (min-width:768px) and (max-width:1023px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item{flex-basis:calc((100% - 12px)/2)}}
@media only screen and (min-width:1024px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item{flex-basis:calc((100% - 24px)/4)}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item:before{content:"";opacity:0;display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(18,119,73,.3);border-style:solid;border-width:1px;border-color:transparent;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item .name{font-weight:700;font-size:16px;line-height:1.1em}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item .city{font-weight:700;font-size:30px;line-height:1.2em}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item .address:not(:first-child),.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item .city:not(:first-child),.rolex-wrapper:not(.rolexrcpo) .rolex-ourRolexSelection .vs-common-listingWrapper .vs-common-listingFilter .vs-common-listingFilter-sidebar .vs-common-listingFilter-sidebar-list .filter-options .vs-common-listingFilter-sidebar-listGroup .vs-common-listingFilter-sidebar-listGroupWrapper ol li{margin-top:10px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item .address,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent label .rolex-common-desc{font-size:16px;line-height:1.1em}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item.active{cursor:default}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item.active>*{position:relative;z-index:2}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .rolex-appointmentForm-storeCity .rolex-appointmentForm-storeCity-item:hover:before{opacity:1}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .nextStepBtn:not(.active){cursor:default!important;background-color:#767676!important;border-color:#767676!important;color:#fff!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .nextStepBtn:not(.active) .icon{display:block!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3 .nextStepBtn:not(.active) .icon-hover{display:none!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-formContentWrapper{margin-top:0}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-formContentWrapper{min-width:550px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-actionWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .rolex-appointmentForm-actionWrapper{margin-top:40px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation{display:flex;gap:8px;max-width:400px;margin:40px auto 0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .nextBtn,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .prevBtn{flex-basis:16px;flex-shrink:0;flex-grow:0;align-self:center;cursor:pointer}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .nextBtn.disabled,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .prevBtn.disabled{opacity:0;cursor:default}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .prevBtn img{transform:rotate3d(0,1,0,180deg)}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-navigation .text{flex-shrink:1;flex-grow:1;text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:526px;margin:40px auto 0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item{padding:12px 8px;position:relative;text-align:center;background-color:#fff;cursor:pointer}
.maxGridSize .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item{border:1px solid #efefef}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item{flex-basis:calc((100% - 16px)/3);flex-shrink:1;flex-grow:1}}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item{flex-basis:170px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item:before,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item:before{content:"";opacity:0;display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(18,119,73,.3);border-style:solid;border-width:1px;border-color:transparent;transition:all .2s ease-out}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item .day,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem label sup{color:#767676}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item.disabled{background-color:rgba(0,0,0,.1)!important;cursor:default!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item.disabled::before{opacity:0!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item.active{cursor:default}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item.active>*{position:relative;z-index:2}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item.active:before{opacity:1;border-color:#127749}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentDate .appointmentDate-selectPanel .appointmentDate-item:hover:before{opacity:1}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-title{max-width:400px;margin:40px auto 0;text-align:center}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel{display:flex;justify-content:center;gap:8px;width:100%;max-width:526px;margin:40px auto 0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item{padding:12px 8px;position:relative;text-align:center;background-color:#fff;border-radius:100px;cursor:pointer}
.maxGridSize .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item{border:1px solid #efefef}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item{flex-basis:calc((100% - 16px)/3);flex-shrink:1;flex-grow:1}}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item{flex-basis:170px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item:before{border-radius:100px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item.disabled{background-color:rgba(0,0,0,.1)!important;cursor:default!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item.disabled::before{opacity:0!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item.active{cursor:default}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item.active>*{position:relative;z-index:2}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item.active:before{opacity:1;border-color:#127749}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .rolex-appointmentForm-appointmentTime .appointmentTime-selectPanel .appointmentTime-item:hover:before{opacity:1}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .nextStepBtn:not(.active){cursor:default!important;background-color:#767676!important;border-color:#767676!important;color:#fff!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .nextStepBtn:not(.active) .icon{display:block!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4 .nextStepBtn:not(.active) .icon-hover{display:none!important}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent{padding-top:20px;position:relative}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent label{position:absolute;left:0;top:0;font-size:16px;line-height:1.1em;color:#767676}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent label{font-size:12px;line-height:1.1em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent label sup,.rolex-form .rolexContactForm .rolex-contactForm-step2 .formItemContent label sup{vertical-align:top;top:-.3em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formItemContent label .rolex-common-desc{font-size:12px;line-height:1.1em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:40px;position:relative}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.contactTextareaWrapper{padding-top:40px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.redeemForm-bottomSection{padding-top:24px}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.redeemForm-bottomSection{padding-top:16px}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper{padding-top:0}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:100%;max-width:100%;position:relative}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-storeSelection{margin-top:32px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-storeSelection .storeAddressSubtitle,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-storeSelection .storeCitySubtitle,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-storeSelection .storeCountrySubtitle{position:absolute;color:#767676}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem label.rolex-appointmentForm-storeAddress,.rolex-form .rolexContactForm .formSectionWrapper .formItem label.rolex-contactForm-storeAddress{overflow:hidden;white-space:nowrap;position:relative;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem label.rolex-appointmentForm-storeAddress{font-size:18px;line-height:1.6em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent{display:block;min-width:100%;max-width:100%;position:relative}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent .storeTelregionSubtitle{width:100%;position:absolute;left:0;top:0;color:#767676;line-height:32px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-emailWrapper{display:inline-block;width:100%;min-width:0}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-emailWrapper{width:100%}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telRegionWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-titleWrapper{min-width:calc(30% - 10px);max-width:calc(30% - 10px)}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telRegionWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-titleWrapper{min-width:100%;max-width:100%}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telRegionWrapper .storeTelregionSubtitle,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-titleWrapper .storeTelregionSubtitle{font-size:11px;line-height:1.3em}}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telRegionWrapper .storeTelregionSubtitle,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-titleWrapper .storeTelregionSubtitle{font-size:12px;line-height:1.3em}}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telRegionWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-titleWrapper{min-width:70px;max-width:70px}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-firstNameWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telNoWrapper{min-width:calc(70% - 10px);max-width:calc(70% - 10px)}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-firstNameWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-telNoWrapper{min-width:100%;max-width:100%;min-width:calc(100% - 70px - 20px);max-width:calc(100% - 70px - 20px);margin:0}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-addressWrapper textarea,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-addressWrapper textarea{font-size:16px;line-height:1.25em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .formItemContent.rolex-appointmentForm-addressWrapper textarea{font-size:12px;line-height:1.25em}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-topItemWrapper{display:flex;justify-content:space-between}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-storeCityLabel,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-storeCountryLabel{display:block;color:#767676;position:relative;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-storeCityLabel,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-storeCountryLabel{font-size:18px;line-height:1.6em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-storeAddress{display:block;color:#767676}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-andOrLabel{display:inline-block;width:50px;margin:40px 0 0;line-height:32px;color:#767676}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem .rolex-appointmentForm-andOrLabel{display:block;margin:20px 0 0}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.rolex-appointmentForm-storeCityWrapper{overflow:hidden;white-space:nowrap}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeHongKong .rolex-appointmentForm-storeCity,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeMacau .rolex-appointmentForm-storeCity,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeNotAvailalble .rolex-appointmentForm-storeCountry,.rolex-form .rolexContactForm .formSectionWrapper .formItem label sup{color:#767676}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeNotAvailalble .rolex-appointmentForm-storeCity.storeNotAvailalble{display:block;width:100%;position:relative;color:#767676;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeNotAvailalble .rolex-appointmentForm-storeCity.storeNotAvailalble{font-size:18px;line-height:1.6em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeHongKong .rolex-appointmentForm-storeCity.storeHongKong,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeHongKong.storeHongKong-hongkongIsland .rolex-appointmentForm-storeAddress.storeHongKong-hongkongIsland,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeHongKong.storeHongKong-kowloon .rolex-appointmentForm-storeAddress.storeHongKong-kowloon,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeHongKong.storeHongKong-notAvailalble .rolex-appointmentForm-storeAddress.storeNotAvailalble,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeMacau .rolex-appointmentForm-storeAddress.storeMacau,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeNotAvailalble .rolex-appointmentForm-storeAddress.storeNotAvailalble{display:block}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeMacau .rolex-appointmentForm-storeCity.storeMacau{display:block;position:relative;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper .formItem.storeMacau .rolex-appointmentForm-storeCity.storeMacau{font-size:18px;line-height:1.6em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col.errorWrapper.error:after,.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col.errorWrapper.error:after{top:0}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col.errorWrapper.error:after{top:0}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col .formItem{min-width:100%;max-width:100%;margin:40px 0 0}
@media only screen and (min-width:768px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col .formItem:first-child{margin-top:0}}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col .formItem{min-width:100%;max-width:100%;margin:32px 0 0}.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 .formSectionWrapper.formWrapper-2col .formItem.rolex-appointmentForm-storeSelection{margin:32px 0 0}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=email],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=number],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=tel],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=text],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 select,.rolex-form .rolexContactForm input[type=email],.rolex-form .rolexContactForm input[type=number],.rolex-form .rolexContactForm input[type=tel],.rolex-form .rolexContactForm input[type=text],.rolex-form .rolexContactForm select{font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=email],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=number],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=tel],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 input[type=text],.rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5 select{font-size:18px;line-height:1.6em}}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-formContentWrapper{margin-top:24px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentInfo{max-width:480px;margin:16px auto 0}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentInfo .rolex-appointmentForm-thankyou-apppointmentInfoBody{padding:40px;background-color:#fff}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentInfo .rolex-appointmentForm-thankyou-apppointmentInfoBody .title{text-align:left}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentInfo .rolex-appointmentForm-thankyou-apppointmentInfoBody .body{margin-top:16px;color:#767676}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentInfo .rolex-appointmentForm-thankyou-apppointmentInfoBody .body .label{color:#212121}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-actionWrapper,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentICS{margin-top:16px}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentICS a{padding-left:20px;position:relative;color:#127749;font-weight:700}
.rolex-collection-body12 a,.rolex-collection-body14 a,.rolex-collection-body16 a,.rolex-collection-body20 a,.rolex-collection-body24 a,.rolex-collection-body30 a,.rolex-collection-fixed14 a,.rolex-collection-fixed16 a,.rolex-collection-fixed22 a,.rolex-collection-headline16 a,.rolex-collection-headline20 a,.rolex-collection-headline24 a,.rolex-collection-headline36 a,.rolex-collection-headline50 a,.rolex-collection-quote50 a,.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentICS a:hover{text-decoration:underline}
.rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou .rolex-appointmentForm-thankyou-apppointmentICS a .icon{display:block;width:16px;height:16px;position:absolute;left:0;top:0}
.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper{width:100%;position:absolute;top:-48px}
@media only screen and (min-width:768px){.rolex-form .rolexContactForm .rolex-contactForm-topActionWrapper{top:-72px}}
.rolex-form .rolexContactForm .rolex-contactForm-step2,.rolex-form .rolexContactForm .rolex-contactForm-thankyou{display:none}
.rolex-form .rolexContactForm .rolex-contactForm-step2 .rolex-contactForm-actionWrapper,.rolex-form .rolexContactForm .rolex-contactForm-thankyou .rolex-contactForm-actionWrapper{padding-top:40px}
.rolex-form .rolexContactForm .rolex-contactForm-step2{position:relative}
.rolex-form .rolexContactForm .rolex-contactForm-step2 .formItemContent{padding-top:20px;position:relative}
.rolex-form .rolexContactForm .rolex-contactForm-step2 .formItemContent label{position:absolute;left:0;top:0;font-size:16px;line-height:1.1em;color:#767676}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .rolex-contactForm-step2 .formItemContent label{font-size:12px;line-height:1.1em}}
.rolex-form .rolexContactForm .formSectionWrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:40px;position:relative}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper.contactTextareaWrapper{padding-top:40px}}
.rolex-form .rolexContactForm .formSectionWrapper.redeemForm-bottomSection{padding-top:24px}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper.redeemForm-bottomSection{padding-top:16px}.rolex-form .rolexContactForm .formSectionWrapper{padding-top:0}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:100%;max-width:100%;position:relative}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem.rolex-contactForm-storeSelection{margin-top:32px}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.rolex-contactForm-storeSelection .storeAddressSubtitle,.rolex-form .rolexContactForm .formSectionWrapper .formItem.rolex-contactForm-storeSelection .storeCitySubtitle{position:absolute;color:#767676}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem label.rolex-contactForm-storeAddress{font-size:18px;line-height:1.6em}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent{display:block;min-width:100%;max-width:100%;position:relative}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent .storeTelregionSubtitle{width:100%;position:absolute;left:0;top:0;color:#767676;line-height:32px}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-emailWrapper{display:inline-block;width:100%;min-width:0}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-emailWrapper{width:100%}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telRegionWrapper,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-titleWrapper{min-width:calc(30% - 10px);max-width:calc(30% - 10px)}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telRegionWrapper,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-titleWrapper{min-width:100%;max-width:100%}.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telRegionWrapper .storeTelregionSubtitle,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-titleWrapper .storeTelregionSubtitle{font-size:11px;line-height:1.3em}}
@media only screen and (min-width:768px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telRegionWrapper .storeTelregionSubtitle,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-titleWrapper .storeTelregionSubtitle{font-size:12px;line-height:1.3em}}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telRegionWrapper,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-titleWrapper{min-width:70px;max-width:70px}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-firstNameWrapper,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telNoWrapper{min-width:calc(70% - 10px);max-width:calc(70% - 10px)}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-firstNameWrapper,.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-telNoWrapper{min-width:100%;max-width:100%;min-width:calc(100% - 70px - 20px);max-width:calc(100% - 70px - 20px);margin:0}}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .formItemContent.rolex-contactForm-addressWrapper textarea{font-size:12px;line-height:1.25em}.rolex-form .rolexContactForm .formSectionWrapper .formItem.rolex-contactForm-topItemWrapper{display:flex;justify-content:space-between}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .rolex-contactForm-storeAddress,.rolex-form .rolexContactForm .formSectionWrapper .formItem .rolex-contactForm-storeCity{display:none;color:#767676}
.rolex-form .rolexContactForm .formSectionWrapper .formItem .rolex-contactForm-andOrLabel{display:inline-block;width:50px;margin:40px 0 0;line-height:32px;color:#767676}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem .rolex-contactForm-andOrLabel{display:block;margin:20px 0 0}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.rolex-contactForm-storeCityWrapper{overflow:hidden;white-space:nowrap}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeHongKong .rolex-contactForm-storeCity,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeMacau .rolex-contactForm-storeCity,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeNotAvailalble .rolex-contactForm-storeCountry{color:#767676}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeNotAvailalble .rolex-contactForm-storeCity.storeNotAvailalble{display:block;width:100%;position:relative;color:#767676;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeNotAvailalble .rolex-contactForm-storeCity.storeNotAvailalble{font-size:18px;line-height:1.6em}}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeHongKong .rolex-contactForm-storeCity.storeHongKong,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeHongKong.storeHongKong-hongkongIsland .rolex-contactForm-storeAddress.storeHongKong-hongkongIsland,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeHongKong.storeHongKong-kowloon .rolex-contactForm-storeAddress.storeHongKong-kowloon,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeHongKong.storeHongKong-notAvailalble .rolex-contactForm-storeAddress.storeNotAvailalble,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeMacau .rolex-contactForm-storeAddress.storeMacau,.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeNotAvailalble .rolex-contactForm-storeAddress.storeNotAvailalble{display:block}
.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeMacau .rolex-contactForm-storeCity.storeMacau{display:block;position:relative;border-style:solid;border-color:#d4d4d4;border-width:0 0 1px;font-size:20px;line-height:1.6em}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper .formItem.storeMacau .rolex-contactForm-storeCity.storeMacau{font-size:18px;line-height:1.6em}}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col.errorWrapper.error:after{top:0}}
.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col .formItem{min-width:100%;max-width:100%;margin:40px 0 0}
@media only screen and (min-width:768px){.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col .formItem:first-child{margin-top:0}}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col .formItem{min-width:100%;max-width:100%;margin:32px 0 0}.rolex-form .rolexContactForm .formSectionWrapper.formWrapper-2col .formItem.rolex-contactForm-storeSelection{margin:32px 0 0}}
@media only screen and (max-width:767px){.rolex-form .rolexContactForm input[type=email],.rolex-form .rolexContactForm input[type=number],.rolex-form .rolexContactForm input[type=tel],.rolex-form .rolexContactForm input[type=text],.rolex-form .rolexContactForm select{font-size:18px;line-height:1.6em}}
.rolex-form .rolexContactFormThankyou{width:80%;max-width:620px;margin:40px auto;text-align:left}
.rolex-form .rolexContactFormThankyou .thankyouTitle{display:block;color:#212121;font-size:38px;line-height:1.3em}
@media only screen and (max-width:767px){.rolex-form .rolexContactFormThankyou .thankyouTitle{font-size:24px;line-height:1.3em}}
.rolex-form .rolexContactFormThankyou .thankyouSubtitle{display:block;color:#212121;font-size:28px;line-height:1.3em}
@media only screen and (max-width:767px){.rolex-form .rolexContactFormThankyou .thankyouSubtitle{font-size:20px;line-height:1.3em}}
.rolex-form .rolexContactFormThankyou .textSep{display:block;width:50px;height:2px;margin:20px 0 30px;background-color:#212121}
.rolex-form .rolexContactFormThankyou .thankyouMsg{display:block;margin-top:20px;font-size:16px;line-height:1.6em}
/* CON-5b: collection typography → rolex-typography.css */
.rolex-collection-body12.brown,.rolex-collection-body14.brown,.rolex-collection-body16.brown,.rolex-collection-body20.brown,.rolex-collection-body24.brown,.rolex-collection-body30.brown,.rolex-productDetails-watchSpec .rolex-productDetails-watchSpec-infoPanelWrapper .rolex-productDetails-watchSpec-infoPanel .rolex-productDetails-watchSpec-infoItem strong{color:#472b20}
.accordion-body.reverse .rolex-collection-block #rolex-contactForm-message{background-color:#f9f7f4}
.rolex-landing-visit .rolex-common-buttonlabel{margin-top:34px}
@media only screen and (max-width:1023px){.rolex-wrapper:not(.rolexrcpo) .rolex-ourRolexSelection .vs-common-listingWrapper .vs-common-listingFilter .vs-common-listingFilter-sidebar .vs-common-listingFilter-sidebar-bottom .vs-common-listingFilter-sidebar-buttonPanel .resetBtn .icon{background-image:url(/cms/images/rolexrcpo/common/reset-icon-mobile.svg)!important}.rolex-wrapper:not(.rolexrcpo) .rolex-ourRolexSelection .vs-common-listingWrapper .vs-common-listingFilter .vs-common-listingFilter-sidebar .vs-common-listingFilter-sidebar-list .filter-options{padding:0 5vw;position:relative;top:0}}
@media only screen and (max-width:1023px){.rolexrcpo .rolexrcpo-ourSelection .vs-common-listingWrapper .vs-common-listingFilter .vs-common-listingFilter-sidebar .vs-common-listingFilter-sidebar-bottom .vs-common-listingFilter-sidebar-buttonPanel .resetBtn .icon{background-image:url(/cms/images/rolexrcpo/common/reset-icon-mobile.svg)!important}.rolexrcpo .rolexrcpo-ourSelection .vs-common-listingWrapper .vs-common-listingFilter .vs-common-listingFilter-sidebar .vs-common-listingFilter-sidebar-list .filter-options{padding:0 5vw;position:relative;top:0}}
.rolexrcpo .rolex-model-contactus .rolex-model-contactus-accordion .accordion-item .accordion-toggle .rolex-collection-body20{color:#472b20}
.accordion-body.reverse .rolex-collection-block{background-color:#fff}
.accordion-body.reverse .rolex-collection-block .rolex-appointmentForm-thankyou-apppointmentInfoBody{background-color:#f9f7f4!important}