/*new header start here*/
.headerTop {box-shadow: 0 0 10px #d5d5d5;width: 100%;background: #f3f2f0;text-align: center;padding: 11px 4% 9px;float: left;box-sizing: border-box;margin-bottom: 10px;}
.headerTop .row { margin-left: -5px;  margin-right: -5px;}
.headerTop .row [class*="col-"] { padding-left: 5px;  padding-right: 5px;}
.headerTop a { color: #333;  text-transform: uppercase;  font-size: 12px; letter-spacing: 0.5px;  text-decoration: none !important;}
.headerTop ul { float: right;  margin: 0;  padding: 0; text-align: left;}
.headerTop ul.topBar { float: left;  margin: 0;  padding: 0;}
.headerTop li:first-child { margin-left: 0;}
.headerTop li {display: inline-block; list-style: none;  margin-left: 16px;}
.headerTop li span { margin-left: 3px;}
.headerMid { width: 100%;    padding: 10px 5%;}
.headerMid ul { padding-left: 0;  margin-top: 60px;}
.headerMid ul li:first-child { margin-left: 0;}
.headerMid ul li { display: inline-block;  list-style: none;  margin-left: 12px;}
.headerMid ul li a {color: #333; display: block;    text-align: center;  line-height: 26px;  font-size: 13px;}
header, footer{font-family: "Outfit", sans-serif; line-height: 1.42857143;}

  @media only screen and (min-width: 767px){
  .headerMid ul li a { display: flex;align-items: center;}
  .headerMid ul li a .fa {  margin-right: 5px;}
  }
header .logo { width: 100%;   text-align: center;}
header img { max-width: 100%;}
img { height: auto;}
.headerMid .rolexLogo {display: inline-block;  text-align: right;  width: 100%;  margin-top: 25px;}
header nav {width: 100%;  padding: 0;  transition: all .3s ease-in-out 0s;  position: relative;}
#mainNavigation, .headerMidNav, .innerWrapper, .navContainer { transition: all .3s ease-in-out 0s;}
header nav ul {padding-left: 0; margin-bottom: 0;}
header nav li { display: inline-block;}
header nav li:first-child a { padding-left: 0;}
header nav li > a {display: block; padding: 10px; font-weight: 300;  color: #333; font-size: 14px; letter-spacing: .5px; text-transform: uppercase;  position: relative;}
header nav li > a:hover {color: #000; text-decoration: none;}
header nav li .megamenuWapper {max-height: 0; overflow: hidden; position: absolute;  z-index: 999;  left: 0; right: 0; top: 100%;  background-color: #fff; padding: 0;  transition: all .8s linear;text-align: left;}
.mainNavication > li.dropdown > a { padding: 10px 0 10px 0px;}
header nav li:hover .megamenuWapper { max-height: 1000px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
header nav li:first-child a { padding-left: 0;}
.headerMid.hiddenDesktop { display: none;  transition: all .6s ease-in-out;}
header nav li .dropdown-toggle:after{display: none;}
.mainNavication > li.dropdown button { position: absolute;  right: 17px;   top: 13px;   background: 0 0;   border: none;    border-top-style: none;    border-top-width: medium;
        border-right-style: none;     border-right-width: medium;     border-bottom-style: none;      border-bottom-width: medium;     border-left-style: none;
        border-left-width: medium;    border-image-outset: 0;   border-image-repeat: stretch;   border-image-slice: 100%;     border-image-source: none;  border-image-width: 1;}
nav li.dropdown .search { right: -8px; left: inherit !important; padding: 0; top: 100% !important; transform: inherit !important;}
nav li.dropdown .search input[type="text"] {border: 1px solid #d5d5d5; float: left;  margin: 0;  padding: 7px 32px 7px 12px;  width: 100%;}
nav li.dropdown .search button { border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d5d5d5;  border-image: none; border-style: none none none solid;  border-width: medium medium medium 1px;
    height: 35px; position: absolute; right: 1px;  top: 1px;  width: 32px;  font-size: 18px; color: #000;}
.mainNavication > li .dropdown-menu:before { content: '\25B2'; position: absolute;  right: 7px;  top: -15px;  color: #ccc; text-shadow: 0 -1px 1px #d5d5d5;  font-size: 14px;  font-family: arial;}
.socialIconList  {padding-left: 0;margin-top: 30px;}
.socialIconList li {display: inline-block; list-style: none;  margin-left: 12px;}
.socialIconList  li:first-child {margin-left: 0;}
.socialIconList li a {color: #333; display: block;  width: 28px;  height: 28px;  border-radius: 100%;  border: 2px solid #333;  text-align: center;  line-height: 26px;  font-size: 16px;}
.copyrightText {width: 100%;text-align: center; background: #fff; color: #333;  padding: 5px 0;  margin-top: 30px; font-size: 18px;}
.copyrightText a {color: #333; margin-left: 10px;}

  @media only screen and (max-width: 1200px){
      header nav li > a{padding: 10px 6px; font-size: 12px;}
  }

@media (min-width: 768px) {.container {  max-width: 750px; }}
@media (min-width: 992px) {.container {  max-width: 960px; }}
@media(min-width:1170px){header .container, footer .container, .footerCookies .container {max-width: 1170px; }}
@media(min-width:766px){
  .topBar li a .fa { margin-right: 5px;}
.navCatList { display: flex;  flex-direction: row;  padding-bottom: 10px;}
.navCatList > li {flex: 1 1 25%;  max-width: 25%;  padding: 0 0px;}
.navCatList > li > a {display: block;  font-size: 13px;  font-weight: 500;  text-transform: uppercase;  position: relative;  margin: 0 0 8px; color: #333;}
.navCatList > li > a:before {content: ""; position: absolute; left: 0; bottom: 0; width: 80px;  height: 1px;  background: #333;}
.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 {margin: 0; padding: 8px 0 0;  padding-top: 8px; padding-top: 8px; width: 100%;}
.navCatList > li > .navCatChildList > li > a {display: inline-block; font-size: 13px;text-transform: capitalize; padding: 2px 0;}
.navCatList > li.navCatImage { flex: 1 1 100%;  margin-left: auto;}
.navCatList > li.navCatImage img { width: 100%;}
.mainNavication > li.hidden-arrow, .mainNavication > li.rolex { display: none;}

    
}
@media only screen and (min-width:993px) and (max-width:1199px) {
    nav li>a { font-size: 12px; padding: 0 5px; }

    .mainNavication>li.dropdown>a { padding: 0 5px;}

    .headerTop li { margin-left: 5px;}

    .headerTop a { letter-spacing: normal;}
}

 @media(max-width:1030px){
    header nav li > a{padding: 10px 6px; font-size: 9px;}
     .headerTop a{letter-spacing: normal;}
    
    header nav li:hover .megamenuWapper {
        padding: 10px 0;
    }
 }


 @media(max-width:992px){
     header .headerMid .logo img {  max-width: 60%;}
     header nav li > a{padding: 10px 2px; letter-spacing: normal; font-size:10px;}
     .desktop { display: none;}
     .mobile { display: block !important;}
     header nav li:hover .megamenuWapper{max-height: 1500px;}

 } 

@media (max-width: 780px) {
    .headerMid .rolexLogo {
        margin-top: 15px;
    }
}
@media (max-width: 1030px) {
    .headerMid {
        padding: 10px 2%;
    }
}

@media (min-width: 992px) {

    .desktop { display: block !important;}
    .mobile { display: none;}
}

 @media(max-width:766px){  
.headerMid.hiddenDesktop.showNavScroll {  display: block;}
.headerTop li{margin-left: 5px;}
header nav li > a {
    padding: 10px 2px;
    letter-spacing: normal;
    font-size: 10px;
}
.headerMid.showNavScroll { background: #fff;}
.headerMid.showNavScroll { position: fixed;  top: 0;  z-index: 999;  margin-top: 0;  background: rgba(255,255,255,.9);  border-bottom: 1px solid #ddd;}
.mobileShow { padding-top: 7px;  padding-bottom: 7px;  width: 100%;   font-size: 16px;  position: inherit; background: #757575;}
.headerClose {
    position: absolute;
    right: 10px;
    color: #fff;
    transform: inherit;
}
.headerNewsTicker {
    padding: 8px 21px !important;
}

.headerMid { padding: 10px 15px;}
a.hideShowNav {font-size: 28px;  color: #333;  z-index: 99;  margin-top: 7px;  float: left;}
header .logo { width: 100%;  float: left;  text-align: center;}
.headerMid ul { margin-top: 15px;  text-align: right; display: inline-flex;}
.headerMid ul li { margin-left: 5px;}
.mobileSearch { width: 100%;   padding: 0 15px;  position: relative;}
.mobileSearch .btns { position: absolute; font-size: 18px;  background: 0 0;  border: none;  color: #8a8a8b;  top: 5px; right: 22px;}
.mobileSearch input { width: 100%;  padding: 5px 10px;  border: 1px solid #ddd; font-size: 16px; }
header{margin-bottom: 12px;}
header nav li:first-child a{padding: 10px;}
header nav li > a{padding: 10px !important;}
.scrollNone{overflow: hidden;}
header .headerMid .logo img { max-width: inherit;  width: 90px;}
.mobileShow a {font-size: 14px;  color: #fff;}
.headerMid ul li a {width: 22px; height: 22px; line-height: 22px; border-radius: 100%; border: 1px solid #333;}
.navContainer { position: fixed; left: 0; width: 100%; visibility: hidden; opacity: 0; max-height: 100%;  height: 100%;  padding: 0;  margin-top: 10px;  z-index: -1;}
.navContainer #mainNavigation { position: absolute; top: 0; right: 0; bottom: 0;  left: -70%;  width: 70%;  overflow: hidden;  background-color: #fff; height: 100%; margin: 0; display: block; overflow-y: auto; z-index: 9999;
    overflow: hidden; padding-bottom: 160px;}
.mainNavication { height: 100%;  overflow-y: auto; -webkit-overflow-scrolling: touch;  border-top: 1px solid rgba(0,0,0,.1);}    
header nav li a{ width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); text-align: left; padding: 0;}
header nav li:first-child { border-bottom: none;}
header nav li a { /*background: url(../images/dropdown-nav-arrow.png) 96% 17px no-repeat;*/  transition: all .4s ease-in-out; font-size: 14px; transition: inherit;}
header nav li .megamenuWapper { display: none;}
.toggleMainNav .navContainer { opacity: 1;  visibility: visible;    z-index: 9999;}
.scrollNone {  overflow: hidden;}
.toggleMainNav .navContainer #mainNavigation { left: 0;}
header nav li{width: 100%;}
header nav li > a{font-size: 14px;}
.mainNavication > li.hidden-arrow a .fa { width: 36px;  font-size: 22px;  vertical-align: top;}
header nav li .megamenuWapper{position: relative; top:0; transition:inherit; width: 100%; max-height: 100%;}
header nav li.navDrop .menuCatBox .navCatList a { background: none; text-transform: capitalize;}
header nav li .menuCatBox .navCatList a { text-transform: capitalize;}
.toggleSubMenu {   display: none;}
.megamenuWapper .container-fluid{padding: 0;}
.navCatList > li.navCatImage { display: none;}
header nav .navCatChildList li{padding: 0;}
.mainNavication > li.rolex {  text-align: center; padding: 8px;}
.mainNavication > li.rolex .rolex-retailer-clock{  display: flex;  justify-content: center;}
.mainNavication > li.hidden-arrow a { background-image: none;}
.dyWidget {padding: 0 0 20px; text-align: center;}
header nav li a { background: url(../images/dropdown-nav-arrow.png) 96% 14px no-repeat;  transition: all .4s ease-in-out;}
.rolexFooter nav li a{background: none;}
header nav li .menuCatBox li a { background: none;}
header nav li.navDrop a { background: url(../images/dropdown-nav-arrow-top.png) 96% 14px no-repeat;}

 }



h2.MT15  { margin-bottom: 10px;}

.sectionBlock>iframe {
    width: 100% !important
}
.mt-3 { margin-top: 33px !important;}

.socialPluginList {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 5px
}

.socialPluginList>li {
    display: inline-block;
    list-style: none;
    margin: 0 6px
}

.socialPluginList>li>a {
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    color: #000;
    display: block;
    height: 32px;
    line-height: 22px;
    padding: 5px;
    text-align: center;
    width: 32px
}

.socialPluginList>li>a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000
} 
 
 
 #mainNavigation, .headerMidNav, .innerWrapper, .navContainer {
    clear: both;
}

.headerCovid {width: 100%; float: left;  margin: 0;  padding: 0;    text-align: center;  font-size: 14px;  box-sizing: border-box;}
 .headerNewsTicker { width: 100%;  float: left;  margin: 0;  padding: 7px 10px;   text-align: center;  position: relative;}
 .headerNewsTicker .cross-icon { width: 30px;  height: 30px;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  text-align: center;  font-size: 18px;
  line-height: 30px;  color: #fff;}
 .headerNewsTicker .staticTicker { list-style: none;  margin: 0;  padding: 0;} 
 .headerNewsTicker .staticTicker > li {  margin: 0;  padding: 0;}
 .headerCovid li a { margin-left: 8px;}
 
   @media only screen and (min-width: 767px){
   .headerMid .dyWidget { margin-top: 25px;}
   .section-rolexWatches .rolexWatch a span{padding: 0 5% 20px;}
}

@media only screen  and (min-width:766px) and (max-width:1000px){
    .headerTop li span{display: none;}
    
}

@media screen and ( max-width:766px ){
.mobileCall {  width: 100%; text-align: center;  }
 .mobileCall a {display: inline-block;padding: 0 15px 10px;  font-size: 24px; color: #000;  }
  .mobileCall span { display: block; font-size: 16px;  }
  .footerNav-new { border-top: 1px solid #ddd; padding-top: 10px; text-align: center;}
   .collapseBox { display: none;  }
    .plusminus { display: inline-block;  font-family: arial;   position: absolute;  right: 10px;  top: 11px;  font-size: 21px;}
   
     .socialIconList li a { width: 42px; height: 42px;  line-height: 40px;  font-size: 24px; }
     .socialIconList {
        margin-top: 10px;
        text-align: center;
    }
    
}




.headerTop .dropdown-toggle::after {
    display:none !important;
 }
 .headerTop li .dropdown-menu:before {
    position: absolute;
    top: -12px;
    content: '\25B2';
    left: 13%;
    font-size: 12px;
    color: #797979;
}
.headerTop li .dropdown-menu li {
    width: 100%;
    float: left;
    padding: 6px 10px;
    border-top: 1px solid #ddd;
    margin: 0;
}
.dropdown-menu>li>a {
    padding: 3px 0;
}

.headerTop li .dropdown-menu {
    top: 40% !important;
    min-width: 160px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: inherit;
    border-top: 1px solid #ccc;
}
.headerTop li .dropdown-menu li:first-child {
    border-top: none;
}

@media only screen and (min-width:767px) and (max-width:1020px) {
    .headerTop a {
        font-size: 11px;letter-spacing: 0.5px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    header nav li > a {
        font-size: 12px !important;
        padding: 0 5px !important;
    }
}

nav li.ddYes a{cursor: pointer;}

footer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

footer .headerSocialIcon {
    margin: 0 15px 0 0;
    float: none;
    display: inline-block
}
footer a:hover{text-decoration: none;}
footer {
    width: 100%;
    float: left
}

footer {
    padding-top: 25px;
    padding-bottom: 0
}

footer h2,
footer h3 {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing:.5px;
    margin-top: 0;
    font-weight: bold;
    text-transform: capitalize;
    
}
.ftpNewsletter .subInput{margin-bottom: 15px;}
.ftpNewsletter .input-group{display: flex;}
.ftpNewsletter{float: left; width: 100%;}
.ftpNewsletter .mailIcon{position: absolute; left:5px; top:7px; z-index: 9; color: #7b7b7b;}
.ftpNewsletter .form-control{padding-left: 30px; background: #f2f2f2; border:1px solid #000; border-radius:0;}
.ftpNewsletter .subscribeBtn {background: #000; color: #fff; border-radius:0; padding: 0px 14px; font-size: 14px; font-size: 15px;  height: 34px; border:none;}
.ftpNewsletter .mailIcon i { font-size: 18px;}
.headerNewsTicker {
    width: 100%;
    float: left;
    margin: 0;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    position: relative;
}
footer .footerNav ul {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0
}

footer .footerNav li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 2px
}

footer .footerNav li a {
    font-size: 16px;
    color: #333;
    letter-spacing: 1px
}

footer .footerNav li a:hover {
    color: #000;
    text-decoration: none
}

footer .footerNav p {
    line-height: 30px
}

footer .footerNav p a {
    color: #333
}

footer .footerNav p a:hover {
    color: #3d3d3d;
    text-decoration: none
}

.social-icon ul {
    padding-left: 0; margin-top: 5px; width: auto;  display: inline-block;  padding:6px 10px;}

.social-icon ul li {
    display: inline-block;
    list-style: none;
    margin-left: 12px
}

.social-icon ul li:first-child {
    margin-left: 0
}

.social-icon ul li a {
    color: #333;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 2px solid #333;
    text-align: center;
    line-height: 24px;
    font-size: 16px
}

.social-icon ul li a:hover {
    border: 2px solid #000;
    color: #000
}

.footerLogo ul {
    margin-bottom: 0;
    padding-left: 0
}

.footerLogo ul li {
    display: inline-block;
    padding: 10px 15px
}

.copyText {
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    color: #333;
    padding: 5px 0;
    font-size: 14px;
}

.copyText a {
    color: #333;
    margin-left: 10px
}

.copyText a:hover {
    color: #000;
    text-decoration: none
}

.footerbottom {
    width: 100%;
    float: left;
    margin-top: 10px
}

footer h3 {
    margin-top: 30px
}
footer h2, footer h3 {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: .5px;
    margin-top: 0;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1.5 !important;
    color: #333333;
}

.ftpNewsletter p { font-size: 18px;    margin-bottom: 1rem;}
@media (max-width:767px) {
  footer {
        padding-top: 30px
    }

    footer h2,
    footer h3 {
        margin-bottom: 15px;
        font-size: 16px !important
    }

    footer h2 {
         margin-bottom: 0;
        padding: 10px 0;
        cursor: pointer;
        float: left;
        width: 100%
    }

    .footerNav {
        margin-bottom: 0;
        text-align: left
    }

    .hiddenMobile {
        display: none;
        width: 100%;
        float: left;
        padding: 0 15px
    }


    .footerbottom {
        margin-top: 0
    }

    .footerbottom h2 {
        text-align: left
    }

    footer .footerNav h2 {
        background:#eaeaea url(/../images/plus-icon.png) 95% 13px no-repeat
    }
    footer {padding-bottom: 40px;}
    footer h2.mobileacc{padding-left: 10px; margin-bottom: 10px;}
    
    footer .footerNav.navftp h2 {
        background:#eaeaea url(/../images/mins-icon.png) 95% 13px no-repeat
    }

    footer .mobileCall h2 {
        border: none;
        font-size: 24px;
        
    }

    footer .mobileCall p {
        border-top: none;
        padding-top: 10px;
        margin-bottom: 20px
    }

    nav.showNavScroll .navContainer {
        margin-top: 76px
    }

    footer {
        background: #fff
    }

    .social-icon ul {
        margin-top: 8px
    }
}

@media(max-width:780px) {
    
    footer {
        padding-bottom: 50px
    }
}

@media(max-width:680px) {
    
    footer {
        padding-bottom: 50px
    }
}



@media(max-width:1030px) {
   

    footer h2,
    footer h3 {
        font-size: 20px
    }

    footer .footerNav li a,
    footer .footerNav p {
        font-size: 16px
    }

}
footer {line-height: 1.5 !important;}


@media only screen and (max-width:766px) {
   
     footer .footerNav .navFtp{margin-bottom: 10px;}
    footer .footerNav li{padding-left: 10px;}
    .navFtp {
        display: none;
    }
}


@media (min-width: 1300px) {
    footer .container {  width: 100%; max-width: 1280px; }
}

@media (min-width: 1600px) {
    footer .container {  width: 100%; max-width: 1600px; }
}


footer .row [class*=col-] {
    padding: 0 15px;
}
footer .row {
    margin-right: -15px;
    margin-left: -15px;
}

header .row [class*=col-] {
    padding: 0 15px;
}
header .row {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
  nav ul.mainNavication {
    text-align: center;
  }
}