.breadcrumb{background: var(--gradientTheme); 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;}
.breadcrumb li svg{fill: #fff;}
.breadcrumb li span{padding-left: 8px;}
.quote-50 span{font-family: "Helvetica", sans-serif; font-weight: 300;}
.cover2 {background-size: cover;background-repeat: no-repeat; width: 100%; position: relative; cursor: pointer; display: flex;  background-position: center;}
.cover2 {background-image: url(../images/new-watches-2024/1908/2024_NP_OLYMPE_CLIP_30_1.webp);}
.cover {background-image: url(../images/watchmaking/assets_landscape/wathmaking-video1.webp);}
.cover3 {background-image: url(../images/watchmaking/assets_landscape/wathmaking-video2.webp);}
.cover4 {background-image: url(../images/watchmaking/assets_landscape/rolex-watchmaking-greenseal_2301_002a_rvb-landscape.webp);}
.cover5 {background-image: url(../images/watchmaking/assets_landscape/rolex-watchmaking-greenseal_2301_002a_rvb-landscape.webp);}
.procedure-cover {background-image: url(../images/services/servicing-procedure/assets_landscape/rolex-servicing-procedure-maxresdefault-landscape.webp);}
.worldRolex-cover {background-image: url(../images/world-of-rolex/sailgp/assets_landscape/rolex-sailgp-video-posterframe-m126233-0039_21pf_002.webp);}
.worldRolex-cover1 {background-image: url(../images/world-of-rolex/rolex-grand-slam-of-show-jumping/assets_landscape/rolex-grand-slam-of-show-jumping-posterframe-landscape.webp);}
.cover2 video {object-fit: cover; position: relative; z-index: -1;}
.cover2 .playButton, .homeCollection .playButton{background-image: url(../images/new-watches-2024/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/new-watches-2024/play-hover-button.svg);}
.btnRolex{background: #127749;  display: inline-block; padding: 0 30px; height: 44px; line-height: 44px;  font-weight: 600; border-radius: 30px; color: #fff; cursor: pointer;}
.btnRolex:hover{background: #006039;  color: #fff;}
.coverNew{position: relative; cursor: pointer; aspect-ratio: 16/9;  overflow: hidden;}
.coverNew iframe{height: 100%;}
.coverNew img {width: 100%;height: 100%; object-fit: cover;  }
.coverNew.hidevideo .addVideo { opacity: 0; z-index: -9;}
#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; vertical-align: top;}

.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: 40px; 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: 180px; 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: 42%;}
.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: 84%;}
.section-contactForm .formFieldsRow > .fieldCol.frmFld-sex, .section-contactForm .formFieldsRow > .fieldCol.frmFld-ext{ max-width: 16%;}
.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-us/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; position: absolute; margin-top: -30px; font-size: 14px;  font-weight: 600;}
.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;}
.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:first-child{margin-top: 0px;}
.section-watchSpections .contentBox li{margin-top: 20px;}
.section-watchSpections .contentBox li strong{font-weight: 700;}
.section-watchSpections .contentBox li span{font-weight: 300; display: block;}
.section-watchSpections .secondarybtn .iconfont{font-size: 14px;}
.whiteBg{background: #fff;}
select:focus{outline: none; }
.section-pushBanner{position: relative; }
.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-us/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-us/map-mins-more-brown-button.webp)left top no-repeat !important; }
@media (min-width: 1200px) {
.section-modal-carousel {height: 80vh;}
.section-modal-carousel .modal-carousel-img{height: 100%; width: 100%;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;}
}
@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%;}
}
@media screen and ( min-width: 767px ){
    .sectionContainer .contactContent{width: 50vw; padding: 0 3%;}
     .gMap{width: 65vw;}
     .contactList > li:first-child { margin-top:0px;}
     .contactList > li { margin-top: 10px;}
}
@media screen and ( min-width: 992px ){
    .sectionContainer .contactContent{width: 35vw; 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: 35vw; padding: 0 10%;}
   
}


@media screen and ( max-width: 767px ){
    .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;}
    .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;}

}

@media screen and ( max-width: 500px ){
        .closeItem{top:44%}
        .section-contactForm .checkboxText {padding-right: 10px;}
        .contactInfo{width: 100%;}
        .sectionContainer .contactContent{padding: 40px 8%;}
}
.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;}
.pagination td {
    color: #fff;
    padding: 0 2px;
    border: 1px solid #fff;
}


.pagination td a.active {
    background: #127749;
    color: #fff;
    padding: 7px 13px;
}
.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;
}

@media screen and ( max-width: 500px ){
.modal-carousel-content .dropdown-menu {  width: 100%; }
.storeHours .dropdown-menu a {font-size: 14px;}
}
#map-container iframe + div{border: none !important;}
a:focus, a:focus-visible{outline: none; box-shadow: inherit}
.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-top: 20px !important;     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;}

@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%;}
}
@media screen and ( min-width: 1200px ){
    ul.contactList.contact-List-modal li{ width: 50% !important;}

}
@media screen and ( max-width: 992px ){
    .contactList.contact-List-modal > li:first-child { margin-top:10px !important;}

}

