@charset "UTF-8";

:root{--clrTheme:#977d32;--clrThemeLight:#e6d391}
body{color:#222;font-family:Asap,sans-serif;font-size:14px}
a{text-decoration:none;outline:0;color:inherit}
.h1,.h2,.h3,h1,h2,h3{color:#191919}
a:hover{text-decoration:none;color:var(--clrTheme)}
a[disabled]{pointer-events:none;cursor:default}
.btn-theme{color:#fff;background-color:var(--clrTheme);border-color:var(--clrTheme)}
.btn-theme.active,.btn-theme.focus,.btn-theme:active,.btn-theme:focus,.btn-theme:hover{color:#fff;background-color:#0f0f0f;border-color:#0f0f0f}
.header{width:100%;float:left;position:relative}
.headerTop{background-color:#ebebed}
.headerTop .topNavList{margin:0 -10px;padding:0;list-style:none;position:relative}
.headerTop .topNavList>li,.navFavicon .topNavList>li{margin:0;padding:0 4px;position:relative;list-style:none}
.headerTop .topNavList>li.socialLinks>a,.navFavicon .topNavList>li.socialLinks>a{margin:0;line-height:30px}
.headerTop .topNavList>li .dropdown>a,.headerTop .topNavList>li>a,.navFavicon .topNavList>li .dropdown>a,.navFavicon .topNavList>li>a{display:inline-block;font-size:12px;line-height:24px;padding:0 10px;margin:3px 0;text-transform:uppercase;border-radius:30px;border:1px solid transparent;color:#191919;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.headerTop .topNavList>li.phoneIcon span,.navFavicon .topNavList>li.phoneIcon span{margin-left:5px}
.headerTop .topNavList>li .dropdown>a .fa,.headerTop .topNavList>li>a .fa,.navFavicon .topNavList>li .dropdown>a .fa,.navFavicon .topNavList>li>a .fa{font-size:16px;vertical-align:middle}
.headerTop .topNavList>li .dropdown-menu{right:0;left:inherit;padding:0;margin:0;border-radius:2px}
.siteSearch .dropdown-menu{width:240px}
.headerTop li .autoSearch{right:-7px!important}
.headerTop li .autoSearch,.mainNavList>li .autoSearch{position:absolute;right:0;left:-6px;top:100%!important;transform:none!important;padding:0;margin:0;display:block;overflow:hidden;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;border:none!important;box-shadow:inherit!important}
.headerTop li form .form-control:not(:placeholder-shown)~.autoSearch .autoSearchList,.mainNavList>li form .form-control:not(:placeholder-shown)~.autoSearch .autoSearchList{max-height:380px;overflow-y:auto}
.headerTop li .autoSearchList,.mainNavList>li .autoSearchList{margin:-2px 0 0;padding:0;list-style:none;border:1px solid #d5d5d5;background-color:#fff;max-height:0;overflow:hidden;overflow-y:hidden;-webkit-transition:max-height .4s linear;-moz-transition:max-height .4s linear;-o-transition:max-height .4s linear;transition:max-height .4s linear}
.headerTop .topNavList>li .dropdown-menu li:first-child{border-top:none}
.headerTop .topNavList>li .dropdown-menu li{width:100%;float:left;border-top:1px solid #ddd;padding:0}
.headerTop .autoSearchList>li,.mainNavList>li .autoSearchList>li{width:100%;margin:0;padding:7px 12px;border-top:1px solid #d5d5d5;font-size:12px}
.headerTop .topNavList>li .dropdown-menu li a{display:block;padding:8px 15px}
.headerTop .autoSearchList>li>a,.mainNavList>li .autoSearchList>li>a{display:block;padding:0;color:#191919}
.navFavicon .topNavList{margin-top:7px;margin-bottom:0;padding-left:0;width:25%}
.navFavicon .topNavList>li{display:inline-block}
.navFavicon .topNavList>li>a{padding:0 8px}
.siteSearch *{border-radius:0}
.mainNavList>li .section-subscribe{padding:14px;overflow:inherit}
.mainNavList>li .section-subscribe h4{text-transform:uppercase;font-size:17px;font-family:"Open Sans Condensed"}
.section-subscribe .input-group .form-control{box-shadow:none;border-color:var(--clrTheme)}
.section-subscribe .input-group *{border-radius:0}
.btn-black{color:#fff;background-color:#191919;border-color:#191919}
.mainNavList>li .section-subscribe .msg{position:absolute;bottom:-19px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:999}
.headerTop .topNavList>li .dropdown-menu:before{content:"▲";position:absolute;right:15px;top:-15px;color:#ccc;text-shadow:0 -1px 1px 0 #d5d5d5;font-size:14px;font-family:arial}


/*********** Footer **********/
footer{width:100%;float:left;padding:0;background-color:#eee}
footer .footerLogo{padding-bottom:15px;border-bottom:1px solid #acacac}
footer .footerLogo img{mix-blend-mode:multiply}
footer .title{display:block;text-transform:uppercase;font-size:16px;margin:0 0 12px}
footer .newsletterBox .form-control{border-radius:0}
footer .certificates{background-color:var(--clrThemeLight)}
footer .certificates img{max-width:100%}
.foterNav{margin:0;padding:0;list-style:none}
.foterNav>li{margin:7px 0 0;padding:0}
.foterNav>li:first-child{margin-top:0;padding-left:0}
.foterNav>li>a{display:inline-block; font-size: 14px;}
.foterNav>li>a p{color:#191919}
.contactNav>li .fa{width:24px}.socialNav{margin:0 -12px}
.socialNav>li{margin:0;padding:0 12px}
.socialNav>li>a>span{display:inline-block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;color:#191919}
.socialNav>li:hover>a>span{background-color:var(--clrTheme);color:#fff}
.footerInfoList{margin:0 -10px;padding:10px 0;list-style:none}
.footerInfoList>li{margin:5px 0;padding:0 10px 0 20px;position:relative}
.footerInfoList>li:before{position:absolute;left:0}
.copyrightBox{background-color:#fff;margin:0}
.owl-carousel .owl-item img, .storyBlock img, footer .footerLogo img, .certificates img, .mainNavList > li.otherLogo img, footer .certificates img{height: auto;}
.socialNav>li a{font-size:20px}
.socialNav>li:last-child{padding-right:0}
.copyrightBox p{padding:5px 0; font-size: 14px;}
@media (min-width: 992px) {
    .header .headerMid{margin-bottom:50px}
    .navOverlay{width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;z-index:999;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
    .navFavicon{height:0;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
    .mainNavList{margin:0;padding:0;list-style:none;text-align:center}
    .mainNavList>li{margin:0;padding:0;font-family:Asap,sans-serif;display:inline-block}
    .mainNavList>li>a{display:block;color:#191919;font-size:14px;text-transform:uppercase;padding:12px 35px}
    .mainNavList>li .megamenuWapper{overflow:hidden;position:absolute;z-index:999;left:0;right:0;top:100%;background-color:#eee;padding:10px 0 30px;transition:all .8s linear;display:none}
    .navCatList{margin:0 -15px;padding:0;list-style:none;text-align:left}
    .navCatList>li{flex:1 1 25%;max-width:25%;padding:0 15px}
    .navCatList>li>a{display:block;font-size:17px;font-weight:100;color:var(--clrTheme);text-transform:uppercase;font-family:"Open Sans Condensed";position:relative}
    .navCatList>li>.navCatChildList{margin:0;padding:10px 0 0;list-style:none;width:100%}
     .navCatList>li>.navCatChildList>li:first-child{padding-top:0}
    .navCatList>li>.navCatChildList>li>a{display:inline-block;color:#595959;font-size:14px;text-transform:capitalize}
    .mainNavList>li.rolexClock{right:15px}
    .mainNavList>li.otherLogo,.mainNavList>li.rolexClock{position:absolute;top:-130px}
    .mainNavList>li{margin:0;padding:0;font-family:Asap,sans-serif;display:inline-block}
    .navOverlay.navFixed{bottom:auto;top:0;position:fixed;background-color:#fff;box-shadow:0 0 10px #d5d5d5}
    .mainNavList>li:hover .megamenuWapper{max-height:1000px;display:block}
    .mainNavList>li.siteSearch .dropdown-menu{width:200px}
    .navOverlay.navFixed .navFavicon{height:50px;opacity:1;visibility:visible}
    .navFavicon{height:0;opacity:0;visibility:hidden;transition:all .4s ease-in-out}
    .navFavicon .fixedLogo img{height:50px;width:auto;padding-top:10px}
    .navCatList>li>a::before{content:"";position:absolute;left:0;bottom:0;width:80px;height:1px;background-color:var(--clrTheme)}
    .navCatList>li>.navCatChildList>li{margin:0;padding:5px 0 0}
    .navCatList>li>.navCatChildList>li:first-child{padding-top:0}
}

@media (max-width: 990px) {
    .toggleMenu span{width:100%;height:1px;display:block;background-color:#191919}
    .toggleMenu{width:54px;padding:12px;display:inline-block}
    .siteLogo img{height:55px;width:auto}
    .headerMid{padding-right:54px}
    .toggleMenu span:nth-child(2){margin:10px 0}
    .navOverlay{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;visibility:hidden}
    .mainNavigation,.navOverlay{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
    .mainNavigation{width:280px;background-color:#fff;position:relative;left:-100%}
    .mainNavigation .navFavicon{display:none}
    .mainNavHeader{height:50px;border-bottom:1px solid #d5d5d5}
    .mainNavHeader .logo{max-width:75px}
    .mainNavHeader .closeMe{width:45px;height:45px;text-align:center;line-height:44px;font-size:30px;position:absolute;left:0}
    .mainNavList{margin:0;padding:0;list-style:none;height:calc(100vh - 45px);overflow-y:auto;display:flex;flex-direction:column}
    .mainNavList>li{margin:0;padding:0;border-bottom:1px solid #d5d5d5;position:relative}
    .mainNavList>li>a{display:block;padding:8px 12px}
    .mainNavList>li.ddYes>a{pointer-events:none;position:absolute;left:0;top:0;right:0}
    .mainNavList>li.ddYes>a::before {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 1px solid #a5a5a5;
        border-bottom: 1px solid #a5a5a5;
        transform: rotate(45deg);
        float: right;
        margin-top: 2px;
    }
    .mainNavList>li .megamenuWapper {
        overflow: hidden;
        position: relative;
        margin: 0;
    }
        .mainNavList>li .megamenuWapper>.toggleSubMenu {
        display: block;
        padding: 8px 12px;
        height: 36px;
        margin: 0;
    }
        .navCatList {
        margin: 0 10px;
        padding: 0;
        list-style: none;
        background-color: #f9f9f9;
    }
        .navCatList>li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #d5d5d5;
        position: relative;
    }
    .navCatChildList {
        margin: 0;
        padding: 0;
        list-style: none;
        position: fixed;
        background: #fff;
        height: 100vh;
        overflow-y: auto;
        z-index: 999;
        width: 280px;
        top: 50px;
        left: -100%;
        transition: all .4s ease-in-out;
    }
    .navCatChildList>li:first-child {
        border-top: none;
        background: #977d32;
    }
    .navCatChildList>li:first-child a {
        color: #fff;
        font-size: 16px;
        padding-left: 35px;
    }
        .navCatChildList>li a.closeDropdown {
        position: absolute;
        left: 16px;
        top: -1px;
        font-size: 24px;
        padding: 0;
    }
        .mainNavList>li.rolexClock {
        border-bottom: none;
    }
        .mainNavList>li.otherLogo, .mainNavList>li.rolexClock {
        text-align: center;
        width: 100%;
    }
        .mainNavList>li.rolexClock .rolex-retailer-clock .LinkEnabler {
        width: 90% !important;
    }
        .showMainNav .mainNavigation {
        left: 0;
    }
    .showMainNav .navOverlay {
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }
        .mainNavList>li.ddYes {
        height: 36px;
        overflow: hidden;
    }
     
}
@media (max-width: 990px) {
   .header .headerMid .container {
        padding: 0;
    }
    .mainNavList>li.ddYes {
        height: 36px;
        overflow: hidden;
    }
    .mainNavList>li.ddYes.show {
        height: auto;
    }
        .mainNavigation .container {
        padding: 0;
        width: 100%;
    }
    .navCatList>li>a {
        display: block;
        padding: 8px 12px;
    }
        .navCatList>li>a span {
        float: right;
        font-size: 18px;
        color: #a6a6a6;
        margin-top: -2px;
    }
    .navCatChildList.showDrop {
        left: 0;
    }
    .navCatChildList>li>a {
        display: block;
        padding: 6px 10px;
    }
        .navCatChildList>li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #d5d5d5;
    }
    }
@media (max-width: 980px) {
    .mainNavList {
        padding-bottom: 50px;
        display: inherit;
    }
        .hd {
        display: none;
    }
}

@media (max-width: 766px) {
    .headerTop .topNavList {
        height: 30px;
    }
    .headerTop .topNavList>li.phoneIcon {
        padding-left: 0;
    }
    .headerTop .topNavList {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .headerTop .topNavList>li {
        padding: 0 5px;
    }
        .mainNavList>li.siteSearch.dropdown {
        padding-bottom: 15px;
        position: sticky;
    }
        .siteSearch .dropdown-menu {
        right: -30px !important;
    }
        .headerTop .topNavList > li.ml-auto {
        margin-left: 0 !important;
    }
        .headerTop .topNavList>li .dropdown>a:hover, .headerTop .topNavList>li>a:hover {
        background: 0 0;
        border: none;
    }
    .headerTop .topNavList>li .dropdown>a, .headerTop .topNavList>li>a {
        padding: 0 5px;
        border: none;
        border-radius: 0;
        display: inline-block !important;
        vertical-align: top;
    }

        .catNav, .socialNav {
        margin: 0 -5px;
    }
        .catNav>li, .socialNav>li {
        margin: 0;
        padding: 5px 10px;
    }
        .footerCols>[class*=col-]+[class*=col-] {
        margin-top: 30px;
    }
    footer .title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .foterNav>li {
        font-size: 13px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 766px) {
    .headerTop .topNavList > li, .topNavList .socialLinks a {
        padding: 0 12px !important;
    }
}

@media (max-width: 1030px) {
    .mainNavList>li>a {
        padding: 12px 15px;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1180px) {
    .mainNavList > li > a {
        font-size: 13px;
        padding: 12px 21px;
    }
}