*{margin: 0;padding: 0;}
html,body{font-size: 16px; font-family: "Baskervville", serif; color: #212121;   }
li{list-style: none;}
ul{margin-bottom: 0;}
a:hover{text-decoration: none; color: #4e4e4e;}
h1, h2, h3, h4{  font-family: "Baskervville", serif;}
button:focus{outline: none;}
.btn-primary{background: #000; border-color: #000;}
.btn-primary:hover{background: #000; border-color:#000; color: #fff;}
.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.btn.focus,.btn:focus{outline:0;box-shadow:inherit}
body .uwy.userway_p1 .uai{top:auto!important;right:auto!important;bottom:auto!important;left:57px !important;transform:translate(-100%) scale(1.1)!important;bottom:70px!important}
.uwy userway_p1 .uwy:not(.uh).userway_p1 .uai:hover,body .uwy:not(.uh).userway_p3 .uai:hover{transform:inherit!important} 


 @media(min-width:1250px){.container{max-width: 1250px;}}
@media(min-width:1500px){.container{max-width: 1440px;}}
@media(max-width:1140px){.container{max-width:94%;}}


.headerInfoBar{position: relative; font-size: 14px; padding: 5px 0;}
.headerInfoBar li u { color:#000;}
.headerInfoBar .closeInfoBar{position: absolute; right:10px; color: #fff; color: #fff;top: 46%;transform: translate(0, -50%); text-decoration: none;}
 infoList li a{margin-left: 5px;}
.infoList li{padding: 0 20px;}

 
 
 /*------- header-top ----------------*/
 
 .headerTop{background:#D9D9D9; padding: 10px 0; font-family: 'Avenir LT Std'; font-weight: 300;}
.headerSocial a, .headerSocial li {    color: #000;  font-size: 14px;    display: flex;  align-items: center; } 
.headerSocial a:hover, .headerSocial li:hover{color:#e3e2e2; text-decoration: none; }
.headerSocial .iconfont{font-size: 22px; vertical-align: top; display:inline-block; }
.headerSocial .fa{font-size: 14px;  display:inline-block; margin-right: 2px;}
.headerSocial span{vertical-align: top;text-transform: capitalize;}
.headerSocial li .dropdown-menu{right:0; left:inherit !important; transform:inherit !important; top:100% !important; padding: 0;}
.headerSocial li .dropdown-menu li{margin-left: 0; border-top:1px solid #ddd; padding: 4px 10px;}
.headerSocial li > .dropdown a .iconfont {color: #fff;}
.headerSocial li .dropdown-menu li:first-child{ border-top:0;}
.headerSocial li .dropdown-menu:before{content:'\25B2'; position: absolute; top:-14px; font-size: 12px; color: #ddd; right:10px;}
 .headerSocial .dropdown-menu li a  { color: #000;}
 .midHeader {     padding: 9px 0 6px; }
 
 
 
 
 /*--------------Nav--------------*/
 
 nav ul li:hover  {color: #fff;}
 nav ul li li:hover  {background:inherit;}
nav ul li a {   font-weight: 300;  font-size: 16px;   color: #000000;  padding:6px 8px 8px;      position: relative; font-family: 'Avenir LT Std';}
nav ul li.ddYes:hover a.mainLinks span.arrowUps {color: #fff;}
nav ul li a:hover, nav ul li a.active{color:#000000;}
nav ul li a.active{font-weight: 800;} 
nav ul li.searchdropdown a{padding-right: 0; font-size: 18px; padding-bottom: 10px;}
nav ul li.searchdropdown .dropdown-menu{width: 250px; border:none; right:0 !important; left:inherit !important; transform:inherit !important; top:100% !important; background: none; }
nav ul li.searchdropdown .dropdown-menu .form-control{height: 36px; border-radius:0;}
nav ul li.searchdropdown .dropdown-menu .btn-primary{font-size: 18px; padding: 3px 15px; border-radius:0;}
nav .searchNav .form-control{border-radius:0; height: 40px; width: 120px; padding-left: 10px; padding-right: 10px;border: 1px solid #ced4da !important;}
nav .searchNav .btn{background: none; border:none; border-radiuis:0; padding: 5px;}
.dropdown.searchNav .dropdown-menu{padding: 0; right:0 !important; border:none; left:inherit !important; transform:inherit !important; top:100% !important; width: 250px; border-radius:0;}
nav ul li.searchNav  a{color: #000 !important;}
.dropdown.searchNav .dropdown-menu .btn{background: #000; color: #fff; border-radius:0; padding: 0 10px;}
.dropdown.searchNav .dropdown-menu .btn .iconfont {margin: 0;}
.dropdown.searchNav .dropdown-menu .form-control{border-radius:0; font-size: 14px;}
.searchNav  #keyword:focus {box-shadow: inherit;  }
.mainNav>li .autoSearch,.headerTop .searchNav .autoSearch{position:absolute;right:0;left:-6px;top:100%!important;transform:none!important;padding:0;margin:0;display:block;overflow:hidden;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;border:none!important;box-shadow:inherit!important}
.mainNav>li.siteSearch .dropdown-menu,.headerTop .searchNav .dropdown-menu{width:200px}
.mainNav>li .autoSearchList,.headerTop .searchNav .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;overflow-y:hidden;-webkit-transition:max-height 0.4s linear;-moz-transition:max-height 0.4s linear;-o-transition:max-height 0.4s linear;transition:max-height 0.4s linear}
.mainNav>li form .form-control:not(:placeholder-shown)~.autoSearch .autoSearchList{max-height:380px;overflow-y:auto}
.headerTop .searchNav form .form-control:not(:placeholder-shown)~.autoSearch .autoSearchList{max-height:380px;overflow-y:auto}
.mainNav>li .autoSearchList>li,.headerTop .searchNav .autoSearchList>li{width:100%;margin:0;padding:7px 12px;border-top:1px solid #d5d5d5;font-size:12px}
.mainNav>li .autoSearchList>li:first-child,.headerTop .searchNav .autoSearchList>li:first-child{border-top:none}
.mainNav>li .autoSearchList>li>a,.headerTop .searchNav .autoSearchList>li>a{font-size: 14px;display:block;padding:0;color:#000}
header.fixed nav li.otherLogo {    position: absolute;    left: 0;    top: -120px;}
header.fixed nav li.rolexClock {    position: absolute;    right: 0;    top: -120px;}
li.otherLogo a span img { height: auto !important; width: 150px;}
.navFixed li.otherLogo a span img{width: 130px;}
nav .navication .mainNav{ padding-top: 0;}
.navFixed nav .navication .mainNav {padding-top: 0;}

.navFixed nav{bottom:auto;top:0;position:fixed;background-color:#fff;box-shadow:0 0 10px #d5d5d5;border-bottom:1px solid #f5f5f5;width:100%;z-index:99;padding:5px 0}




footer  {
  background: #000;
}
.ftpSocial li{margin-right: 20px;}
.ftpSocial a{color: #fff; display: block; font-size: 22px;}
footer h3{font-size: 22px;}


.topFooter  {
  border-bottom: solid 2px #fff;
  padding: 11px 0 10px;
  margin-top: 0px;
}


.topFooter img  {
  filter: invert(1);
  max-width: 30%;
}


 .topMiddle {padding:40px 0 40px;}

 .topMiddle .ftpLogo {
    gap: 32px;
    align-items: flex-start !important;
 }

.ftpNav li {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
}


.ftpNav li a {
  color: #ffffff;
  font-family: "Baskervville", serif;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.ftpNav li a:hover{color: #d2d2d2;}

 .section-subscribe{
  color: #fff;
  font-size: 20px;
  text-align: left;
  margin: 0 0 30px;
  line-height: 27px;
}


   .section-subscribe input{
  width: 100%;
  height: 47px;
  border-radius: 0;
  outline: 0;
  box-shadow: inherit !important;
}



   .section-subscribe button.btn {
  position: absolute;
  right: 15px;
  padding: 0;
  background: inherit;
  border: none;                       font-family: "Baskervville", serif;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%); z-index:11;
}


.bor-right::after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 63px;
  top: 0;
}


 .bottomFooter{
  display: inline-block;
  width: 100%;   font-family: "Baskervville", serif;
  background: #D9D9D9;
}


 .bottomFooter p {
  margin: 0; color:#000; font-size: 16px;
}
 .bottomFooter a {
  color:#000;
}


   footer .contents{
  display: flex;
  gap: 14px;
  padding: 17px 0 13px;
  justify-content: center ;
}






@media(min-width:992px)
{
nav ul li.searchdropdown{position: absolute; right:0px; top:-3px;  }  
.scrollfixed{display: none;}
header{width: 100%;    margin: 0; padding: 0; background: #fff none repeat scroll 0 0; left: 0; z-index: 999; border-bottom: 1px solid #ddd;}
nav ul li:hover a.mainLinks:after{content: '';position: absolute; right: 0; width: 100%; height: 100%; top: 0px;background:#302f2d;z-index: ;color: #fff;}
nav ul li:hover a.mainLinks .hoverHtext{z-index: 5; position: relative; color: #fff;}
nav ul li a:hover, nav ul li a.active{color: #fff;}
nav{margin-bottom: 10px;}
nav .container{position:relative} 
.margin-10 { margin-top:10px;} 
.navLogin{position: absolute; top:-93px; right:56px;}
.navLogin.navWishList{ right:17px;}
.navLogin.navCart{ right:-23px;}
header.fixed .navLogin{position: static;}
header.fixed nav ul li.searchdropdown{position: relative; top:0;}
header.fixed nav ul li.searchdropdown a,  header.fixed .navLogin a{padding: 10px 15px !important;}
.navPhone{display: none;}
header.fixed nav ul li.navPhone a{padding: 10px 15px !important;}
header.fixed nav ul li.navPhone{display: inline-block;}
nav  li.otherLogo {  position: absolute;  left: 15px;  top: -84px; }
nav  li.otherLogo.tudors {  position: absolute;  left: 15px;  top: -97px; }
nav li.rolexClock {  position: absolute; right: 15px;  top: -84px; }   
nav  li.otherLogo a, nav li.rolexClock a{padding: 0;}
.scrollfixed img{max-width: 150px;}
.navication ul > li .megamenuWapper { max-height: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: right!important;  overflow: hidden;  position: absolute;  z-index: 99999;  left: 0;  right: 0;  top: 100%;  background-color: #fff;  padding: 10px 0 0px; transition: all 0.8s linear; display: none; min-height: 401px;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block; }
.navCatList > li { flex: 1 1 25%;  max-width: 25%;   padding: 0 15px;}
#navication{position: relative;}
header.fixed .navication ul > li .megamenuWapper{top:83%;}
.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px;}
.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 80px;  height: 1px;   background-color:#a69a96;}
.navication ul > li .megamenuWapper li a{padding: 2px 0; font-size: 14px;}
.navication ul > li .megamenuWapper ul.navCatList  li a.styleClass {font-size: 16px; font-weight: 600; }
.navication ul > li .megamenuWapper li a:hover{color: #6c757d;}
.navication ul > li .megamenuWapper li{line-height: 28px;}
nav ul li.ddYes a  span.arrowUps::after {font-family: 'FontAwesome';content: "\f107";margin-left: 6px;}
.navCatChildList{max-height: 350px; overflow-y: auto;}
 nav ul li {    margin-right:25px; }

.dskSearch {      margin-right: 0;
position: relative;
}

 .dskSearch input {
    border-radius: 30px;
    height: 35px;
    width: 200px;
    box-shadow: inherit !important;
    font-weight: 300;
  
  }
    .dskSearch i    {
  color: #000;
}
 .dskSearch  input::placeholder {   color: #6c757d;  }
 .dskSearch  -webkit-input::placeholder {   color: #6c757d;  }
 .dskSearch  -moz-input::placeholder {   color: #6c757d;  }

 

 .dskSearch button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0;
    background: inherit;
    border: none;
    padding: 1px 10px 0 0;
  }


 
}


@media only screen and (max-width: 1200px) {
  nav ul li a {
    padding: 10px 0; font-size: 15px;
 
  }
   nav ul li {
    margin-right: 10px;
  } 
  
  .dskSearch input {   
    width: 200px;   
    font-size: 15px;
  }
  
  .bor-right::after {  
  right: 23px;
  top: 0;
}
  
  
  
   
}

@media(max-width:1100px)
{ 
 
 /* nav ul li.dskSearch {
  display: none !important;
} */

}

 
@media(max-width:992px)
{  
.navFixed.scrollNone nav.showMainNav {top: 45px;}
.headerSocial  li a span.menuIcon {width: 22px;height: 22px;  position: relative; z-index: 1;}
.headerSocial  li a span.menuIcon i {width: 22px;height: 1px; background-color: #000;height: 1px; position: relative; display:inline-block; transition: all 0.3s linear;}
.headerSocial  li a span.menuIcon i:before {width: 22px; background-color: #000; height: 1px; position: absolute; content: ""; top: -8px; z-index: 999; left: 0px; transition: all 0.3s linear;}
.headerSocial  li a span.menuIcon i:after {width: 22px; background-color: #000; height: 1px; position: absolute; content: ""; top: 7px; z-index: 999; left: 0px; transition: all 0.3s linear;}
body.navFixed .HeaderFixed {bottom:auto;top:0;position:fixed;width:100%;z-index:99; background: #fff;}
.headerSocial  li a.showCross span.menuIcon i{background: none; }
.headerSocial  li a.showCross span.menuIcon i:before { transform: translateY(10px) rotate(45deg); width: 21px; transition: all 0.3s linear;top: -12px; }
.headerSocial  li a.showCross span.menuIcon i:after { transform: translateY(-7px) translateX(0px) rotate(-45deg); width: 21px; transition: all 0.3s linear;top: 5px;}
body.navFixed{padding-top: 103px;}
.headerSocial li .dropdown-menu{width: 200px;}
.headerSocial li form{display: flex;}
.headerSocial li form .form-control{border: none;;}
.headerSocial li form .btn{padding: 4px 9px;}
.headerSocial li > .dropdown a .iconfont{color: #000;}
.navFixed .headerTop   .headerSocial a {color: #000;}
/* .navFixed .headerTop   .headerSocial a img.mr-2 {filter: invert(1);}
  .btnNavToggle img {    filter: invert(0);   } */
 .btnNavToggle img {    filter: invert(1);  margin-right: 10px;}
 /* .navFixed .btnNavToggle img {    filter: invert(0);} */
 .headerTop {padding: 9px 0; }
 .midHeader {     padding: 10px 0 10px;   }
.headerSocial li{padding-left:0}
.headerSocial a img {    width: 20px !important;height: auto !important;}
nav ul li a {font-size: 17px;}
.categoriesCol h4 {margin: 10px 0 10px;}
.topFooter img {max-width: 70%;}
nav { margin:0; padding:0;width:100%;position:fixed;  top:62px;height: 100vh;  background-color: rgba(0, 0, 0, .4);  overflow: hidden;  visibility: hidden;opacity: 0;-webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  transition: all .5s ease-in-out;  z-index: -1;}
nav .navication {  padding:0px 0 110px;  margin: 0;  width: 100%;  height: 100vh;  background-color: #fff; top:-300px;  position: relative;  -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;    transition: all .5s ease-in-out; overflow-y: auto; overflow-x: hidden;}
nav.showMainNav { visibility: visible;  opacity: 1;  z-index: 99999;}
nav.showMainNav .navication {top: 0; visibility: visible;  opacity: 1; width: 100%; }
nav .container{padding: 0; margin: 0;}  
nav .navHeader {   padding: 10px 0;}
nav .navHeader .btnNavToggle { position: absolute;right: 10px;z-index: 9;width: 25px;height: 25px;line-height: 21px;color: #000; z-index: 1;}
nav .navHeader .navLogo img { max-height: 12px;}
nav .navHeader .btnNavToggle .iconfont {font-size: 18px;}
nav .container-fluid{padding: 0;}
.navHeader  img{max-width: 210px;}
.scrollNone{overflow: hidden;}
nav .navication ul {  flex-wrap:wrap;}
nav ul li {  width: 100%;  border-top: 1px solid #ddd;margin-right: 0;}
nav ul li:first-child {  border-top: none;}
nav ul li a{padding:14px 16px !important;display: inline-block;      width: 100%;}
nav ul li.ddYes a.mainLinks span.arrowUps:before{font-family: 'FontAwesome';content: "\f107";float:right; color: #000 !important;}
nav ul li.rolexClock  a { text-align: center;width:100%; padding:8px 0;} 
nav ul li.otherLogo   a { text-align: center;width:100%;  padding:8px 0;} 
nav ul li .megamenuWapper{display: none;background: inherit !important;}
nav ul li .navCatList li a span.arrowSubNav::after{font-family: 'FontAwesome';content:"\f105";float:right; color: #fff !important;}
nav ul li .navCatChildList  li a.closeDropdown span::after{font-size: 26px !important; line-height:26px;font-family: 'FontAwesome';content:"\f104";float:right; color: #fff;}
nav ul li .navCatList li a{background:#000;color: #fff!important;}
/*.navCatChildList{list-style:none;background:#fff;width:100%; position:absolute;left:-100%;z-index:99;height:calc(100vh - -20%);top:0;padding-bottom:120px;overflow-y: auto;transition: all 0.4s ease-in-out;}
*/

nav ul li .navCatList li a.downArrow span.arrowSubNav::after {
    transform: rotate(90deg);
  }
  
  nav ul li.ddYes a.mainLinks.downArrow span.arrowUps::before {
    transform: rotate(180deg);
  }
  
  
  nav ul li.mobList { 
    display: none;
  }
.navCatChildList{list-style:none;background:#fff;width:100%;display:none;}
 
  nav .navication .navCatChildList li a {
    background: #f2f2f2;
    color: #000 !important;
  }
/*nav .navication ul.showSubcategery{left:0; top: 0;}*/
.mobList a{background:#000!important;color:#fff!important;padding-left:40px!important}
.mobList{position:relative}
.mobList a.closeDropdown{position:absolute;left:12px;top:53%;background:inherit!important;padding:0!important;color:#fff;width:20px;z-index:11;transform:translateY(-50%)}
.mobList a.closeDropdown span{display:flex;background:#000;width:100%;text-align:center;justify-content:center}
nav ul li:hover a.mainLinks .hoverHtext{color:#000!important}  
nav ul li a:hover, nav ul li a {color: #000000!important;}
nav ul li .navCatChildList  .mobList  a:hover  {color: #fff !important;}
.headerSocial li.logo-fix a img {width: 200px !important;margin-top: 15px;
    margin-bottom: 10px;}
.logo img {
  max-width: 100%;
}
   .bor-right::after {display:none;}


   .dskSearch input {
    border-radius: 30px;
    height: 35px;
    width: 200px;
    box-shadow: inherit !important;
    font-weight: 300;
    margin: 10px;
}
.dskSearch button {
  position: relative;
  top: -42px;
  right: -180px;
  height: 100%;
  border-radius: 0;
  background: inherit;
  border: none;
  padding: 1px 10px 0 0;
}
.headerTop{background: none;}
.MT-5{margin-top: 5px;}

}


 .headerSocial  a:hover {color:#302e2d;}

 @media(max-width:700px)
{ 

 .section-subscribe{
  text-align: center;
  margin: 30px 0 0;
}
footer .contents {  
  padding: 17px 0 13px;
  flex-wrap: wrap;    gap: 5px;
  justify-content: center;
}
.container{max-width: 100%;}
.socialIcons {justify-content: center;}
.logo img{max-width: 70%;}
.ftpLogo img{max-width: 90px;}


.topMiddle .ftpLogo {
 
  margin-top: 33px;
}
.topMiddle .ftpLogo {
  gap: 15px;
}
.section-subscribe input {
  height: 40px;
}
body.navFixed{padding-top: 86px;}
body .HeaderFixed {transition: all 0.2s linear; top:-50px;}
}

 .dskSearch input:focus, .section-subscribe .form-control:focus{border-color: #000;}



 .section-subscribe p{
  font-family: "Baskervville", serif;
 }

 
 
  @media only screen and (max-width:550px)
{ 
    
 .bottomFooter {   
  padding-bottom: 24px;
}

 .quickListDetailBox .listHeader .btn {
  font-size: 15px;
  padding: 4px 7px;
}



}