@media screen and ( max-width: 767px ){
    .contactList.contact-List-modal > li:first-child { margin-top:0 !important;}

    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;}
    #formContainer { padding: 0 10px;}
}

@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;
    }
    }

    .orderList li { list-style: disc; margin-left: 20px;}
    
     /*new modal page css here*/ 
  ul.contactList.contact-List-modal{padding-bottom: 0; border-bottom: none;} 
@media screen and ( min-width: 767px ){
.section-watchSpections .contentBox ul {padding-left: 0;margin-bottom: 0; margin:0 -4px;}
.section-watchSpections .contentBox ul.thridShow {padding-right: 10%; margin: 0 -8px;}
.section-watchSpections .contentBox ul.thridShow li { display: block;  margin-bottom: 20px; margin-top: 0;  padding:0 8px;  width: 33.333%;}
}

@media screen and ( max-width: 1100px ){
    .section-watchSpections .contentBox ul.thridShow{padding-right: 0;}
    .mobileP .section-watchSpections{padding-left: 7%; padding-right: 7%;}
}
@media screen and ( max-width: 767px ){
.section-watchSpections .contentBox ul {padding-left: 0;margin-bottom: 0; margin:0 -4px;}
.section-watchSpections .contentBox ul li { display: block;  margin-bottom: 20px;  padding:0 4px;  width: 50%; }
.mobileP .darkgraybg {  padding-left: 7%;  padding-right: 7%; }
.mobileP .container-wrapper { padding:0;  }
.section-watchSpections .contentBox ul.thridShow li{margin-top: 0;}
ul.contactList.contact-List-modal{margin-bottom: 0 !important; border-bottom: 0;}
.PB-0{padding-bottom: 0 !important;}
#modalavailability .darkgraybg {padding-left: 5%; padding-right: 5%;}
.ptm_None{padding-top: 0;}
}
.section-WatchAccording .card .card-header { border:none;  background:none;  padding:20px 0;}
.section-WatchAccording .card .card-header button:focus { outline:none;}
.section-watchSpections .greenBtn .iconfont{font-size: 14px;}
.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 button { border:none;  background:none;  display: block;  width: 100%;  text-align: left;  position: relative; cursor: pointer;}
.section-WatchAccording .card .card-header button[aria-expanded="true"]:after { position: absolute;  right: 0;  top: 50%;  width: 12px;  height: 12px; content: '';
  background:url(../images/rolexmodal/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/rolexmodal/plusIcon.png)center right no-repeat;  transform: translateY(-50%);}
.modalGallery { position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  background: #f9f7f4;;  display: flex;  justify-content: center;  align-items: center;  z-index: 9999;}
.gallery{display: flex;  margin: 0 -4px;}
.gallery .thumb{width: 25%;  padding: 0 4px; cursor: pointer;}
#accordionExample .card-body{padding-left: 0;  padding-right: 0;}
.swiper {  width: 80vw;  height: 80vh;}
.swiper img {  width: 100%;  height: 100%;  object-fit: contain;}
.swiper-pagination-gallery, .swiper-paginationmobile{text-align: center; margin-top: 40px;}
.swiper-pagination-gallery .swiper-pagination-bullet, .modal-carousel-mobile .swiper-pagination-bullet{width: 20px; height: 4px; border-radius:.25rem; background:#d4d4d4;  margin:0 4px;  opacity: 1;  transition:all 0.3s linear;}
.swiper-pagination-gallery .swiper-pagination-bullet-active, .modal-carousel-mobile .swiper-pagination-bullet-active {background:#127749;  color: #127749; width: 50px;}
.swiper-button-prev-gallery, .swiper-button-next-gallery{background: rgba(118,118,118, 0.3); border-radius:100%;  text-align: center;  line-height: 43px;  color: #fff; position: absolute;  top: 50%;  width: 44px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;}
.swiper-button-next-gallery{right:22%}
.swiper-button-next-gallery:hover, .swiper-button-prev-gallery:hover{background: #767676;}
.swiper-button-prev-gallery{left:22%;}
.swiper-button-prev-gallery .iconfont, .swiper-button-next-gallery .iconfont {font-size: 12px;}
.swiper-button-next-gallery.swiper-button-disabled, .swiper-button-prev-gallery.swiper-button-disabled{display: none;}
.btnCloseGallery{position:absolute;top:40px;right:30px;z-index:1000; border-radius:100%; cursor: pointer; border:none; background: rgba(118,118,118, 0.3); width: 38px; height: 38px; line-height: 32px; text-align: center; font-size: 12px;}
.btnCloseGallery .iconfont{font-size: 18px; display: inline-block;  vertical-align: top;  margin-top: -1px;}
.btnCloseGallery:focus{outline: none;}
.modal-carousel-mobile{overflow: hidden; padding: 60px 0; }
 .swiper-paginationmobile{margin-top: 35px; position: relative; z-index: 2; bottom: 0;}
 .modal-carousel-mobile .swiper-wrapper img{position: absolute;  object-fit: contain; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
 .modal-carousel-mobile .swiper-wrapper .swiper-slide{padding-bottom: 100%;border-right:1px solid #f9f7f4;}
 .contactList > li .iconimg{background: #fff;}