@import url(https://db.onlinewebfonts.com/c/2fe381b3d8cf4ee5f331668970d8a65a?family=Sailec+Light); 
@import url(https://db.onlinewebfonts.com/c/ac9525e5f200f57332b3080d0db9d8f6?family=Sailec+Medium); 
@import url(https://db.onlinewebfonts.com/c/61b43418b9624db49ba89da5d1b7eec8?family=Sailec+Bold); 
*{margin: 0;padding: 0;}
html,body{font-size: 14px; font-family: 'Sailec',sans-serif; color: #000;font-weight: 300;letter-spacing: 1px;}
li{list-style: none;}
ul{margin-bottom: 0; padding:0;}
a:hover{text-decoration: none;}
img{max-width: 100%; height: auto;}
img[src="https://www.divourdiamonds.com/images/ajax-loader-new.gif"]{width: 54px !important; height: 55px !important; left: 50%; position: absolute; top: 50%; transform: translate(-50%);}
.btn{border-radius:0;}
.btn-primary{background:#3f3a3a;border-color:#3f3a3a;font-size:14px;font-weight:300;}
.btn-primary:hover{background:#024162; border-color:#748FB2;}
.btn-white{background: #fff; width: 260px; height: 40px; font-weight: 600; border:1px solid #a4a4a4; display: inline-block; line-height: 40px; text-transform: uppercase; color: #295470; font-size: 14px;}
.btn-white:hover{background: #024162;  color: #fff; border-color:#024162;}
button:focus{outline: none;}
.p-30 {padding:0 30px;}
.headerBottom {
  box-shadow: 0px 3px 16px #0000000F;
  display: inline-block;
  width: 100%;
}
.mainBanner  {
  margin: 26px 0 0;
}
 .container{max-width:100%; padding: 0 0px;} 
 
@media(min-width:1500px){  .container{max-width:1440px;padding-left:0!important;    padding-right:0!important; }}
@media (min-width: 1024px) {  .container {    padding-left: 6.25rem;    padding-right: 6.25rem;  }}
header .container  {  padding: 0 20px;}
.mainBanner .container  {  padding: 0 0px;}
.no-padding {padding: 0!important;}

.headerInfoBar {padding: 10px 0;position: relative;}
.headerInfoBar .closeInfoBar{position: absolute; right:10px; top:50%; transform:translate(0, -50%); color: #fff;}
.headerInfoBar p{margin-bottom: 0;}
.headerInfoBar div{display:flex;justify-content:center;gap:6px}
.headerInfoBar div a {text-decoration: underline;}
.headerTop {background:#748FB2;  padding: 10px 0 10px;}
.headerTopList .headerTopListes{display:flex;align-items:center; }
.headerTopList .headerTopListes li {margin-right:30px;}
.headerTopList .headerTopListes li:last-child {margin-right:0px;}
.headerTopList .headerTopListes li a{letter-spacing: 1.5px;display:flex;align-items:center;color:#EAF2FC;text-decoration:none;font-size:12px;text-transform:uppercase;line-height:16px;}
.headerTopList .headerTopListes li a img{margin-right:8px;}
.headerTopList .headerTopListes li.currency a img {  margin-right: 0;  margin-left: 4px;  margin-top: -2px;}
.headerTopList .headerTopListes li.navLogins  a img {   margin-right: 0;  margin-left: 4px;  margin-top:1px;}
.headerTopList .currency .dropdown-menu{color:#000;box-shadow:0 0 16px #0000000D;padding:0;border:1px solid #D9D9D9;border-radius:0 0 3px 3px;margin:12px 0 0;min-width:168px;padding:3px 6px}
.headerTopList .currency ul li{display:flex;flex-direction:row-reverse;line-height:16px;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between;padding:10px 14px}
.headerTopList .currency ul li img{width:23px}
.navLogins .dropdown-menu{color:#000;left:auto!important;right:0;box-shadow:0 0 16px #0000000D;border:1px solid #D9D9D9;border-radius:0 0 3px 3px;width:190px;padding:22px 9px;margin:28px 0 0;transform:inherit!important}
.navLogins .dropdown-menu li{margin-bottom:16px;width:100%;display:inline-block}
.navLogins .dropdown-menu li a{color:#004340;text-transform:capitalize;font-size:13px;display:flex;align-items:center;}
.headerTopList .currency .dropdown-menu{transform:inherit!important;top:0px!important;left:auto!important;right:0;margin:28px 0 0}
.headerBottomList{display:flex;padding:40px 0;}
.headerBottomList li {margin-right:20px;}
.headerBottomList li:last-child {margin-right:0px;}
.headerBottomList li a{display:flex;align-items:center;color:rgb(49 63 78);font-size:12px;line-height:16px;}
.headerBottomList li a img{ margin-right:11px;}

.ftpNav li a.lht {
  line-height: 26px;
}


.subscribeBox{background:#EAF2FC;padding:78px 0}
.subscribeBox h4{font-family: Utopia Std,Times New Roman,Serif;font-size:32px;text-align:center;color:rgb(49 63 78);margin-bottom:10px;line-height:47px;}
.subscribeBox p{font-size:1.125rem;text-align:center;margin:0 0 38px;line-height:26px;color:rgb(49 63 78);}
.subscribeBox #contactEmail {
  box-shadow: 0 3px 16px #0000000A;
  border: 1px solid #D8DDD6;
  border-radius: 5px;
  height: 60px;
  font-weight: 300;
  padding-left: 36px;
}
.subscribeBox .subscribeButton{height:60px;background:rgb(49 63 78);color:#fff;box-shadow:0 3px 16px #0000000A;border-radius:0 5px 5px 0;width:120px;font-size:0.83rem;line-height:17px;text-transform: uppercase;font-weight: 400;}

.subscribeBox .subscribeButton:hover {background:#748FB2 ;}

footer{background:rgb(49 63 78);padding:81px 0 41px}
.ftTab{font-family: Utopia Std,Times New Roman,Serif;font-size:20px;line-height:27px;color:#fff;margin:0 0 35px}
.ftTabs{font-family: Utopia Std,Times New Roman,Serif;font-size:20px;line-height:27px;color:#fff;margin:0 0 35px}
footer p{color:#CCC}
.ftpNav li a{color:#CCC;font-size:14px;line-height:38px;}
.ftpNav li a:hover{color:#fff; }

.adFt p {  display: flex;  align-items: center;  gap: 7px;  font-size: 16px;  line-height: 28px;   color: #CCC;  margin: 0 0 8px;}
.ftBtn {  background: #748FB2;  width: 241px;  margin: 30px 0 0;  display: flex;  text-align: center;  height: 50px;  line-height: 17px !important;  border-radius: 5px;  font-size:0.83rem!important;  justify-content: center;  align-items: center;  color: #FFF !important;  font-weight: 400;}
.ftBtn:hover{background:#fff;color:#748FB2!important; }
.copyText{padding-top:81px;color:#fff;font-size:1.125rem;line-height:22px;}

 .ftpSocial  {
  display: flex; 
}
 .ftpSocial li  { 
  margin-right: 20px;
}

 .ftpSocial li:hover img {
  filter: brightness(0) invert(1);
}

    
.searchpopUp {
  background: #748FB2;
  width: 100%;
  padding: 20px 0;
  position: absolute;
  top: -150%;
  left: 0;
  z-index: 9;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #f7f7f7;
  transition: all .3s cubic-bezier(0,0,.38,1);
  height: 54px;
}


 .searchpopUp .input-group{
  width: 550px;
}


.searchpopUp.searchpopUpOpen {
  top: 0px;
  transition: all .3s cubic-bezier(0,0,.38,1);
} 

.serachBoxeInput  {
  width: 100%;
  position: relative;
}

.serachBoxeInput input {
  border-radius: 0;
  height: 40px;
  padding: 3px 20px;
}




.serachBoxeInput button[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  background: #060C14;
  border: none;
  height: 100%;
  width: 40px;
  color: #FFF;
}


#closeSearch {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}


.serachBoxeInput button[type="submit"] img  {
  width: 20px;
}


.ftpInfo li {
  display: flex;
 
  font-size: 16px;
  line-height: 18px;
  color: #CCC;
  margin: 0 0 18px;
}

.ftpInfo li img {
  margin: 11px  0 0 0;
}

.ftpInfo li .iconImg  {
  margin: 0  8px 0 0;
}

.ftpInfo li:first-child img {
  margin: 3px 0 0;
}

.ftpInfo li .iconImg{
  width: 25px;
}
.ftpInfo li .icontext {font-size: 14px;}
  .ftpSocial li svg {
  color: #748fb2;
  width: 24px;
  height: auto;
}

.ftpSocial li img  {
  width: 28px;
  max-width: inherit;
}


.submenuBox.fifth img {
  height: 100%;
  width: 100%;
  max-width: inherit;
  object-fit: cover;
}

@media only screen and (min-width:993px)
{
.logo {  margin: -80px 0 0;}
nav{top:-100px;margin:0 0 8px;transition:all .3s ease-in-out 0s}
#navication{position:relative}
 
nav ul li  {margin-right:15px;}
nav ul li a{padding:10px 0;display:block;color:rgb(49 63 78);font-size:14px;text-transform:uppercase;line-height:16px;}
nav ul li.spaces{ margin-right: 35px;}
nav ul li a:hover,nav ul li a.active{color:#024162}

.navTitle a{padding: 0;line-height: 18px;}

.navication ul li .subMenu{position:absolute;z-index:999;height: 430px;width:100%;left:0;top:100%;display:none; background:#fff;border-top:1px solid #ddd}
.navication ul li:hover .subMenu{display:block}
.navication ul li .subMenu .subMenuBoxes {display:flex; height: 100%;}
 .navTitle {
    color: rgb(49 63 78);
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 22px;
    text-transform: uppercase;
    font-weight: 400;font-size: 13px;
  }
 .navication ul li .subMenu li a {
    padding: 0;
    font-size: 14px;
    margin:0 0 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center; 
  }
  
   .navication ul li .subMenu li a span{ 
    margin-right: 10px;
  }
.navTitle.bottoms{  margin:25px 0 16px;}
 .navication ul li .subMenu li a span {
    width: 24px;
    text-align: center;
  } 
  
  .navication ul li .subMenu .shoStyles li a span {
  width: 37px;
  margin-left: -6px;
}
   .navication ul li .subMenu li a span img{
 
  }
.submenuBox{padding:32px 10px 0 10px}
.submenuBox.first{background:#EFF6FF;width: 24%; }
.submenuBox.second {    padding: 29px 0 29px 35px;    width: 16%;  }
.submenuBox.third{  padding: 29px 18px; width: 15%;}
.submenuBox.fourth { padding:29px 10px;width: 22%;}
.submenuBox.fourths { padding:29px 10px;width: 20%;}
.submenuBox.fifth {    padding: 29px 30px 29px 0;    width: 27%;  }
  
 .submenuBox.seconds {    padding:29px 0 29px 31px;    width: 19%;  } 
 .submenuBox.second1 {    padding: 29px 0 29px 35px;    width:21%;  } 
.submenuBox.third1{  padding: 29px 18px; width:16%;}
.submenuBox.fourth1 {
  width: 18%;
}
 

}


@media only screen and (min-width:1601px) {
  .navication ul li .subMenu .subMenuBoxes { 
    max-width: 1440px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto;
  }
  .submenuBox.first::before { 
    background: #EFF6FF;
content: "";
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  }
  .submenuBox.first { 
    position: relative;
  }
  .submenuBox.first {
    padding-left: 0!important;
  }
  
  
}

@media only screen and (min-width:1100px) and (max-width:1440px) 
{
 
    
}

@media only screen and (min-width:1400px) {
  .submenuBox.first { 
    padding-left:40px;
  }
}


@media only screen and (max-width:1300px) 
{
.submenuBox{padding:32px 0 32px 20px;}
.submenuBox.fifth{width:21%;padding:32px 40px 32px 10px}
.submenuBox.second {padding: 29px 0 29px 29px;} 
   .submenuBox.seconds {    padding: 29px 0 29px 23px;    width: 20%;  }
   
}
@media only screen and (max-width:1200px) 
{

.submenuBox {padding: 32px 20px;}
.navication ul li .subMenu li a {padding: 0;font-size: 12px;}
.submenuBox.fifth{width:21%;padding:32px 40px 32px 10px;display:none}
.submenuBox.first{width:30%}
.submenuBox.second{width:24%;padding:32px 27px}
.submenuBox.third{width:20%;padding:32px 27px}
.submenuBox.fourth{width:26%;padding:32px 10px}
.ftTab { 
  font-size: 18px; 
}    
#signature .card h2 a {
  font-size: 18px;
  line-height: 23px;   
  padding: 0 20px;
}


   
  
}

 @media only screen and (max-width:1100px) {
  nav ul li {
    margin-right: 4px;
  }
}

@media only screen and (max-width:992px) 
{
.mobileLogo{position:absolute;justify-content:center;display:flex;left:50%;margin:0;transform:translateX(-50%)}
.CartIcons{margin-left:auto}
.headerBottomList li span{display:none}
.headerBottomList{display:flex;padding:20px 0 20px;gap:0px;align-items:center}
.headerBottomList li {
  margin-right: 12px;
}

.logImg{width:21px}
nav{margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgb(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.showMainNav{visibility:visible;opacity:1;z-index:99999}
nav .navication{padding:0;margin:0;width:300px;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}
nav.showMainNav .navication{left:0;visibility:visible;opacity:1}
nav .container-fluid { padding: 0;}
nav .navHeader{padding:10px 0;height:50px}
nav .navHeader .btnNavToggle{width:20%;z-index:99;height:48px;display:inline-block;color:#fff;text-align:center;border:none;position:absolute;right:-44px;top:0}
nav .navHeader .btnNavToggle .iconfont{font-size:30px}
.navHeader .searchdropdown{width:100%;text-align:center;display:inline-block;padding-top:4px}
.navHeader .searchdropdown a{color:#000;font-size:14px}
.navHeader .searchdropdown .fa-angle-down{font-size:20px;display:inline-block;vertical-align:top}

 nav .navication ul {    flex-wrap: wrap;  }
nav ul li{width:100%;border-top:1px solid #ddd}
nav ul li a{padding:10px 10px;width:100%;display:flex;justify-content:space-between;color:#000;text-transform:uppercase;font-size:13px} 
.subMenu{position:fixed;width:300px;background:#fff;height:calc(100vh - 50px);top:50px;overflow-y:auto;transition:all .3s ease-in-out 0s;left:-300px;overflow-x:hidden;z-index:99}  
.subMenu.showDropDown{left:0}  
.submenuBox {padding:0px !important;width: 100% !important;}
   
  nav .navication li .subMenu .navTitle {
    padding: 6px 10px;
    font-size: 13px;
    background: #ddd;
    position: relative;
    text-transform: uppercase;
  }
  .navication ul li .subMenu li a {  padding: 7px 10px 7px;  font-size: 11px;   justify-content: start;  align-items: center; letter-spacing: 0.5px;  }  
.subMenuBoxes{padding:0 0 30px}
.btnNavToggleNew{position:absolute;right:3px;width:auto;top:-2px;font-size:17px}
.navication  .navHeader .dropdown-menu{color:#000;box-shadow:0 0 16px #0000000D;border:1px solid #D9D9D9;border-radius:0 0 3px 3px;margin:12px 0 0;min-width:168px;padding:3px 6px!important}
 .navication ul li .subMenu li a span  {  margin-right: 7px;} 
.navication .navHeader .dropdown-menu li{border: none;display:flex;flex-direction:row-reverse;line-height:16px;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between;padding:10px 14px}
.mbHide {display:none;}
.ftTab{font-size:17px} 
.ftpNav li a{font-size:13px;line-height:34px}
.ftRight{display:flex;margin:40px 0 0}
.ftRightFirst{width:50%;float:left}
.ftRightSecond{width:50%;float:left}.ftBtn{width:210px} 

.headerTopList .headerTopListes li.dropdown img{
  width: 10px;
}
   
 .adFt p { 
  font-size: 13px; 
}

.ftBtn { 
    margin: 20px 0 10px;
  }
  
   nav ul.mainNav {
    gap: 0!important;
  }
  nav .navication li .subMenu .navTitle.bottoms.mb-0  {
  margin: 9px 0px !important;
  padding: 0;
}
  
  
}



@media only screen and (max-width:767px) 
{  
.headerTopList .headerTopListes li span  {display: none;}
.headerTopList .currency .dropdown-menu span  {display: block;}
.headerTopList .headerTopListes{justify-content:space-between}
.headerTopList .currency .dropdown-menu{right:0!important}
.ftRight{flex-wrap:wrap}.ftRightFirst{width:100%;margin:0 0 30px}
.ftRightSecond{width:100%;float:left}.ftTab{font-size:19px;margin:30px 0 20px}
footer{background:rgb(49 63 78);padding:51px 0 30px}
.subscribeBox h4{font-size:32px;line-height:35px}
.subscribeBox p{font-size:18px;line-height:27px}
.subscribeBox .subscribeButton{width:90px;font-size:12px;line-height:17px}



  
     
}



@media only screen and (max-width:500px) 
{
    
    #searchpopUp form {
  width: 80%;
}

.searchpopUp .input-group {
  width:100%;
}
  .mobileLogo {
    position: static; 
    margin: 0;
    margin-right: 0px;
    transform: inherit;
  }
  
  .mobileLogo  {
  width: 220px;
  margin-left: 16px;
}

  
      
}


 .newsletter-error {  
  color: #f00;
  opacity: 1 !important;
}


.newsletter-success.newsletter-error {  
  color:#067f63;
  opacity: 1 !important;
}




@media only screen and (max-width:420px) 
{
.mobileLogo img{width:auto;left:-10px;position:relative}
.headerBottomList{padding:20px 0 20px;gap:15px}
.headerBottomList li a img {
  margin-right: 00;
}

  .headerBottomList li {
    margin-right: 3px;
  }

}



@media only screen and (min-width:2001px) {
  nav ul li a { 
    font-size: 14px; 
  }
  
  .navication ul li .subMenu li a { 
    font-size: 14px; 
  }
  
  
}