@import "lnr-icon.css";
*{margin: 0;padding: 0;}      
html,body{font-size: 16px; font-family: 'Quicksand', sans-serif; color: #545454; letter-spacing: 0.5px;background: #faf4ef;}
ul,li{margin-bottom: 0;list-style-type: none; padding:0;}                                                                                     
img {  height: auto;}

@media (min-width:1400px){
        
.container {                  
  max-width: 1280px;
}
}

@media (min-width:1500px){
        
.container {                  
  max-width: 1450px;
}


}

.logo {
  margin: -60px 0 30px;
}
    .mainNav>li:nth-child(7) a {
        -webkit-animation: mymove 3s infinite;
        animation: mymove 3s infinite;
        color: #000;
    }
    @keyframes mymove {
 0% { color: #890202; }
40% { color: #000; }
80% { color: #890202; }
 }
 
.stickyMasterTopBar{background: #1b396b; color: #fff; padding: 7px 0; position: relative; font-size: 15px; }
.stickyMasterTopBar .closeInfoBar { position: absolute; right:0; top:50%;   transform: translate(-50%, -50%); border:2px solid #fff; border-radius:100%; width: 23px; height: 23px; line-height:13px; text-align: center;  }
.stickyMasterTopBar p{margin: 0;}
.stickyMasterTopBar a{ color: #fff;  }
.stickyMasterTopBar .topClick .iconfont {font-size: 16px;} 
h1,.h1,h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {letter-spacing: 1.5px;
font-weight: 400;color: #000;}     
.loginValue {font-size: 15px;}
.headerTop  { padding: 20px 0; }
.headerTop li {list-style-type:none;display: flex; flex-wrap: wrap;}
.headerTop li a {color: #000;font-size: 22px;float: left;text-decoration: none;}
.headerTop li a:hover { color:#FF76AC; }
.logo img  {width: 250px;}
.f-13{font-size: 13px;}
.greens i{color: #000;}

.accountLogin .dropdown-menu {padding: 0;}
.accountLogin .dropdown-menu li  {
  padding: 5px 10px;  font-size: 14px;
  border-bottom: solid 1px #f2f1f1;
}
.accountLogin .dropdown-menu li a  {font-size: 16px;}
       
.mainBanner .itemContent {
  position: absolute;
  width: auto;
  top: 50%;
  padding: 0;
  z-index: 1;
  text-align: center;
  left: 5%;
  transform: translateY(-50%);
}
.bannerText h2 {font-size: 40px; font-weight: 500;  font-family: 'Cocogoose';}
.bannerText h3 {font-size: 20px; font-weight: 400;  font-family: 'Cocogoose'; margin-bottom: 20px;}

.bannerText a.btnbanner{
  background-color: #FF76AC;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  padding: 5px 60px;
}
.bannerText a.btnbanner:hover{
  background-color: #000;
}

.accessibilityPage h4 {
  font-size: 21px;
  margin: 20px 0 2px;
  display: inline-block;
  width: 100%;
  font-weight: 600;
}




@media(min-width:993px)
{
header.fixed {top: 0;padding:0 0 10px 0;position: fixed;z-index:999;width: 100%;background:#faf4ef;border-bottom: solid 1px #cecece;}
header.fixed .logo {margin:10px 0 20px;}
header.fixed .headerTop { display: none;}
.removeFixedHeader header.fixed{ position: static; border:none; padding: 0;}
.removeFixedHeader header.fixed .headerTop{display: block;} 
.removeFixedHeader header.fixed .logo{margin: -60px 0 30px;}



header.fixed .stickyMasterTopBar { display: none;}
header.fixed .fixedHide {display: none;}
.removeFixedHeader header header.fixed .stickyMasterTopBar { display: block;}
.removeFixedHeader  header.fixed .fixedHide {display: block;}

 header.fixed  .headerTop ul{
  justify-content: center !important;
} 

header.fixed  .logo img {
  width: 170px;
}
.removeFixedHeader header.fixed  .logo img {
  width: 250px;
}
 
nav li.otherLogo{position:absolute;left:15px;top:-90px}
nav li.rolexClock{position:absolute;right:15px;top:-90px}
#navication .container {position: relative;}

.mainNav li a{color:#000;padding:0 18px;font-size:16px;text-transform:capitalize; text-decoration: none;}
.mainNav li a:hover{color:#FF76AC;}
.searchDesktop .btn{padding:0;background:inherit;color:#fff;outline:0;box-shadow:inherit;margin-right:9px}
.cartImg { width:25px;  margin: -12px 0 0;}
#navication{position: relative;}
.navication ul > li .megamenuWapper { max-height: 0;  overflow: hidden;  position: absolute;  z-index: 999;  left: 0;  right: 0;top: 30px;  transition: all 0.8s linear; display: none;}
.removeFixedHeader .navication ul > li:hover .megamenuWapper { max-height: 0;  display: none;}
.removeFixedHeader  .navication ul > li .megamenuWapper{max-height: 1000px !important; display: none;}
.removeFixedHeader .navication ul > li.open .megamenuWapper{max-height: 1000px;  display: block;}
.navication ul > li .megamenuWapper .megamenuSecondWapper { background-color: #fff;  box-shadow: 1px 0px 2px #ccc;  padding:20px 0 20px; position: relative;
    top:17px;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block;}

.navCatList > li { flex: 1 1 25%;  max-width: 25%;   padding: 0 15px;}
.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px; padding-left: 0; padding-right: 0;}
.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 80px;  height: 1px;   background-color:#a69a96;}
.navCatChildList li a{ text-transform: capitalize;color: #000; font-size: 14px;padding: 0;margin: 0 0 8px;
display: inline-block;}
.navCatChildList li a img {
  width: 19px;
  margin-right: 7px;
}

.mobileNavigations .searchNav   .form-control{box-shadow: inherit;background: #fff;border: none; outline: 0; width: 230px; font-size: 14px;}
.mobileNavigations .searchNav .btn{padding: 0 10px;outline: 0;box-shadow: inherit;background: inherit;}
/*nav { margin: 0 0 15px;}*/
header.fixed  nav { margin: 0;}
.mobileNavigations .searchNav .btn:hover {  color: #FF76AC; }

  .navCatList > li.navCatImage   {
  display: none;
}

  .catTitles {
  height: 50px;
  margin: 0 0 20px;
  line-height: 20px;
}



}


@media only screen and  (min-width:1101px) and  (max-width:1380px) {
  .mainNav li a {  
    padding: 0 10px;
    font-size: 15px; 
  }
  
  
}

 


@media only screen and (max-width:1400px)
{
.navication ul > li .megamenuWapper   .container{
  max-width: 96%;
}



}
    
@media only screen and (max-width:992px)
{     
.logo {
  margin: -60px 0 10px;
}                             
header.fixed {top: 0;position: fixed;z-index: 9;width: 100%;background:#faf4ef;border-bottom: solid 1px #cecece;}
 .midHeader img {width: 230px;}
header.fixed .stickyMasterTopBar { display: none;}
header.fixed .midHeader {padding:0px 0 0px;}
nav { margin: 0;    padding: 0;  width: 100%;  position: fixed;  left: 0;   top: 0;   bottom: 0;   right: 0;  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 .mobileNavigations  {align-items: baseline !important;overflow-x: auto; overflow-y: visible;height: 95vh;padding: 0 0 130px;}
nav .navication {  padding: 0;  margin: 0;  width:330px;  height: 100vh;  background-color: #fff;  left: -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;}
header nav .container {max-width: 100%;padding: 0;}
header nav{border-top:none;padding:0 0}
nav.showMainNav { visibility: visible;  opacity: 1;  z-index: 99999;}
nav.showMainNav .navication {  left: 0; visibility: visible;  opacity: 1;}  
.navHeader{padding:10px 10px;border-bottom:solid 1px #f2f0f0}
.navHeader img{width:190px}
.mainNav{flex-wrap:wrap; padding: 20px 0 20px;}  
.mainNav li{display:inline-block;width:100%;border-bottom:solid 1px #eee;padding:0;}
.mainNav li a{display: inline-block;width: 100%;padding:6px 15px;text-decoration:none;color:#5c5c5c;}
nav .navHeader .btnNavToggle {text-decoration: none;  width: 20%; z-index: 99;  height: 48px;   display: inline-block;  color: #fff;  text-align: center;   border: none;  position: absolute;  right: -44px;  top: 0px;}
nav ul li .megamenuWapper { display: none;}
nav ul li a .iconfont-downarrow  {font-size: 13px;float: right;}
.mainNav li:last-child{border-bottom:none;}
nav ul.navCatList li{position: relative;background:#000;border-top:1px solid #fff;border-bottom:none}
nav ul.navCatList li .navCatChildList li{background:#fff;}

nav ul.navCatList li:first-child {border-top: 1px solid #ddd;}
nav ul.navCatList li .navCatChildList li:first-child {background: #000 !important;}
nav ul.navCatList li .navCatChildList li:first-child a{color: #fff !important;}
nav ul li a.d-lg-none {position: relative;}
.navCatChildList{margin:0;padding:0;display:block!important;list-style:none;position:fixed;background:#fff;height:calc(100vh - 60px);overflow-y:auto;z-index:999;width:300px;top:60px;left:-100%;transition:all 0.4s ease-in-out}  
nav ul.navCatList li a {color:#fff;}
nav ul.navCatList li .navCatChildList li a {color:#000;}
 nav ul.navCatList li a i  {font-size:14px;float:right;position:absolute;right:12px;top:50%;transform: translateY(-50%)}
.navCatChildList{margin:0;padding:0;display:block!important;list-style:none;position:fixed;background:#fff;height:calc(100vh - 60px);overflow-y:auto;z-index:999; top: 85px;
    width: 330px; left:-100%;transition:all 0.4s ease-in-out}
  .navCatChildList.showSubcategery {
    left: 0;
   
  }
  
 nav ul.navCatList li a img {   
  width: 22px;
  margin-right: 7px;
  margin-top: 0px;
}


.navCatChildList .closeDropdown{position:absolute;right:0;top:50%;transform:translateY(-50%); color: #fff;}
.navCatChildList li:first-child{background:#000}
.navCatChildList li:first-child a { color:#fff;}
.mobsearchNav .dropdown-menu {transform:inherit!important;right:0;left:auto!important;width:300px;padding:0;top: 24px !important;}
.mobsearchNav .form-control{border-radius:0;height:49px;outline:0;box-shadow:inherit}
.mobsearchNav  form { position: relative;}
.mobsearchNav  form .btn{position:absolute;top:0;right:0;height:100%;padding:0;width:50px;background:#ebc873;border:none;border-radius:0;outline:0;box-shadow:inherit}
.mobsearchNav .form-control:focus, .mobsearchNav  form .btn:focus {border: none;}  
header .container {max-width: 96%;}
.stickyMasterTopBar .infoList li{ font-size: 13px;}
.btnNavToggle{position: relative;top: -1px;}
.mainBanner .itemContent .title {font-size: 30px;}
   
.headerTop .dropdown-menu {transform: inherit !important;right: -20px;left: auto !important;width: 270px;padding: 0;top: 28px !important;}
.headerTop .form-control{border-radius:0;height:49px;outline:0;box-shadow:inherit; font-size: 14px;}
.headerTop  form { position: relative;}
.headerTop  form .btn{position:absolute;top:0;right:0;height:100%;padding:0;width:50px;background:#e1d4c6;border:none;border-radius:0;outline:0;box-shadow:inherit}
.headerTop .form-control:focus, .headerTop  form .btn:focus {border: none;} 
footer .ftpAddress {
  width: 33%;
  float: left;
}
.bannerText h3 {
  font-size: 18px !important;
}
.bannerText h2 {
  font-size: 26px !important;
}
 
}

@media only screen and (max-width:1200px){

  .bannerText h1 {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Cocogoose';
}
.bannerText h3 {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Cocogoose';
}
}

.mainBanner .owl-theme .owl-nav {
  opacity: 1;
}
        
.mainBanner .owl-theme .owl-nav .owl-prev {
  border: none;
  background: inherit;
  outline: 0;
  position: absolute;
  left: 25px;
  color: #000;
  top: 50%;
  font-size: 47px; transform: translateY(-50%);
}

.mainBanner .owl-theme .owl-nav .owl-next {
  border: none;
  background: inherit;
  outline: 0;
  position: absolute;
  right: 25px;
  color: #000;
  top: 50%;
  font-size: 47px; transform: translateY(-50%);
}

.homeParallax {
  background: #dbcdcc;  
  font-size: 32px;
  color: #000;
 
}


 .shopByshape {
  text-align: center;
  padding: 0 0 50px;
}


.shopByshape h2 {
  color: #000;
  margin: 0 0 30px;
}

.diamondShapesList  li {}
.diamondShapesList li img {
  width: 62px;
  margin: 0 auto 12px;
  display: table;
}

.diamondShapesList li span {
  color:#605f5f;
  font-size: 16px;
}


 .section-subscribe{
  text-align: center;
  padding: 50px 0;
}

 
.section-subscribe h2 {
  margin: 0;
    margin-right: 0px;
  margin-right: 0px;
  font-size: 20px;
  color: #000;
  margin-right: 19px;
  font-weight: 600;
}

.section-subscribe p {
  color: #000;
  margin: 0 0 30px;
}

   .newsLetterBox .form-control {
  border-radius: 0;
  height: 40px;
  width: 300px; box-shadow: inherit !important;
  outline: 0;
}
 
 
  .newsLetterBox  .btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  border: none;
  height: 100%;
  padding: 0 20px; box-shadow: inherit !important;
  outline: 0;
}

   #message_err {
  position: absolute;
  color: #f00;
  font-size: 15px;
  left: 0;
  bottom: -26px;
}

  #message_succ {
  position: absolute;
  color:#128c2b;
  font-size: 15px;
  left: 0;
  bottom: -26px;
}
header {     position: sticky;z-index: 9;
  top: -300px;
  transition: all .6s ease-in-out 0s;
}
header.fixed    .midHeader    {
  display: none;
}

.removeFixedHeader header.fixed    .midHeader {display: block;}

header.fixed .mobileNavigations {padding: 7px 0 0;}
.removeFixedHeader header.fixed .mobileNavigations {padding: 0px 0 10px;}

.shapeDiamonds_slide .owl-item .item {
   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
   margin: 50px 0 0;
 }

.shapeDiamonds_slide .owl-item .item img {
    -webkit-transition: 0.3s;
 
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.60);
    -ms-transform: scale(0.60);
    transform: scale(0.60);
}

.shapeDiamonds_slide .owl-item.center .item img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.shapeDiamonds_slide .owl-nav {
    text-align: center;
 
}

.shapeDiamonds_slide .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #000 !important;
}



 .shapeDiamonds_slide .owl-next  {
  position: absolute;
  right:33%;
bottom: 9px;
  z-index: 1;  outline: 0;
}

.shapeDiamonds_slide .owl-prev {
  position: absolute;
  left:33%;
  z-index: 1;
 bottom:9px;  outline: 0;
}

 .shapeDiamonds_slide  p  {
  display: none;
}

.shapeDiamonds_slide .owl-item.active.center p {
  display: block;
  text-align: center;
  margin: 50px 0 0;
  letter-spacing: 0.5px;
  font-size: 21px;
  color: #000;
  font-weight: 500;
}

.shapeDiamonds_slide .owl-item.active.center p span{
  font-size:15px;
  color: #000;
  font-weight:400;
}

 .serviceshape  .proTitle {
  text-transform: capitalize;
}







 @media only screen and (min-width:990px)
 {
.checkerBoardText  {
  max-width:500px;
  margin: auto;
}



}


.copyText  a  {
  color: #FF76AC;
  text-decoration: underline;
  font-weight: 600;
}


.footerTop {
  background: #e1d4c6;
  padding: 30px 0 30px;
}

.footerTop h4 {
  color: #000;
  font-size: 18px;
  margin: 0 0 15px;
  font-family: 'Quicksand', sans-serif;
font-weight: 600;
}

.footerTop p { font-size: 16px;}
.footerTop li{margin: 0 0 7px;}

.footerTop li a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
}

.homeTitle {
  text-align: center;
  color: #000;
  margin: 0 0 0;
    margin-bottom: 0px;
  margin-bottom: 0px;
  font-size:28px;   font-weight: 400;
  text-transform: uppercase;
}


.categoriesBox   h4 {
  font-size:20px;
  color: #000;
  margin: 8px 0 0;
}

 .categoriesBox .item:hover h4, .categoriesCol:hover h4 { color:#FF76AC; }

footer .ftpAddress  h5 {
  margin: 0 0 3px;
  color: #000;
  font-family: 'Quicksand', sans-serif;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
}

footer .ftpAddress li{
  color: #000;
  font-size: 15px;
}


@media(max-width:1140px)
{
.mainNav li a {padding: 0 8px;font-size: 14px;}
    
    
}
@media (max-width:1040px) {
  .mainNav li a {
    padding: 0 6px;
    font-size: 13px;
  }
    .mobileNavigations .searchNav .form-control {
   
    width: 196px;
    font-size: 12px;
  }
   .mobileNavigations .searchNav .btn {
    padding: 0 2px;} 
  
  
  
}


@media(max-width:992px)
{
 .mainNav li a {
  padding: 10px 13px;
  font-size: 14px;
}   
.categoriesBox.owl-theme .owl-nav {
  opacity: 1;
}

.categoriesBox.owl-theme .owl-nav .owl-prev {
  border: none;
  background: inherit;
  outline: 0;
  position: absolute;
  left:-25px;
  color: #000;
  top:39%;
  font-size: 47px;
  transform: translateY(-50%);
}


.categoriesBox.owl-theme .owl-nav .owl-next {
  border: none;
  background: inherit;
  outline: 0;
  position: absolute;
right: -25px;
  color: #000;
  top:39%;
  font-size: 47px;
  transform: translateY(-50%);
}

.diamondShapesList li img {
  width: 40px;
}
.diamondShapesList li span {  
  font-size: 13px;
}
.homeTitle {   font-size: 24px;}

  .checkerBoardText, .checkerBoardText h4.homeTitle   {
  text-align: center!important;
}

 .footerTop h4 {  
  margin: 10px 0 15px;}
  
 


    
    
}   
    
@media(max-width:767px)
{
footer .ftpAddress {width: 100%;float: left;}
.homeTitle {font-size: 20px;}
.shapeDiamonds_slide .owl-item.active.center p span {display: none !important;}
.categoriesBox h4 {font-size: 15px;}
.categoriesCol {margin: 10px 0 0;}
.marqueBoxes{margin: 0 0 20px;}
.diamondShapesList li {width: 20%;margin: 0 0 20px;}
.checkerBoards {padding: 0 3rem;}
.section-subscribe p {margin: 0 0 13px;}
.section-subscribe h2 {font-size: 16px;color: #000;margin-right: 0;font-weight: 400;margin-bottom: 10px;width: 100%;}
.section-subscribe .d-flex{flex-wrap: wrap;}

.section-subscribe {text-align: center;padding: 30px 0;border-top: solid 1px #e6e6e6;margin-top: 20px;}
.logo {margin:0 0 15px;}
  
 .shapeDiamonds_slide .owl-prev {
  left: 19%;}
  
  .shapeDiamonds_slide .owl-next {
  right: 19%;}
  
  
.mobileHide {display:none!important;}
 .headerTop ul { flex-wrap: wrap;}
.headerTop li {width: 100%;display: flex;justify-content: space-between;} 
.headerTop li.mobLogo  {justify-content: center;}
.logo img {width: 170px;margin: 13px 0 0;}
.headerTop {padding: 10px 0 10px;}
.ftpNav {
  display: none;  padding: 10px 10px;
}
.footerTop h4 {
  color: #000;   cursor: pointer;
  font-size: 18px;
  padding: 10px  10px;
  border-top: solid 1px #141212;
  margin: 0;
}
 .footerTop h4::after {
  content: '+'; margin: -6px 0 0;
  float: right;
  font-size: 24px;
}
 .footerTop h4.active::after {
  content: '-';  
}
.footerTop h4.last {  border-bottom: solid 1px #141212;}

    .copyText  p {
  font-size: 14px;
  padding: 0 10px;
}


.mainBanner .itemContent {
  position: absolute;
  width: auto;
  top: 80%;
  padding: 0;
  z-index: 1;
  text-align: center;
  left: 15%;
  transform: translateY(-50%);
}
.bannerText h2 {font-size: 28px;}
.bannerText h3 {font-size: 16px; margin: 10px 0;}

.bannerText a.btnbanner{
  background-color: #FF76AC;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 5px 40px;
}
                         
}

@media(max-width:480px)
{
   
  

 .diamondShapesList li {
  width: 20%;
  margin: 0 0 20px;
}
 
 .checkerBoards {
  padding: 0;
}

.section-subscribe h2 {  
  font-size: 17px;
  color: #000;
  margin-right: 10px;
  font-weight: 400;
}

 .section-subscribe .d-flex{
  flex-wrap: wrap;
}

.categoriesBox.owl-theme .owl-nav .owl-prev {
  left: 0;}
  
.categoriesBox.owl-theme .owl-nav .owl-next {
  right: 0;

} 
.categoriesBox h4 {
  font-size: 16px;
  color: #000;
  margin: 8px 0 0;
  font-weight: 400;
}
.bannerText h2 {
  font-size:16px !important;
}
 .mainBanner .itemContent {
    top: 82%;
    left: 0;
    width: 100%;
    padding: 5px 10px;
  }
.bannerText h3 {
  font-size: 12px!important;
  margin: 10px 0;
}  
}
  


 #categoriesBox a  {
  text-decoration: none;
}

 .categoriesCol a,.ringStyleHome  a  {
  text-decoration: none;
}

