:root {
 --gradientTheme:linear-gradient(90deg, #0b3e27, #197149);
 --whiteColor:#fff;
 --activeColor:#61bd93;
 --blackColor:#000;
}
*{margin: 0;padding: 0;}
ul, li{list-style: none; margin-bottom: 0;}
.pr-10{padding-right: 10px;}
.pl-10{padding-left: 10px;}
.MB-5{margin-bottom: 5px;}
.MT-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-60{margin-bottom: 60px;}
.mb-50{margin-bottom: 50px;}
.pr-20{padding-right: 20px;}
.container-wrapper{width: 100%;}
a:hover, a:focus{text-decoration: none; outline: line;}
html,body{font-size: 14px;  font-family: "Helvetica", sans-serif; color: #212121; line-height: 1.2;}
.quote-50{font-family: 'Georgia';}
.rolexHeader{background: var(--blackColor);  position: sticky;  top: 0;  z-index: 99;}
.rolexHeader .rolexContainer{ height: 110px;}
.rolexNavContainer #toggleMenu {color: #fff; text-decoration: none; transition: all 0.3s linear; }
.rolexNavContainer #toggleMenu svg {transition: all 0.3s linear; }
.rolexNavContainer #toggleMenu.showToggleMenu svg{ rotate: 180deg;}
.rolexNavList > li{position: relative;margin-left: 2.5vw;}
.rolexNavList > li a{color: var(--whiteColor); }
.rolexNavList > li a.active, .rolexNavList > li a:hover{color: var(--activeColor);}
.fill-white{margin-left: 10px;}
.homeSlider{overflow: hidden; position: relative;}
.homeSlider .swiper-button-home-prev:hover, .homeSlider .swiper-button-home-next:hover, .sectionSlider .swiper-button-prev:hover, .sectionSlider .swiper-button-next:hover, 
.swiper-button-prev-modal:hover,.swiper-button-next-modal:hover{background: #767676;}
.homeSlider .swiper-button-home-prev, .homeSlider .swiper-button-home-next, .sectionSlider .swiper-button-prev, .sectionSlider .swiper-button-next, .swiper-button-next-modal, .swiper-button-prev-modal{background: rgba(118,118,118, 0.3); width: 44px; height: 44px; border-radius:100%; text-align: center; line-height: 43px; color: #fff;}
.homeSlider .swiper-button-home-prev,.homeSlider .swiper-button-home-next, .swiper-button-next-modal, .swiper-button-prev-modal{position: absolute; top: 50%;    z-index: 10;  cursor: pointer; transform: translateY(-50%);}
.homeSlider .swiper-button-home-prev{left:2.9%}
.homeSlider .swiper-button-home-next{right:2.9%}
.homeSlider .swiper-button-home-prev .iconfont{margin-left: -3px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next-modal.swiper-button-disabled, .swiper-button-prev-modal.swiper-button-disabled{display: none !important;}
.homeSlider img{width: 100%;}
.homeSlider .iconfont, .sectionSlider .swiper-button-prev .iconfont, .sectionSlider .swiper-button-next .iconfont, .swiper-button-prev-modal,.swiper-button-next-modal {font-size: 12px;}
.swiper-paginationhome{text-align: center; position:absolute; z-index: 9;}
.homeWatchSlider  .swiper-pagination-bullet, .sectionSlider .swiper-pagination-bullet{width:20px; height: 4px; border-radius: .25rem; background: #fff; opacity:1; transition: all 0.3s linear;}
.homeWatchSlider  .swiper-pagination-bullet, .sectionSlider .swiper-pagination-bullet{width:20px; height: 4px; border-radius: .25rem; background: #fff; opacity:1; transition: all 0.3s linear;}
.homeWatchSlider  .swiper-pagination-bullet-active, .sectionSlider .swiper-pagination-bullet-active, .swiper-pagination1{width:50px;}
.homeWatchSlider{margin: 0 auto; position: relative;  overflow: hidden;  list-style: none;  padding: 0;  z-index: 1;}
.homeSlider .itemContent{position: absolute;  width: 100%; }
.homeSlider .itemContent .whiteText, .whiteText{color: #fff;}
.homeSlider .blackPagination  .itemContent .whiteText{color: #452c1e;}
.swiper-paginationhome span:last-child{}
.homeSlider .itemContent .title{margin-bottom: 20px;}
.greenBtn{background: #127749; display: inline-block; padding: 0 30px; height: 44px; line-height: 44px; font-weight: 600; border-radius:30px; color: #fff;}
.greenBtn:hover{background: #006039; color: #fff;}
.section-rolexWatches .watchContent{display: block; background: var(--blackColor); color: #fff; height: 100%; }
.section-rolexWatches .watchContent i, .section-rolexWatches .watchContent em{font-style: normal;}
.section-rolexWatches .swiper-pagination-bullet{background: #d4d4d4;margin: 0 4px;}
.section-rolexWatches .swiper-pagination-bullet-active{background:#127749 ; color: #127749;}
.section-rolexWatches .swiper-pagination, .homeWatchSlider .swiper-pagination-home{width: 100%; text-align: center; position: relative; margin-top: 30px;}
.section-rolexWatches .swiper-button-prev, .sectionSlider .swiper-button-next{background: #d4d4d4; }
.section-rolexWatches .swiper-button-prev:hover, .sectionSlider .swiper-button-next:hover{background: #767676; }
.section-rolexWatches .swiper-button-prev{left:-70px}
.section-rolexWatches .swiper-button-next{right:-70px}
.section-rolexWatches .swiper-button-prev .iconfont{margin-left: -3px;}
.homeWatchSlider .swiper-slide{height: auto; overflow: hidden;}
img{max-width: 100%; height: auto;}
.brownColor{color:#452c1e;}
.fontWeight{font-weight: normal;}
.graybg{background: #f9f7f4;}
.darkgraybg{background: #f4efea;}
.homeCollection .imgBlock img, .sectionSlider .imgBlock img{transition: all .8s ease-in-out 0s;}
.homeCollection .imgBlock:hover img, .sectionSlider .imgBlock:hover img{transform: scale(1.1);}
.overflow-hidden{overflow: hidden;}
.secondarybtn{color:#127749; font-size: 14px; font-weight: 600;}   
.secondarybtn:hover {color: #212121;}         
.secondarybtn .iconfont {font-size: 9px; font-weight: normal; margin-left: 6px;}            
.secondarybtn:hover{color:#212121;}   
.sliderContainer{position: relative;}
.sectionSlider .brownColor:hover{color: #452c1e;}        
.sectionSlider .swiper-pagination-bullet{background: #d4d4d4;margin: 0 4px;}
.sectionSlider .swiper-pagination-bullet-active{background:#127749 ; color: #127749;}
.sectionSlider .swiper-pagination{width: 100%; text-align: center; position: relative; margin-top: -9px;}
.sectionSlider .swiper-button-prev, .sectionSlider .swiper-button-next{background: #d4d4d4; }
.sectionSlider .swiper-button-prev:hover, .sectionSlider .swiper-button-next:hover{background: #767676; }
.sectionSlider .swiper-button-prev{left:-70px}
.sectionSlider .swiper-button-next{right:-70px}
.sectionSlider .swiper-button-prev .iconfont{margin-left: -3px;}
.rolexFooter{background: var(--blackColor);}
.rolexFooter .footerNavWrapper{border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.backTotopbar .iconfont{font-size: 15px; font-weight: normal; }
.backTotopbar a:hover{color: #fff;}
.hSection-2 .row .col-md-6:last-child .homeContactBlock, .hSection-3 .row .col-6:last-child .homeContactBlock {margin-bottom: 0;}
.sectionSlider .brownColor.active{color: #127749;}
.rolexLogo img{filter: brightness(0) invert(1);}
#modalinformation p.fixed-16-light {line-height: 30px;}
.sectionSlider .swiper-slide .imgBlock  a:before{position: absolute; content: ''; left:0; right:0; top:0; bottom: 0; z-index: 2;}
.sectionSlider .swiper-slide .imgBlock  a:before{left:-8px; bottom: 14px;}
.sectionSlider .swiper-slide  a{display: block;}
.sectionSlider .swiper-slide  a{display: block;}
.rolexExperience img { width: 100%;}
.homeContactBlock img { width: 100%;}

.spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}