.pt-40{padding-top: 40px;} .pb-40{padding-bottom: 40px;} .whiteBg{background: #fff;} .breadcrumb{background: var(--blackColor); padding-bottom: 15px !important; margin-top: -1px;} .breadcrumb li{padding: 0 4px; color: #61bd93;} .breadcrumb ul{margin: 0 -4px;} .breadcrumb li a{color: #fff;} .breadcrumb li a:hover{color: #61bd93;} .mt-32{margin-top: 32px;} .breadcrumb li svg{fill: #fff;} .breadcrumb li span{padding-left: 8px;} .quote-50 span{font-family: "Helvetica", sans-serif; font-weight: 300;} .filter-icon:hover{text-decoration: none;} .filterHeading{margin: 0px; text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 20px;} .filter-btn{padding: 0 30px; height: 44px; line-height: 44px; font-weight: 600; border-radius: 30px; display: inline-block; background:rgba(212,212,212, 0.3); font-size: 14px; border:none;} .filter-btn img{width: 12px; height: 12px;} .mt-8{margin-top: -8px !important;} .filter-btn.active{background: #006039; color: #fff;} .filter-btn.active img{webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .collection-watches .leftFilter{width: 100%;} .collection-watches .leftFilter .listblock{ display: block; border-top: 1px solid #d4d4d4; padding-top: 20px;} .collection-watches .leftFilter .listblock:first-child{ border-top: none; padding-top: 0px;} .collection-watches .leftFilter .listblock .smallHeading{margin-bottom: 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;} .collection-watches .leftFilter .listblock ul{margin-bottom: 0; padding-left: 0;} .collection-watches .leftFilter .listblock ul li{display: flex; margin-top: 20px; font-size: 14px; list-style: none;} .collection-watches .leftFilter .listblock ul li:first-child{margin-top: 0;} .collection-watches .leftFilter .listblock ul li:last-child{margin-bottom:0px;} .collection-watches .leftFilter .listblock a.brownColor{ position: relative; display: block;} .collection-watches .leftFilter .listblock a.brownColor:hover{color: #452c1e;} .collection-watches .leftFilter .listblock a[aria-expanded="true"]:after{ position: absolute; right:0; top:50%; width: 12px; height: 12px; content: ''; background: url(../images/collection/minsIcon.png)center right no-repeat; transform: translateY(-50%);} .collection-watches .leftFilter .listblock a[aria-expanded="false"]:after{ position: absolute; right:0; top:50%; width: 12px; height: 12px; content: ''; background: url(../images/collection/plusIcon.png)center right no-repeat; transform: translateY(-50%);} .collection-watches .leftFilter .listblock ul li label{margin-bottom: 0;} .collection-watches .leftFilter .listblock ul li input{display: none;} .collection-watches .leftFilter .listblock ul li input + span{width: 16px; height: 16px; border: 1px solid #000; vertical-align: top; display: inline-block; transition: 0.4s ease all; border-radius:3px;} .collection-watches .leftFilter .listblock ul li input:checked + span{border: 1px solid #006039; background: #006039;} .collection-watches .leftFilter .listblock ul li a{color: #000; display: block;} .collection-watches .leftFilter .listblock ul li a:hover, .collection-watches .leftFilter .listblock ul li:hover, .collection-watches .leftFilter .listblock ul li a.active{color: #000; text-decoration: none;} .collection-watches .leftFilter .listblock.collectionList ul li input + span{display: none;} .collection-watches .leftFilter .listblock.collectionList label{cursor: pointer;} .collection-watches .leftFilter .listblock ul li.active label{color: #127749 !important} .selectBox select.sort_By{-moz-appearance: none; -webkit-appearance: none; appearance: none; color: #452c1e; text-align: right; padding-right: 20px; border-radius: 0; background: url(../images/collection/down-arrow.png)center right no-repeat; position: relative; border:none;} option:hover { background-color: none;} .closeFilter.closeMobile{font-size: 18px; position: absolute; top:40px; right:40px} .viewResult{font-size: 16px; height: 40px; line-height: 38px; padding: 0 30px; border: 1px solid #127749; border-radius: 30px; text-decoration: none; color: #212121; display: none;} .pagination{margin-top: -10px;margin-bottom: 50px;} .pagination ul{margin-left: 0; margin-bottom: 0;} .pagination ul li{list-style: none; padding: 0 10px; color: #000; font-size: 16px; display:inline-block;} .pagination ul li a{color: #000; font-size: 20px;} .pagination ul li a:hover{color: #127749;text-decoration: none;} .section-modal-carousel .gallery-top{overflow: hidden; text-align: center;} .section-modal-carousel .gallery-top img{max-width: 100%; object-fit: cover; width: 100%;} .swiper-button-prev1, .swiper-button-next1{position: absolute; top:50%; z-index: 9; cursor: pointer; background: rgba(118,118,118, 0.3); width: 44px; height: 44px; border-radius: 100%; text-align: center; line-height: 43px; color: #fff; font-size: 12px;} .swiper-button-prev1:hover, .swiper-button-next1:hover {background: #767676;} .section-modal-carousel .swiper-button-black .iconfont {font-size: 12px;} .swiper-button-prev1{left:5%; } .swiper-button-next1{right:5%;} .carouselContent .title-small{color: #fff; margin-bottom: 20px; text-transform: capitalize;} .carouselContent .title-medium{color: #fff; margin-bottom: 10px; text-transform: uppercase;} .modalboxrolexWatches .watchContent { display: block; background: var(--blackColor); color: #fff; height: 100%;} .modalboxrolexWatches .watchContent i{font-style: normal;} .swiper-container-modal{overflow: hidden;} .swiper-button-next-modal{right:-70px;} .swiper-button-prev-modal{left:-70px; } .modalboxrolexWatches .iconfont {font-size: 12px;} .modalboxrolexWatches .rolexWatch {display: flex;} .modalboxrolexWatches .swiper-pagination-modal {text-align: center;} .carouselContent p{color: #fff; font-size: 16px;} .carouselContent .hoverText a{color: #fff; font-size: 16px;} .carouselContent .hoverText a:hover{color: #fff; text-decoration: none; } .carouselContent .hoverText{margin-bottom: 10px;} .modalText a{color: #fff;text-decoration: underline; font-size: 16px; padding-bottom: 20px; display: block;} .modalText a:hover{text-decoration: none;} .carouselContent .addressTool{padding-left: 0;} .carouselContent .addressTool li{margin-bottom: 10px; display: block; width: 100%;} .carouselContent .addressTool .chatIocn img{filter: brightness(0) invert(1);} .carouselContent .addressTool li:last-child{margin-bottom:0px;} .carouselContent .addressTool li a{color: #fff; font-weight: 600; font-size: 12px;} .carouselContent .addressTool li a:hover{text-decoration: none;} .carouselContent .addressTool li a span.icon{/*width: 44px; background: #2d2b30; text-align: center; height: 44px;display: inline-block; border-radius:100%; text-align: center; line-height: 44px;*/ margin-right: 8px;} .cloudimage-360-magnifier-icon{display: none !important;} .close360 img { filter: brightness(0) invert(1);} #rolexPreowned360Container .close { position: absolute; right: 10px; top: 10px; color: #fff; font-size: 35px; z-index: 999; opactiy: 1;} canvas { display: inline-block; vertical-align: baseline;} /*.carouselContent .addressTool li a span.icon img{width: 15px; height: 15px;}*/ .carouselContent{padding: 60px 0;} .carouselbotomLink{border-top:1px solid rgba(255, 255, 255, .3); padding-top: 15px;} .carouselbotomLink ul{margin: 0 -8px;} .carouselbotomLink li{color: #fff; padding: 0 8px; border-left:1px solid rgba(255, 255, 255, .3); margin-bottom: 10px;} .carouselContent .addressTool li a span.contactIcon{line-height: 41px;} .carouselbotomLink li:first-child{border-left: none;} .carouselContent .piclist{padding-left: 0; } .carouselContent .piclist li{list-style: none; margin-right:5px; display: inline-block;width: 90px; background: #fff; cursor: pointer;} .section-modal-carousel .blackBg {background: #000;} .whiteText{color: #fff;} .carouselContent .piclist li:last-child{margin-right: 0;} .carouselContent .piclist li img{max-width: 100%;} .gallery-thumbs .swiper-slide {background: #fff; cursor: pointer; opacity: 0.7; } .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {opacity: 1; } .gallery-thumbs .swiper-slide img{max-width: 100%;} .carouselContent .dropdown-menu{max-width: 440px; top:10px!important; background: #f8f8f8; padding: 20px 15px; font-size: 14px; color: #000;border:none; box-shadow:inherit;} .carouselContent .dropdown-menu:before{position: absolute; content: '\25b2'; top:-15px; left:52px; color: #f8f8f8; font-size: 14px;} .section-watchSpections ul{padding-left: 0; margin-bottom: 0; margin: 0 -4px;} .section-watchSpections ul li{display: block; margin-bottom: 20px; padding: 0 4px; width: 33.333%; } .section-availabilty{padding: 70px 0 70px; background: #f8f8f8; margin-bottom: 70px;} .section-modalVideo .cover .btnClick { background: #fff; border-radius: 100%; width: 60px; height: 60px; line-height: 60px; font-size: 16px; color: #127749; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .section-modalVideo{padding-bottom: 70px;} .section-modalVideo p{margin: 34px auto 0; max-width: 650px; font-size: 18px;} .section-availabilty img{max-width: 100%;} .section-mainBanner .bannerContainerHover{height: 100%; padding: 50px 0;position: absolute; top:0; left:0; text-align: center; color: #fff;width: 100%;} .section-mainBanner .bannerContainer{position: relative; overflow: hidden;} .section-mainBanner .bannerContainerHover .btnRolex {border: 1px solid #fff;background: none;} .section-mainBanner .bannerContainerHover .btnRolex:hover{border: 1px solid #fff;background: #fff; color: #127749;} .sectionSlider.section-rolexWatches .swiper-slide a{letter-spacing: normal;} .sectionSlider.section-rolexWatches .swiper-pagination{margin-top: 0;} .section-modal-carousel .swiper-pagination {text-align: center; width: 100%;margin-top: 10px;position: relative;line-height: normal;} .section-modal-carousel .swiper-pagination .swiper-pagination-bullet { width: 60px; height: 3px; border-radius: 0; margin: 0 0 0 8px; background-color: #127749; opacity: 1;} .section-modal-carousel .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0;} .section-modal-carousel .swiper-pagination .swiper-pagination-bullet-active { background-color: #e5e5e5;} .btnRolex{background: #127749; display: inline-block; border:none; padding: 0 30px; height: 44px; line-height: 44px; font-weight: 600; border-radius: 30px; color: #fff; cursor: pointer;} .btnBlackRolex{background: #127749; display: inline-block; border:none; padding: 0 30px; height: 44px; line-height: 44px; font-weight: 600; border-radius: 30px; color: #fff; cursor: pointer;} .btnBlackRolex:hover, .btnRolex:hover{background:#006039; color: #fff;} .carouselContent .btnRolex, .headingoneLine .btnRolex {background:#127749;} .carouselContent .btnRolex{font-family: arial;} .carouselContent .btnRolex:hover, .headingoneLine .btnRolex:hover{background:#006039;} button:focus{outline: none;} .lightGray{color: #d4d4d4 !important;} .addToWishlistButton {color: #fff; margin-left: 10px;/* text-align: center; border-radius:100%; background: #2f2f2f; font-size: 15px; width: 44px; height: 44px; line-height: 45px;*/} .addToWishlistButton:hover {color: #fff;} .section-modal-carousel .swiper-pagination-bullet{width: 20px; height: 4px; border-radius: .25rem; margin: 0 0 0 8px; background-color: #e5e5e5; opacity: 1; transition: all 0.3s linear;} .section-modal-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 50px; background-color: #127749; } .section-modal-carousel .swiper-pagination1{ position: absolute; width: 100%; text-align: center; bottom: 50px; z-index: 9;} .coverNew{position: relative; cursor: pointer; aspect-ratio: 16/9; overflow: hidden;} .coverNew iframe{height: 100%;} .coverNew .addVideo {position: absolute;top: 0; left: 0; height: 100%; transition: 1s; width: 100%;} .coverNew img {width: 100%;height: 100%; object-fit: cover; } .coverNew.hidevideo .addVideo { opacity: 0; z-index: -9;} .cover2 .playButton, .homeCollection .playButton {background-image: url(../images/play-default-button.svg); width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .cover2 .playButton:hover, .homeCollection .playButton:hover { background-image: url(../images/play-hover-button.svg);} #map-container {width: 100%;height: 700px; position: relative; box-sizing: border-box;transition: .6s; overflow: hidden;} .homeCollection .body-20-light i{margin-top: 20px; display: block;} .sectionContainer .contactContent {width: 100%; padding: 40px 10%;} #map { position: absolute; left: 0em; top: 0; right: 0; bottom: 0; transition: .6s;} .sectionContainer .contactContent{background: #fff;} .coverNew .addVideo {position: absolute; top: 0; left: 0; height: 100%; transition: all .8s linear 1s; width: 100%; z-index: 9;} .greenText{color: #127749;} .blackText{color: #000;} .blackText:hover{color: #000;} .storeHours .dropdown-toggle::after{margin-left: 5px; vertical-align: middle; color: #127749;} .storeHours .dropdown-menu{width: 115%; z-index: 9; background: #f8f7f3; padding: 20px;top: 120% !important; transform: inherit !important; border-radius:0; border:none; box-shadow: 0 0 5px #ddd;} .storeHours .dropdown-menu a{color: #000; font-size: 16px; font-weight: bold; line-height: 1.6;} .storeHours .dropdown-menu a + a{margin-top: 10px;} .storeHours .dropdown-menu a span + span{font-weight: 300; } .btnRolex .iconfont{font-size: 8px; margin-left: 6px; font-weight: normal;} .homeContactBlock a p.body-20-light {color: #212121 !important;} .contactList > li i {width: 36px; height: 36px; border-radius:100%; position: relative; background: #f8f7f3; text-align: center; font-style: normal; margin-right: 8px; display:inline-block;} .gm-svpc{display: none !important; } .contactList > li .iconimg{width: 36px; height: 36px; line-height: 36px; border-radius:100%; position: relative; background: #f8f7f3; text-align: center; font-style: normal; margin-right: 8px; display:inline-block;} .contactList > li a .fill-brown-text { fill: #452c1e;} .contactList > li a:hover .fill-brown-text { fill: #127749;} .contactList > li a{ color: #452c1e; font-size: 12px; font-weight: 600;} .contactList > li a:hover{ color: #127749; } .section-contactForm .w-full{padding: 40px; border:none; background: #fff; resize: none; height: 200px; border-radius:0; font-size: 16px; font-weight: 300;} .floating {position: relative; } .floating label {position: absolute; pointer-events: none;left: 0;top: 14px; margin: 0; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; opacity:.5; } .opaci1{opacity:.5;} .floating input.field:focus { outline: none; box-shadow: none;} .floating input.field:focus ~ label, .floating input.field:not(:placeholder-shown) ~ label {top: -15px;} .section-contactForm .formFieldsRow { margin: 0 -5px; padding: 0;} .section-contactForm .formFieldsRow > .fieldCol {padding: 0 5px; margin-bottom: 55px; width: 100%; float: left; } .section-contactForm .formFieldsRow > .fieldCol.frmFld-email {margin-bottom: 30px; } .section-contactForm .formFieldsRow > .fieldCol.frmFld-orAnd .fieldBox{border:none;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-orAnd{margin-bottom: 40px;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-fName, .section-contactForm .formFieldsRow > .fieldCol.frmFld-lName { max-width: 40%;} .section-contactForm .formFieldsRow > .section-contactForm .formFieldsRow > .fieldCol.frmFld-phone { max-width: 38%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-email, .section-contactForm .formFieldsRow > .fieldCol.frmFld-orAnd {max-width: 100%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-phone {max-width: 80%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-sex, .section-contactForm .formFieldsRow > .fieldCol.frmFld-ext{ max-width: 20%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-country, .section-contactForm .formFieldsRow > .fieldCol.frmFld-city {max-width: 50%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-storeAddress {max-width: 100%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-msg {margin: 80px 0 40px; height: auto; width: 100%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-msg .fieldBox:before {font-size: 14px;top: -26px;} .section-contactForm .formFieldsRow > .fieldCol.fldCheck { height: auto;} .section-contactForm .formFieldsRow > .fieldCol.fldCheck a { text-decoration: underline;} .section-contactForm .formFieldsRow > .fieldCol.fldCheck a:hover { text-decoration: none;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox {margin-top: auto; position: relative; border-bottom:1px solid rgba(69, 44, 30, 0.4); padding: 10px 0;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox::before, .section-contactForm .formFieldsRow > .fieldCol .fieldBox::after { position: absolute;left: 0; font-weight: 600; font-size: 16px;} .section-contactForm input:focus. .section-contactForm select:focus{outline: none; box-shadow:none;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox::before {content: attr(data-title);top: -15px; color: #452c1e; opacity:.5; white-space: nowrap;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox:after {content: attr(data-error);top: 100%;color: #be0100; line-height: 1.8; opacity: 0;} .fldCheckPolicy-class{font-size: 14px;color: #be0100; font-weight: 600; padding-left: 29px;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox.msgYes:after { opacity: 1;} .section-contactForm .formFieldsRow > .fieldCol .field { border: 1px solid transparent; color: #212121; width: 100%; height: 30px; padding: 0 30px 0 4px; background: none;} .checkboxText .greenText:hover, .checkboxText .greenText{text-decoration: none; color: #127749;} .section-contactForm .formFieldsRow > .fieldCol .field.andOr { border-bottom-color: transparent; background: none;} .section-contactForm .formFieldsRow > .fieldCol textarea.field { border-color: #dadada; height: auto; height: 100px; padding: 12px; } .section-contactForm .formFieldsRow > .fieldCol .customSelect { width: 100%; position: relative;} .section-contactForm .formFieldsRow > .fieldCol .customSelect:before { content: ""; position: absolute; right: 5px; bottom: 8px; background: url(../images/contact/drop-down-brown-button.png)left top no-repeat; pointer-events: none; width: 12px; height: 12px;} .purposeBck{position: absolute; margin-top: -30px; color: #212121; font-size: 14px; font-weight: 600;} .purposeBck:hover, .backbtn .iconfont:hover{color: #127749; text-decoration: none;} .section-contactForm .formFieldsRow > .fieldCol .customSelect select { -webkit-appearance: none; appearance: none; background-color: none;} .section-contactForm .customCheck, .calenText .customCheck{display: inline-block;width: 20px; height: 20px; vertical-align: top;} .section-contactForm .customCheck input, .calenText .customCheck input { display: none;} .section-contactForm .customCheck span, .calenText .customCheck span { display: block; width: 20px; height: 20px; border: 1px solid #127749; border-radius:100%; position: relative; text-align: center;; line-height: 20px;} .section-contactForm .customCheck span img, .calenText .customCheck img{display: none;} .section-contactForm .customCheck input:checked + span, .calenText .customCheck input:checked + span {background:#127749 ; border: 3px solid #127749;} .section-contactForm .customCheck input:checked + span img, .calenText .customCheck input:checked + span img{width: 10px; display: block; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);} .mr-10{margin-right: 10px;} .calenText .greenText:hover{color: #127749;} .section-contactForm .fldCheck { margin-bottom: 40px;} .section-contactForm .checkboxText .customCheck, .calenText .customCheck { float: left; margin-right: 10px;} .section-contactForm .checkboxText + .checkboxText { margin-top: 10px;} .section-contactForm .btnSend:hover, .section-contactForm .btnSend:focus, .section-contactForm .btnSend:active { outline: none; box-shadow: none;} .section-contactForm .btnSend:hover {border-color: #127749; background-color: white; color: #127749;} .section-contactForm .textRequired {margin: 0 0 10px; text-align: right;} .backbtn .iconfont{margin-right: 8px; font-size: 9px;} .backbtn {color: #212121; text-decoration: none;margin-bottom: 30px; font-size: 14px; font-weight: 600;} .modalPageForm #contactFormMain{margin-top: 0px;} .backbtn:hover{color: #212121; text-decoration: none;} .section-listingView .tabs ul li a span{margin-left: 6px; width: 8px; height: 8px; background: #f9f7f4; display: inline-block; border-radius:100%;} .section-listingView ul li a{color: #212121; text-decoration: none; font-size: 16px; font-weight: 600;} .section-listingView ul li a:hover, .section-listingView ul li a.active{color: #127749; text-decoration: none;} .section-listingView .tabs ul li a.active span{background:#127749 ;} .section-listingView .tabs ul li{margin-right: 40px;} #locations-panel {position: relative;max-width: 410px; top: 0; bottom: 0; overflow-y: auto; background: #fff;height: 100%;} .closeItem {position: absolute;right: 20px;top: 37%;cursor: pointer;z-index: 9;} .closeItem .iconfont{font-size: 13px;} .section-listingView .listingContact {background-color: #fff; width: 100%; } #locations-panel-list .location-result { position: relative; cursor: pointer; display: none;} #locations-panel-list .location-result.selected {display: block;} #locations-panel-list .location-result img {max-width: 100%;} .section-listingView .listingContact .info-links a{color: #452c1e; font-size: 12px; font-weight: 600; } .section-listingView .listingContact .info-links a:hover{color: #127749; } .section-listingView .listingContact .info-links ul {padding: 0;margin-bottom: 0;} .section-listingView .listContentBlock {padding: 40px 15%;} #viewList .contactList > li{margin-top: 0;} .section-listingView #viewList .listingContact{padding: 40px 10%; margin-bottom: 8px; text-align: center;} .section-listingView .listingContact span.legend-16 {display: block; margin-bottom: 5px;} .rolex-store-tile__link a{color: #000;} .section-listingView .fixed-16-light{line-height: 24px;} #viewList .contactList > li i{margin-right: 20px;} .fieldBoxsale{position: relative; width: 100%;} .fieldBoxsale:before{content: ""; position: absolute;right: 5px;bottom: 14px; background: url(../images/contact-us/drop-down-brown-button.png)left top no-repeat; pointer-events: none;width: 12px; height: 12px;} .customPointselect {-webkit-appearance: none; appearance: none;background: none; border:none; border-bottom: 1px solid rgba(69, 44, 30, 0.4); width: 100%; text-align: left; padding: 10px 0; color: #212121;} .saleLising .listSaleBlock{margin-bottom: 8px; width: 100%;} .saleLising .listSaleBlock .listingChekced{background: #fff; padding: 40px 10%; border:1px solid #fff; width: 100%;} .saleLising .listSaleBlock label input:checked + div{border:1px solid rgba(69, 44, 30, 0.4)} .saleLising .listSaleBlock label{cursor: pointer; width: 100%;} .saleLising .listSaleBlock input{display: none;} .dateTimeAppintment{overflow: hidden;} .dateTimeAppintment .swiper-button-black{cursor: pointer;} .dateTimeAppintment .swiper-button-black .iconfont{font-size: 15px;} .dateTimeAppintment .dateGroup ul, .appointmentTimeSloat ul{margin: 0 -4px;} .dateTimeAppintment .dateGroup ul li, .appointmentTimeSloat li{padding: 0 4px; margin-bottom: 4px; width: 33.333%; text-align: center; } .dateTimeAppintment .dateGroup ul li.disabled label, .appointmentTimeSloat li.disabled label{cursor: inherit; } .dateTimeAppintment .dateGroup ul li label, .appointmentTimeSloat li label{cursor: pointer; } .dateTimeAppintment .dateGroup ul li label input, .appointmentTimeSloat li label input{display: none; } .dateTimeAppintment .dateGroup ul li span, .appointmentTimeSloat li label span{background: #fff; display: block; padding: 15px 0;} .dateTimeAppintment .dateGroup ul li span:hover, .dateTimeAppintment .dateGroup ul li.disabled label span, .dateTimeAppintment .dateGroup ul li input:checked + span, .appointmentTimeSloat li label span:hover, .appointmentTimeSloat li.disabled label span, appointmentTimeSloat li.disabled label input:checked + span{background:rgba(255, 255, 255, 0.5); color: #8d8c8a;} .dateTimeAppintment .dateGroup ul li span i, .appointmentTimeSloat ul li span i{font-style: normal;} .appointmentTimeSloat ul li span {border-radius:40px;} .arrowCalender{position: absolute; top:0; width: 100%;} .arrowCalender .swiper-button-disabled{display: none;} .arrowCalender .swiper-button-black{position: absolute; z-index: 1;} .arrowCalender .swiper-button-prev-date{left:0;} .arrowCalender .swiper-button-next-date{right:0;} .nextBtn .btnRolex .iconfont {vertical-align: top;} .confirmedDetail{background: #fff; padding: 80px 8%;} .section-rolexWatches .homeContactBlock{padding: 5% 50px 50px; background: #f4efea; height: 100%;} .section-rolexWatches .col-md-4{margin-bottom: 8px; overflow: hidden;} .modal-carousel-content p span{font-size: 18px;} .monthText {position: relative;} .monthText .iconfont a{color: #212121; } .monthText .iconfont {position:absolute; font-size: 12px;} .monthText .iconfont.iconfont-right {right: 0;} .monthText .iconfont.iconfont-left {left: 0;} .ml-10{margin-left: 10px;} .section-watchSpections .contentBox li strong{font-weight: 700;} .section-watchSpections .contentBox li span{ display: block;} .section-watchSpections .secondarybtn .iconfont{font-size: 14px;} .whiteBg{background: #fff;} select:focus{outline: none; } .section-pushBanner{position: relative; } /* .section-pushBanner img{filter: brightness(0.5); } */ .section-pushBanner .contentBlock {position: absolute; top: 0; left: 0; width: 100%; color: #fff; transform: translate(0, -50%); top: 50%;} .section-rolexWatches .homeContactBlock .imgBlock img{height: 100%; object-fit: cover;} #bookAnappointment .homeContactBlock label input{display: none;} #bookAnappointment .homeContactBlock label{margin-bottom: 0;} .gm-fullscreen-control{display: none;} .gmnoprint.gm-bundled-control{bottom: inherit !important;} .gmnoprint.gm-bundled-control .gmnoprint{top: 30px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div{background: none !important; box-shadow: inherit !important} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active{background: none !important; color: #fff; border-radius:100%; margin-bottom: 10px !important; width: 36px !important; height: 36px !important;} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active img{display: none;} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active{background-size:72%;} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active:after{background: url(../images/contact/map-more-brown-button.webp)left top no-repeat !important; width: 36px !important; height: 36px !important; content: ''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active + div{display: none;} .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active + div + .gm-control-active:after{background: url(../images/contact/map-mins-more-brown-button.webp)left top no-repeat !important; } @media (max-width: 1500px) { .section-contactForm .formFieldsRow > .fieldCol .fieldBox::before, .section-contactForm .formFieldsRow > .fieldCol .fieldBox::after{font-size: 13px;} } @media (max-width: 1000px) { .section-contactForm .formFieldsRow > .fieldCol .fieldBox::before, .section-contactForm .formFieldsRow > .fieldCol .fieldBox::after{font-size: 12px;} .pt-45{padding-top: 45px;} } @media (min-width: 1200px) { .section-modal-carousel .modal-carousel-img{height: 100%; width: 100%;object-fit: cover;} .filter-btn{margin-top: -15px;} } @media (max-width: 1199px) { .collection-watches .leftFilter{padding: 40px 0 84px; position: fixed; top: 0px; left: 0px; display: flex; flex-direction: column; width: 100%; height: 100%; overflow-y: auto; background-color: #f9f7f4; display: none; z-index: 9999;} .collection-watches .leftFilter .brownColor.mt-50{margin-top: 50px;} .collection-watches .leftFilter.showLeftsection{display: block;} .scrollNone{overflow: hidden;} .viewResult{display: inline-block;} .filter-btn span{display: none;} .filter-btn{border-radius:100%; width: 40px;height: 40px; line-height: 40px; padding: 0; text-align: center; margin-bottom: 0; justify-content: center; background: #282828;} .filter-btn img{filter: brightness(0) invert(1);} .mobileFacetsFooter {position: fixed; bottom: 0px; background: #000; width: 100%; left:0; z-index: 999; height: 84px; align-items: center; } .leftContent{padding-bottom:100px;} .viewResult{display: inline-block;} .section-rolexWatches .mobileTextfilter{font-size: 28px;} .top-header { background: #fff;} .navbar-toggler {padding: 0;} .collection-watches .leftFilter .listblock{padding-top: 20px; margin-bottom: 20px;} .closeFilter.btnRolex{margin-right: 20px;} } @media (min-width: 767px) { .bordercarRight{position: relative;} .bordercarRight:after{ position: absolute; height: 100%; height: 100%; width: 8px; background: #fff; content: ''; left:50%; margin-left: -4px; top:0;} .ml-40{margin-left: 40px;} } @media (max-width: 992px) { .mobileFilter{margin-bottom: 20px;} .carouselContent .hoverText{justify-content: center;} .section-modal-carousel{padding:0;} .carouselContent .addressTool li:last-child{margin-right: 0;} .section-availabilty{padding-top: 30px; margin-bottom: 0;} .cover::after{display: none;} .carouselContent .dropdown-menu:before{display: none;} .section-modal-carousel .container-fluid{padding: 0;} .carouselContent .title-small, .carouselContent .title-medium, .carouselContent p, .carouselContent .hoverText, .modalText a, .carouselContent .hoverText a{color: #212121 !important;} .section-modal-carousel{overflow: hidden;} .cover.hidevideo #video{height: 415px;} .cover{height: 415px;} .cover #video1{height: 100% !important;} } @media (max-width: 1200px) { .homeSlider .itemContent .title span{display: block;} } @media (max-width: 766px) { .mobileP .container-wrapper{padding: 0;} .mobileP .darkgraybg {padding-left: 7%; padding-right: 7%;} .section-rolexWatches .mobileTextfilter{font-size: 24px;} .rolexDeliveryMessage{margin-top: 25px;} .section-watchSpections ul li{font-size: 14px;} .section-modal-carousel .swiper-pagination-bullet{width: 30px;} .section-modalVideo p{font-size: 16px;} .section-mainBanner.modal-mainBanner .title-big{font-size: 22px;} .section-mainBanner.modal-mainBanner .title-push.mb-4{margin-bottom: 10px !important;} .section-mainBanner.modal-mainBanner .bannerContainerHover .btnRolex{margin-top: 0!important;} .carouselContent .dropdown-menu{transform: inherit !important; max-width:100%; margin-top: 10px;} .section-modalVideo p{margin-top:20px;} .watchFeature .title-grid{font-size: 14px !important; letter-spacing: .8px; !important;} .section-welcomeText.topHeading .title-big{ font-size:24px !important; line-height: 30px !important;} .section-watchSpections.mobileP .pb-90{padding-bottom:40px;} .pagination{margin-top: 20px;} .mbmobile-40{margin-bottom: 40px !important;} .swiper-pagination-modal{margin-top: 40px;} .bottomBanner{margin-bottom: 68px;} .title-grid, .sectionSlider .swiper-slide a{font-size: 13px;} .title-section{font-size: 14px;} .section-listingView .listingContact{margin-bottom: 15px;} .section-rolexExperience.contactNew .contentBlock .title-big{font-size: 24px; line-height: 30px;} .title-big, .title-medium{font-size: 24px; line-height: 34px;letter-spacing: 1.3px;} .section-chessBlocks.ourHistory .row, .section-chessBlocks.ourShowrooms .row{margin-bottom: 10px;} .mainPara{font-size: 14px; line-height: 24px;} .section-rolexExperience, .section-chessBlocks.bgBlack{margin-bottom: 30px;} .section-chessBlocks{margin-bottom: 0;} .section-rolexExperience .imgBox{margin-bottom: 20px;} .section-chessBlocks .contentWrapper{padding: 24px 0;} .section-chessBlocks.bgBlack .contentWrapper{padding: 15px;} .cover:after{height: 19px; bottom: -1px; left:-1px; width: 101%;} .mobileFacetsFooter{height: 80px;} .viewResult{height: 36px; line-height: 36px; padding: 0 25px; font-size: 14px;} .filter-btn{height: 36px; width: 36px; line-height: 36px;} .section-availabilty, .section-modalVideo{padding-bottom: 30px;} .section-modalVideo{margin-bottom: 30px; margin-top: 30px;} .checkboxText {font-size: 14px;} .cover.hidevideo #video{height: 100%;} .cover{height: 68vh; } .section-rolexWatches .rolexWatch a span{font-size: 11px; white-space:normal;} .cover .btnClick, .section-modalVideo .cover .btnClick{width: 45px; height: 45px; line-height: 45px; font-size: 14px; transform: translate(-50%, -50%);} .cover #video{height: 100%;} .section-availabilty{margin-bottom: 30px;} .collection-watches .leftFilter{padding: 30px 25px;} .closeFilter.closeMobile{position: static;width: 100%; text-align: right;} .collection-watches .leftFilter .brownColor.mt-50{margin-top: 20px;} } @media (max-width: 420px) { .cover.hidevideo #video{height: 100%;} .cover{height: 30vh;} .cover img{object-fit: cover;} } @media (min-width: 767px) { #locations-panel {left: -410px; transition: .6s;} .showleftPart #locations-panel {left: 0;} .showleftPart #map {left:410px; transition: .6s;} .section-rolexWatches .homeContactBlock .imgBlock {/*height: 22vh;*/ aspect-ratio: .8/1;} .sectionContainer .contactContent{width: 35vw; padding: 0 10%;} .gMap{width: 65vw;} .contactList > li:first-child { margin-top:0px;} .contactList > li { margin-top: 10px;} } @media (min-width: 1000px) { .section-rolexWatches .homeContactBlock .imgBlock {/*height: 40vh;*/ aspect-ratio: .8/1;} } @media (max-width: 990px) { .section-contactForm .formFieldsRow { margin: 0 -10px; padding: 0;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-fName, .section-contactForm .formFieldsRow > .fieldCol.frmFld-phone {max-width: 76%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-sex, .section-contactForm .formFieldsRow > .fieldCol.frmFld-ext {max-width: 24%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-orAnd, .section-contactForm .formFieldsRow > .fieldCol.frmFld-lName, .section-contactForm .formFieldsRow > .fieldCol.frmFld-email { max-width: initial;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-msg { margin: 40px 0 30px;} .section-contactForm .fldCheck { margin-bottom: 30px;} .section-contactForm .checkboxText + .checkboxText {margin-top: 30px;} .section-contactForm .textRequired {margin-bottom: 20px;} .section-listingView .listContentBlock{padding: 40px 10%;} .accordion.mb-40{margin-bottom: 40px;} .contactList > li:first-child { margin-top:10px;} .contactList > li .iconimg{margin-right: 20px;} } /*@media screen and ( min-width: 992px ){ .sectionContainer .contactContent{width: 30vw; padding: 0 4%;} } @media screen and ( min-width: 1300px ){ .sectionContainer .contactContent{width: 35vw; padding: 0 6%;} }*/ @media screen and ( min-width: 1700px ){ .sectionContainer .contactContent{width: 30vw; padding: 0 7%;} } @media screen and ( max-width: 767px ){ .coverNew{ aspect-ratio: 1/.56333;} .section-availabilty .whiteBg{padding-left: 20px; padding-right: 20px;} .section-modal-carousel {padding-bottom: 50px;} .confirmedDetail{padding: 40px 5%;} .confirmedDetail li.mb-30{margin-bottom: 20px;} .confirmedDetail.mb-40{margin-bottom: 30px;} .showleftPart #locations-panel {display: block; } #locations-panel{max-width: 100%;} #locations-panel { -ms-flex-order: 1; order: 1; width: 100%; top: 50%; right: 0; left: 0; display: none;} .floating label{top:19px;} .section-contactForm .formFieldsRow > .fieldCol .customSelect select{padding-right: 20px;} .section-contactForm .formFieldsRow > .fieldCol{margin-bottom: 45px;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-email, .section-contactForm .formFieldsRow > .fieldCol.frmFld-orAnd{margin-bottom: 16px;} .section-contactForm .formFieldsRow > .fieldCol .fieldBox::before, .section-contactForm .formFieldsRow > .fieldCol .fieldBox::after {font-size: 12px;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-fName, .section-contactForm .formFieldsRow > .fieldCol.frmFld-phone{max-width: 60%;} .section-contactForm .formFieldsRow > .fieldCol.frmFld-sex, .section-contactForm .formFieldsRow > .fieldCol.frmFld-ext{max-width: 40%;} .section-contactForm .w-full{padding: 30px;} .rolexWatchfour .mb-90{margin-bottom: 50px;} .rolexWatchfour.pb-40{padding-bottom: 10px;} .contactList > li i{margin: 0;} .contactList {margin: 0 -10px; justify-content: center;} .storeHours .dropdown-menu{width: 100%;} #map-container{height: auto; display: flex; flex-wrap: wrap; justify-content: center;} #map-container #map{height: 60vh; position:relative; width: 100%;} .closeItem{top:60%} .contactList > li{padding: 0 10px; margin-top: 0!important;} .sectionContainer .storeHours {margin-bottom: 30px;} .fldCheckPolicy-class{font-size: 10px;} .section-watchSpections .row{margin: 0 -10px;} .section-watchSpections .row [class*="col-"]{padding: 0 10px;} .breadcrumb li span{padding-left: 0;} .chatIcon{margin-right: 0 !important;} } @media screen and ( max-width: 500px ){ .closeItem{top:44%} .section-contactForm .checkboxText {padding-right: 10px;} .contactInfo{width: 100%;} .sectionContainer .contactContent{padding: 40px 8%;} .storeHours .dropdown-menu a {font-size: 14px;} } .pagination td{color: #fff; padding: 0 2px; border:1px solid #fff;} .pagination td a{padding: 7px 5px;color: #000; border-radius: 3px; font-weight: 600;} .pagination td a.active{background:#127749; color: #fff; padding: 7px 13px;} .mart-3{margin-top: -2px; vertical-align: top;} .modal-carousel-content .dropdown img + img, .modal-carousel-content .dropdown.show img{display: none;} .modal-carousel-content .dropdown.show img + img{display:inline-block;} .modal-carousel-content .dropdown-menu{transform: inherit !important; top:32px !important; background: #f8f7f3; border:none; width: 300px;padding: 15px; box-shadow: 0 0 3px rgba(0,0,0,.2); border-radius:0; z-index: 9;} @media screen and ( max-width: 500px ){ .modal-carousel-content .dropdown-menu { width: 100%; } } #map-container iframe + div{border: none !important;} .pceDisplay{visibility: hidden;} /*********************/ ul.contactList.contact-List-modal{border-bottom: 1px solid #e7e8ea;padding-bottom: 20px;} .secondarybtn.brownbtn {color: #452c1e;} .section-contactForm .form-control.graybg {background: #f9f7f4 !important;} .nav.nav-new .backbtn { margin-left: 15px;} .modal-carousel-content .contactInformation .dropdown-menu {transform: inherit !important;top: 0 !important;background: #f8f7f3;border: none;width: 370px;padding: 15px;box-shadow: 0 0 3px rgba(0, 0, 0, .2);border-radius: 0;z-index: 9;left: 130px !important;} .modal-carousel-content .contactInformation .dropdown-menu a span {font-size: 13px; font-weight: 400;} .contactInformation span.dropdown-menu a:focus {box-shadow: none !important;} .contactInformation.dropdown.show a {color: #127749;} .contactInformation.dropdown.show a .fill-brown-text {fill: #127749;} .contactInformation.dropdown.show span a {color: #452c1e !important;} .section-modal-carousel .gallery-top img {max-width: 100%; object-fit: cover; width: 100%;} .open360View {position: absolute; right: 40px; bottom: 50px; z-index: 5; text-transform: none; cursor: pointer; transition: background-color .3s,color .3s,border-color .3s;} #rolexPreowned360Container {position: fixed; right: 0; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: auto; max-width: 600px; max-height: 600px; margin: auto; z-index: -999; opacity: 0; visibility: hidden;} #rolexPreowned360Background {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0; z-index: -998; visibility: hidden;} .rolexPreowned360-backdrop.hideScrolls {position: fixed; display: block; top: 0; left: 0; z-index: 1040; width: 100vw; overflow: hidden; height: 100vh; background-color: #000; opacity: 0.03;} #rolexPreowned360Container.showRolex { opacity: 1; z-index: 1041; visibility: visible;} #rolexPreowned360Background.showRolex { z-index: 998; opacity: 0.7; visibility: visible;} .section-WatchAccording .accordion{border-top: 1px solid #d5d5d5;} .section-WatchAccording .card{border:none; border-radius:0; border-bottom: 1px solid #d5d5d5 !important; background: none;} .section-WatchAccording .card .card-header{border:none; background: none; padding: 20px 0;} .section-WatchAccording .card .card-header button{border:none; background: none; display: block; width: 100%; text-align: left; position: relative;} .section-WatchAccording .card .card-body{padding: 0 0 30px;} .section-WatchAccording .card .card-header button:focus{outline: none;} .section-WatchAccording .card .card-header button[aria-expanded="true"]:after {position: absolute; right: 0; top: 50%; width: 12px; height: 12px; content: ''; background: url(../images/collection/minsIcon.png)center right no-repeat; transform: translateY(-50%);} .section-WatchAccording .card .card-header button[aria-expanded="false"]:after {position: absolute; right: 0; top: 50%; width: 12px; height: 12px; content: ''; background: url(../images/collection/plusIcon.png)center right no-repeat; transform: translateY(-50%);} @media screen and ( max-width: 1500px ){ .section-modal-carousel .gallery-top img{object-fit: contain;} } @media screen and ( min-width: 992px ){ .contactList.contact-List-modal > li {margin-top: 0;margin-bottom: 10px;width: 50%;} ul.contactList.contact-List-modal { width: 100%;} ul.contactList.contact-List-modal li{ width: 25%;} .rolexDeliveryMessage{width: 49%; display:inline-block !important;vertical-align: top;} .section-modal-carousel .gallery-top img, .section-modal-carousel .gallery-top{height: 100%;} .section-modal-carousel .gallery-top img, .section-modal-carousel .gallery-top { height: 100%; } } @media screen and ( min-width: 1200px ){ ul.contactList.contact-List-modal li{ width: 50% !important;} } @media screen and ( max-width: 1500px ){ .section-modal-carousel .gallery-top img{object-fit: contain;} .carouselbotomLink li:last-child{border-left:none;} } @media screen and ( max-width: 1100px ){ .section-modal-carousel .gallery-top img{object-fit: contain;} } @media screen and ( max-width: 1000px ){ .contactList.contact-List-modal > li:first-child { margin-top:10px !important;} .filter-btn{display: flex; algin-items:center;} .carouselContent{padding: 40px 15px;} .section-modal-carousel .blackBg{height: 100%;} .carouselbotomLink li{border:none; margin-bottom: 20px;} .section-modal-carousel .gallery-top img{height: 100%;} .open360View{right:20px;} .open360View{bottom: 30px; right:20px;} .section-modal-carousel .swiper-pagination1{bottom: 26px;} .carouselContent .addressTool{margin-bottom: 20px;} } @media screen and ( max-width: 767px ){ .carouselContent .addressTool li{width: 100%; margin-right: 0;} .contactList.contact-List-modal > li:first-child { margin-top:0 !important;} .carouselContent .addressTool li a span.icon{margin-right: 0;} ul.contactList.contact-List-modal {justify-content: center;margin-bottom: 20px!important;} .modal-carousel-content .contactInformation .dropdown-menu {top: 40px !important;left: -65px !important;} .modal-carousel-content .contactInformation .dropdown-menu a span {font-size: 10px;} .modal-carousel-content .contactInformation .dropdown-menu {width: 320px;} .ptmobile-40{padding-top: 40px !important;} .pt-45{padding-top: 45px;} .carouselContent .addressTool li a span + span{display: none;} .carouselContent .addressTool{display: flex; } .carouselContent .addressTool li{width: auto; margin-right: 25px;} .carouselContent .addressTool li:last-child{margin-right: 0;} .add_to_cart_form .mb-40{margin-bottom: 40px;} .blackBgMobile{background: #000;} .open360View img{width: 60px;} .section-modal-carousel .swiper-pagination1, .open360View{bottom: 20px;} .carouselContent{padding: 50px 30px;} .section-modal-carousel .container-wrapper{padding: 0;} #rolexPreowned360Container .close { top: -38px; } .add_to_cart_form{margin: 20px 0 40px !important;} .addToWishlistButton{margin-left: 20px;} .carouselbotomLink li{width: 100%;} .force-mb-30{margin-bottom: 30px !important;} .moblieBlock{display: block;} .section-watchSpections ul li{width: 50%;} } @media screen and ( min-width: 768px ) and (max-width:1150px){ .modal-carousel-content .contactInformation .dropdown-menu { width: 300px; left: 100px !important; } .modal-carousel-content .contactInformation .dropdown-menu a span { font-size: 11px; } } @media screen and ( min-width: 1200px ) and (max-width:1380px){ .filter-btn{padding: 0 20px;} } @media screen and ( min-width: 1200px ) and (max-width:1480px){ .collection-watches .leftFilter .listblock ul li label{align-items: start !important;} .section-watchSpections ul{ margin: 0 -15px;} .section-watchSpections ul li{ padding: 0 15px; } } @media screen and ( min-width: 767px ) and (max-width:1024px){ .carouselContent .addressTool li a span.icon{width: 40px; height: 40px; line-height: 40px; margin-right: 6px;} } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-left: 0;} .singleMap .gmnoprint.gm-bundled-control .gmnoprint .gm-control-active::after{z-index: -1;} .singleMap .gmnoprint menu{display: block !important;} .singleMap .gmnoprint menu li{display: none;} .singleMap .gmnoprint menu li:nth-of-type(5), .singleMap .gmnoprint menu li:nth-of-type(6){display: block;} .singleMap .gmnoprint menu li:nth-of-type(5) .gm-control-active{right: -45px !important; top:50px !important; background: url(../images/contact/map-more-brown-button.webp)left top no-repeat !important;} .singleMap .gmnoprint menu li:nth-of-type(6) .gm-control-active{right: -45px !important; display: block; background: url(../images/contact/map-mins-more-brown-button.webp)left top no-repeat !important;}