@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');
*{margin:0;padding:0}
a{transition:all .3s ease-in-out 0s}
p { font-size: 16px;}
li{list-style: none;}




a:hover{text-decoration:none}
body{font-size:14px;color:#222; font-family: "Poppins", sans-serif;}
.wrapper{overflow:hidden}
.innerWrapper{position:relative;left:0}
#mainNavigation,.headerMidNav,.innerWrapper,.navContainer{transition:all .3s ease-in-out 0s}
.header-mid,.header-top,.homebanner,header{width:100%;float:left}
header{position:relative;z-index:999;}
.header-mid{padding:15px 20px}
.header-mid ul{margin-bottom:0;display:inline-block}
.header-mid ul li{list-style:none;display:inline-block}
.header-mid ul li a{color:#1c1819;display:block}
.header-mid .fa{font-size:16px;font-weight:300}
.pos-releative{position:relative}
.mainNavication{width:100%;float:left;text-align:right;margin:0;padding:0}
nav{float:left;padding:0;transition:all .3s ease-in-out 0s;position:relative}
nav li{display:inline-block;position:relative;}
nav li>a{display:block;padding:15px 11px;color:#000;font-size:16px;letter-spacing:1px;text-transform:uppercase;position:relative}
nav li>a:hover{color:#259fca;text-decoration: none;}
.mainNavication li .dropdown-menu{opacity:0;transition:all .5s ease-in-out 0s;right:0;left:inherit}
.mainNavication li:hover .dropdown-menu{opacity:1}
.mainNavication li .dropdown-menu li{border-top:1px solid #ddd;padding:6px 0;width:100%}
.mainNavication li .dropdown-menu:before{position:absolute;content:'\25B2';font-size:14px;color:#ddd;top:-16px;right:8%}
.mainNavication li .dropdown-menu li:first-child{border-top:none}
.mainNavication li .dropdown-menu li:hover{background:#f2f2f2}
.headingBg{background:#e4ecf1;width:100%;float:left;text-align:center;padding:10px 0 15px}
a.hideShowNav{font-size:16px;color:#222;padding:4px 10px; display: none;}
nav li .btn{border-radius:0;}
a:focus{outline:0; text-decoration: none;}
.top-slide{width:35px;height:35px;text-align:center;position:fixed;bottom:50px;right:40px;font-size:20px;display:none;z-index:999;background:#f53b14;border-radius:50%;color:#fff!important;line-height:35px}
.body-container,.footerNav,footer{float:left;width:100%}
.body-container{padding:20px 0 0}
.breadcrumbs{line-height:1.5em;margin:0 0 10px;width:100%;float:left;padding-left:30px}
.breadcrumbs ul{padding-left:0}
.breadcrumbs li{float:left;font-size:.8em;list-style:none;color:#aaa}
.breadcrumbs a{display:block;float:left;color:#aaa}
.breadcrumbs ul li span{padding:0 4px}
.body-container .page-title h1{font-size:2.6666em;text-align:center;}
.logo img{max-width:100%; padding: 10px 0; width: 280px;}
footer{margin-top:25px;font-size:12px;}
footer .footerTop{background:#313131;padding:20px 0}
footer .footerTop h5{color:#fff;font-size:18px;text-transform:uppercase;line-height:26px;margin:0}
footer .footerTop h5 span{display:block;font-size:17px}
footer .footerTop h5 span a{color:#f53b14;text-decoration:none}
footer .footerTop .form-control{height:54px;line-height:54px;border-radius:0;border:1px solid #f53b14;width:70%;display:inline-block;float:left}
footer .footerTop .btn{border-radius:0;height:54px;line-height:54px;width:154px;padding:0;text-align:center;background:#f53b14;color:#fff;font-size:16px;text-transform:uppercase;margin-left:12px;border:none;transition:all .3s ease-in-out 0s}
footer .footerTop .btn:hover{background:#fff;color:#000}
.footerNav{padding-top:30px;text-transform:uppercase}
.footerNav h3,.footerNav h4{font-size:1.6666em;color:#313131;text-transform:uppercase;margin-top:0;margin-bottom:10px}
.footerNav ul{margin-bottom:0;padding:0}
.footerNav ul li{display:inline-block;width:100%;list-style:none;line-height:20px;text-transform:uppercase}
.footerNav ul li a{display:block;color:#222}
.footerNav ul li a:hover{text-decoration:underline}
.footerNav a.learn-more{display:inline-block;margin-top:10px;text-decoration:underline;color:#222}
.footerNav a.learn-more:hover{text-decoration:none}
.footerNav p{line-height:24px;color:#313131}
.footerNav h4{margin:20px 0 15px}
.footerNav .social-icon{width:100%;float:left}
.footerNav .social-icon a{color:#fff;background:#f53b14;width:30px;height:30px;text-align:center;line-height:30px;display:inline-block;margin-right:6px;font-size:16px;border-radius:50%}
.footerNav .social-icon a:hover{background:#000}
p.copyText{font-size:12px;margin-bottom:0;padding-bottom:6px}
.hoverEffect{width:100%;float:left;position:relative}
.body-container a{color:#104480}
.body-container h3{font-size:20px;margin:30px 0}
.body-container a:hover{color:#000}
.diamondsearch-large{background:#104480 none repeat scroll 0 0;border-radius: 30px;color:#fff!important;display:inline-block;font-size:16px;margin-bottom:15px;padding:12px 20px}
.diamondsearch-large:hover{background:#249fcb}
.btn-default{border-radius:0;background:#104480;color:#fff!important;min-width:180px;text-align:center;border-radius: 30px; padding: 10px 23px;border:none;text-shadow:none}
.btn-secondary{border-radius:0;min-width:180px;text-align:center;border:none;text-shadow:none}
.btn-default:focus,.btn-default:hover{background:#249fcb;color:#fff;border:none}
/* .mid-page-content{width:100%;float:left;padding:30px 35px} */
.mid-page-content{width:100%;float:left;padding:0}
.body-container .panel-default>.panel-heading h3,.body-container .panel-info h3{margin:0}
.body-container .form-control{border-radius:0}
.popup-right li{list-style:none;line-height:24px}
.popup-right h2{font-size:22px;margin-top:0}
.body-container .nav-tabs>li a{color:#000}
.retPortal{font-size:16px;color:#104480;     padding: 15px 11px; position: relative; z-index: 1;}
.retPortal:hover{color:#259fca;     }
.retailerBtn { margin-top: 25px;}
.contactBottom {
  text-align: center;
  padding: 40px 0 50px 0;
  min-height: auto;
}

.catsBox h3{
  font-size: 16px;
}


@media(max-width:767px){
  .catsBox .jewelry-search {
  flex-wrap: wrap;
}
.headerMidLinks{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap;padding:0 20px 15px}
.headerMidLinks .retPortal{margin:0 5px}
.loggedIn .headerMidLinks{flex-wrap:wrap; padding: 220px 0;}
.headerMidLinks .currencySelectBox{max-width:100%}
.logo img {
    padding: 0;
    width: 350px;
}
}

.mt-5 {margin-top:3rem;}
footer {
  border-top:
solid 1px #f6f6f6;
  padding:
20px 0 0;
}

.empty_cart img{max-width: 100%;}
.featuredProduct{background:#fff none repeat scroll 0 0;border:1px solid #d5d5d5;display:block;margin:0 auto;padding:12px;position:relative;text-align:center;width:100%}
.productListing .featuredProduct{margin-bottom:30px}
.lblNewItem{background-color:#c3a333}
.lblBestSeller,.lblNewItem{color:#fff;font-size:9px;left:0;line-height:14px;padding:3px 5px;position:absolute;text-transform:uppercase;top:0;z-index:1}
.featuredProduct .productImage{display:block; overflow:hidden; position: relative;}

.featuredProduct .productImage img[src="https://diamonds.greenrocksdiamonds.com/images/ajax-loader-product.gif"]{left:50%;top:37%;margin:-8px 0 0 -8px; position: absolute; transform: inherit;}
.featuredProduct .productTitle{float:left;font-size:12px;height:46px;overflow:hidden;text-align:center;width:100%;color:#000}
.featuredProduct .productSize{bottom:125px;left:0;margin:0;padding:0;position:absolute;right:0}
.featuredProduct .block1{background-color:#fafafa;float:left;margin:10px 0;padding:10px;width:100%}
.featuredProduct .productPrice{font-weight:700}
.btn-block{display:block;width:100%}
.featuredProduct .block2 a{color:#e44b3c}
.productDetailContainer .btn-group .btn{border:1px solid #fff}
.requestViewingInfo li{list-style:none;width:100%;float:left;margin-bottom:10px}
.requestViewingInfo h2{font-size:24px;margin-top:0}
.modal-content{display:inline-block}
#videoModal .modal-content{display:inherit}
.header-mid form{display:inline-block;}
.headerMidLinks i{font-style: normal;}

@media(min-width:766px){
 .featuredProduct .productImage .lazy {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);} 
  .featuredProduct .productImage{height:330px;}  
}
@media(min-width:999px){
 .featuredProduct .productImage{height:250px;}
 .navbar-fixed .close-menu-btn{display: none !important;}

}
@media(max-width:1370px){
nav li>a{letter-spacing:.4px}
}
@media(max-width:1281px){
nav li>a{padding:15px 6px}
}
@media(max-width:1030px){
nav li>a{padding:11px 4px;font-size:11px}
.product-item_info{bottom:0}
footer .footerTop .form-control{width:63%}
}
@media(max-width:780px){
nav li>a{padding:11px 7px;font-size:13px}
.mainNavication{text-align:center}
.footerNav h3{margin-top:20px}
}
@media (max-width:767px){
nav li{width:100%;border-top:1px solid #fff;text-align:left}
nav li a{padding:14px 10px;font-size:16px;text-decoration:none!important}
nav li>a{border-bottom:none}
.fa-angle-down{display:none}
nav li{padding:0}
header{position:static}
.mid-header{width:100%;float:left}
.hideShowNav{width:100%;float:left;padding:10px 0}  
.hideShowNav.selectshowDiv{background:#dedede}
.mobile-icon{float:right;margin-top:-44px;padding:0!important}
.mobile-icon li{border-top:none!important;padding:13px 20px 0}
.mobile-icon li a{padding:0}
.header-mid{padding:15px 0}
.mob-navHeader .siteLogo{width:100%}
nav li{position:inherit;line-height:30px}
nav .mainNavication a{padding:10px!important;font-size:15px}
footer{text-align:center}
/* .mid-page-content{padding:15px} */
.mid-page-content{padding:0}
.header-mid,.header-top,.homebanner,header{overflow:hidden}
.body-container .page-title h1{font-size:2em}
.contactPageContainer input.mb-15 { margin-bottom: 15px;}
}
.modal{background-color:rgba(0,0,0,.4)}
.modal-backdrop,.modal-backdrop.in{display:none!important}
.dia-cert{text-decoration:underline;font-size:12px}
.currencySelectBox{width:110px;border-radius: 30px;height:34px;font-size:12px}
.diamondMarkupRules .panel-title{font-size:18px}
.diamondMarkupRules .form-inline{text-align:center}
.diamondMarkupRules .form-inline .form-group+.form-group{margin-left:25px}
.diamondMarkupRules #standard-markup-btn,.diamondMarkupRules #standard-markup-div{position:relative;margin-top:12px}
.diamondMarkupRules #standard-markup-div small{display:block;font-size:10px;color:#bf770d}
.diamondMarkupRules table thead tr th{vertical-align:middle}
.diamondMarkupRules table thead tr th label{margin-left:15px}
.compareDiamond h3{font-size: 30px; margin-bottom: 20px;}
.compareDiamond table{border: 1px solid #D5D7D8;}
.compareDiamond table td{width: 16.66%; font-size: 15px;}
.compareDiamond table td img{max-width: 100%; }
.compareDiamond table th.titleCompare{padding: 13px 5px; text-align: center; font-size: 14px;  font-weight: normal;}
.compareDiamond table th, .compareDiamond table td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
/*.compareDiamond table td.imgCompare{border-bottom: none;}*/
.compareDiamond table td.leftTitle, .compareDiamond table td.compareValue{padding:13px 10px;}
.compareDiamond table td a{color: #000;}
.compareDiamond table tr:hover td{background : #f6f6f6;}
.compareDiamond table td a.viewText{color : #49b07f;}
.compareDiamond table tr th:nth-child(2), .compareDiamond table tr td:nth-child(2){border-right: 1px solid #49b07f ; border-left: 1px solid #49b07f;}
.compareDiamond table tr th:nth-child(2) .titleCompare{border-top:1px solid #49b07f}
.compareDiamond table tr:first-child th:nth-child(2){border-top:1px solid #49b07f}
.compareDiamond table tr:last-child td:nth-child(2){border-bottom:1px solid #49b07f}
@media(max-width:780px){
    .compareDiamond table{display: block; overflow: auto;}
}


.shopping-cart-box .billing-info {
    border-right: 1px solid #dfdede;
    float: left;
    height: auto;     
    min-height: 580px;
    padding: 0 10px;

    width: 100%
}

.shopping-cart-box .billing-info .billing-head, .shopping-cart-box .shipping-method .shipping-head, .shopping-cart-box .review-order .review-head {
    border-bottom: 1px solid #ddd;       
    color: #13322a;
    float: left;
    width: 100%;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px; 
  
}

.shopping-cart-box .billing-info .billing-field {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.shopping-cart-box .billing-info .billing-field ul {
    margin: 0;
    padding: 0
}

.shopping-cart-box .billing-info .billing-field ul li {
  
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items:center;
    padding: 10px 0;
  
    
}

.shopping-cart-box .billing-info .billing-field ul li label {
    color: #333;
    display: block;
    float: left;
    font-size: 13px; 
    margin: 0;
    padding: 0;
    width: 110px
}

.shopping-cart-box .billing-info .billing-field ul li span {
    color: red;
    display: block;
    float: left;  
    margin: 0;
    padding: 0;
    width: 233px
}

.shopping-cart-box .billing-info .billing-field ul li span input[type=text] {
    border: 1px solid #ccc;
    color: #999;
    float: left;    
    padding: 5px;
    width: 90%
}

.shopping-cart-box .billing-info .billing-field ul li span textarea {
    border: 1px solid #ccc;
    height: 56px;
    vertical-align: middle;
    width: 90% !important;
}

.shopping-cart-box .billing-info .billing-field ul li span select {
    border: 1px solid #ccc;
    color: #999;
    float: left;    
    padding: 5px;
    width: 90%;
}

.shopping-cart-box .shipping-method {
    float: left;
    height: auto;
    margin: 0;
   
    width: 100%
}
  


.shopping-cart-box .shipping-method .radio-box {
    float: left;
    height: auto;
    margin: 5px 0 15px;
    padding: 0;
    width: 100%
}

.shopping-cart-box .shipping-method .delivery-box {
    background-color: #f5f5f5;
    color: #333;
    float: left;
     height: auto;
    margin: 10px 0 0;
    padding: 8px 12px 0;
    width: 100%
}

.shopping-cart-box .shipping-method .diamond-text {
    background-color: #f5f5f5;
    color: #333;
    float: left;
    font-size: 13px;
    
    height: auto;
    margin: 0;
    padding: 10px;
    line-height: 22px;
    width: 100%
}

.shopping-cart-box .shipping-method .radio-box ul {
    margin: 0;
    padding: 0
}

.shopping-cart-box .shipping-method .radio-box ul li {
    color: #333; 
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    font-size: 13px;
    line-height: 23px;
}

.shopping-cart-box .review-order {
    border-left: 1px solid #dfdede;
    float: right;
    height: auto;
    margin: 0;
    min-height: 580px;
    padding: 0 10px;
    width: 100%;
    font-size: 13px;
}


.shopping-cart-box .review-order .review-or-box {
    background-color: #f0f0f0;
    border-bottom: 1px solid #fece02;
    float: left; 
    padding: 5px 0;
    width: 100%
}

.shopping-cart-box .review-order .review-or-box .product-head {
    color: #333;
    float: left; 
    margin: 0; 
    width: 25%;
    padding: 5px;
}

.shopping-cart-box .review-order .review-or-box .des-head {
    color: #333;
    float: left;
    padding: 5px 10px; 
    width: 50%;
}

.shopping-cart-box .review-order .review-or-box .price-head {
    color: #333;
    float: left; 
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    width: 25%
}

.shopping-cart-box .review-order .review-or-product {
    border-bottom: 1px dashed #999;
    float: left;
    height: auto;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

.shopping-cart-box .review-order .review-or-product .main-product-box {
    float: left;
    height: auto;
    margin: 0;
    padding: 5px 0;
    position: relative;
    width: 327px
}

.shopping-cart-box .review-order .review-or-product .main-product-box .product-img {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 25%;
}
.shopping-cart-box .review-order .review-or-product .main-product-box .product-img img{max-width: 100%;}

.shopping-cart-box .review-order .review-or-product .main-product-box .des-text {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px;
    width: 40%
}
.mb-5{margin-bottom: 25px;}

.shopping-cart-box .review-order .review-or-product .main-product-box .price-value {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    width: 35%
}

.shopping-cart-box .review-order .review-or-product .main-product-box .remove-set {
    bottom: 0;
    color: #a5448b;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px 0 0;
    position: absolute;
    right: 0;
    width: auto
}

.shopping-cart-box .review-order .pricing-box {
    background-color: #fcfdc4;
    border-bottom: 1px solid #fece02;
    color: #333;
    float: left;  
    margin: 10px 0 0;
    padding: 5px;    
    width: 100%
}

.shopping-cart-box .review-order .pricing-detail {
    border-bottom: 1px dashed #999;
    float: left;
    height: auto;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    line-height: 22px;
}

.shopping-cart-box .review-order .pricing-detail .pricing-text {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 60%
}

.shopping-cart-box .review-order .pricing-detail .pricing-price {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 40%;
}

.product_not_available {
    color: #721c24;
    background-color: #f9ebed !important;
    border-color: #f5c6cb;
}
.green-head {
    background: #104480 !important;
    color: #fff !important;
}

.listView .conditionalReport{display: none;}
#changeView .shortbyorder{border:1px solid #ddd; padding: 4px 10px; margin:0 20px 0 5px; display: inline-block;}




 #productDetailContainer  .currentAngle img {
    width: 100%;
    border: solid 1px #eee7e7;
    display: inline-block;
}


  #productDetailContainer  .currentAngle{
    text-align: center;
}
#productDetailContainer  #videoLink{height: 550px; overflow: hidden;}
#productDetailContainer  #videoLink video{padding-bottom: 100%;}

.productAngles{margin:0 -5px; display: flex;}
#productDetailContainer .productAngles li {
    width: 110px;
    height: 110px;
  
    text-align: center;
    margin: 10px 5px 40px;
    list-style-type: none;
}
#productDetailContainer .productAngles li a{  border: 1px solid #ddd; display: block; position:relative; height: 100%;}

#productDetailContainer .productAngles li img {width: 100%!important; padding: 2px;   position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#productDetailContainer #externalVideoLink iframe{height: 437px;}

  @media(max-width:990px){
      #productDetailContainer #externalVideoLink iframe{height: 355px;}  
      .productSummary .btn-default{min-width: auto; width: 48%; margin-bottom: 10px; font-size: 13px;}
      #productDetailContainer .currentAngle{height: 355px;}
}

.btn-white{background:#fff none repeat scroll 0 0; color:#1c1819!important; display:inline-block; font-size:12px; border: 1px solid #1c1819}
.btn-white:hover{background:#0f4380; color:#fff!important;  border: 1px solid #0f4380}

.Retailer-login .btn-white { border-radius: 30px;font-size: 16px;}
.top_logo .logo img {   width: 70%;  transition:all .8s ease-in-out 0s;}


   .navbar-fixed .top_logo .logo {
    position: fixed;
    top: 14px; 
    z-index: 1;     
    transition:all .3s ease-in-out 0s;
}
  .navbar-fixed .top_logo .logo img{width:50%;}


  .top_logo .logo{  position: fixed;   top:110px;    left:50%; transform: translateX(-50%); text-align: center;}
  .loggedIn .top_logo .logo, .loggedIn .navbar-fixed .top_logo .logo{ top:12px;}
   .loggedIn .top_logo .logo img{width: 35%;}
  .loggedIn .navbar-fixed .header-mid{background: rgba(248,246,246,0.75); background: #ececec;}
  .loggedIn .navbar-fixed {box-shadow:none;}
  .loggedIn .header {transition:inherit;}
  @media(min-width:990px){
  .loggedIn .header-mid .headerMidLinks{display: flex; align-items: center;} 
  #createAccountDiv .g-recaptcha{-moz-transform: scale(.78); -webkit-transform: scale(.78); transform: scale(.78); float: right;   margin-right: -26px;} 
  .mid-page-content { 
    padding: 0;
}
  }
    .loggedIn .logoutLeft{font-size: 12px; display: inline-block;border-radius: 30px; padding: 6px 12px; margin-left: 10px; border: 1px solid #104480; background: #fff; text-transform: uppercase; margin-right: auto;}


 
.mainNavication {     text-align: left; }

 

.header-mid {top: 0;padding: 5px 0;  left: 0;  z-index: 99;}
.hideShowNav span{width: 100%; height: 1px;  display: block;  background-color: #000;}
.hideShowNav span:nth-child(2) {  margin: 10px 0;  }
.hideShowNav {width: 50px; padding: 12px; display: inline-block; }
.headerTop{padding: 5px 0; background-color: #f5f5f5;}
.headerTop ul{margin-bottom: 0;}
.headerTop ul li a, .headerTop ul li{color: #104480;}
.headerTop ul li a:hover{color: #000; text-decoration: none;}
.headerTop ul li.userIcons a{border-radius: 30px;background: #104480; display: inline-block; color: #fff; padding: 6px 25px;}
.headerTop ul li a{text-transform: uppercase;}
.headerTop ul li.userIcons a:hover{background: #000;  color: #fff; }
#homeVideo {position:relative;}
/* #homeVideo::before{position: absolute; left:0; top:0; width: 100%; height: 100%; content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; content: ''; background:linear-gradient(to right, rgba(255, 255, 255, 0.9), transparent)} */
#homeVideo::before{position: absolute; left:0; top:0; width: 100%; height: 100%; content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; content: ''; background:inherit;}

#homeVideo .videoContent{position: absolute;  width: 100%; color: #104480; text-align: center; padding: 0 10%; bottom: 70px;}
#homeVideo .videoContent p{margin: 15px 0 50px; font-size: 28px; font-weight: 600; text-transform: uppercase;}
#homeVideo .videoContent a {border-radius: 30px;min-width: 230px;background: #104480; color: #fff; text-transform: uppercase; padding: 10px 30px; display: inline-block; font-size: 16px;}
#homeVideo .videoContent a:hover {background: #000; color: #fff; }
#homeVideo .bannerBtn {display: flex;gap:20px; justify-content: center;}

   
   
#homeVideo video{width: 100%;height: 80vh; object-fit: cover;}
 .d-flex{display: flex;}
 .align-items-center{align-items:center;}
 .justify-content-between{justify-content: space-between;}
 .homeTitle {font-size: 32px;}
 .m-auto{margin: 0 auto;}
 .ml-auto{margin-left: auto;}
 .closeIcon{width: 25px; height: 24px; position: relative; display: block;     margin-top: 10px;}
 .closeIcon:before{height: 1px; content: ''; position: absolute; left:0; top:0; width: 100%;  rotate: 45deg; background: #000;}
 .closeIcon:after{height: 1px; content: ''; position: absolute; left:0; top:0; width: 100%; rotate: -45deg; background: #000;}
 img{height: auto;}
    

.body-container {
    padding: 0px 0 0;
}



.body-container .container-fluid{
    padding: 0px 0 0;
}


.breadcrumbs ul {   padding-left: 0;    margin: 10px auto 0;    display: table;}
 

.body-container .page-title h1 { 
    text-transform: uppercase;
    font-weight: bold;
}



  .header-mid{
	-webkit-transition: all 500ms linear;
transition: all 500ms linear;

}

 .mainNavication{
    float: left;
    width: auto;
}
.Retailer-login {
    float: right;
}




.nav-menu  {  
      opacity:0;
    transition:all .6s ease-in-out 0s;
    position:fixed;
    top:100px;
    right:10px;
    z-index: 9;
}


.navbar-fixed {padding: 0;background-color:#fff;z-index:999;-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32);box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32);opacity:1;width:100%;top:-48px;-webkit-animation:fadeInDown 800ms;-moz-animation:fadeInDown 800ms;-ms-animation:fadeInDown 800ms;-o-animation:fadeInDown 800ms;animation:fadeInDown 800ms;-webkit-backface-visibility:hidden;border-radius:0px;}
.sticky-active .navbar-fixed {top:-76px;}


.navbar-fixed #mainNavigation  {
    transition: all .3s ease-in-out 0s;

}



  .navbar-fixed .Retailer-login {
    float: left;
}






  .navbar-fixed .nav-down .nav-menu {   opacity:1; top:20px;}
 


  .navbar-fixed  .header-mid {  background: #fff;}
  .scrollNone{overflow: hidden;}



 .navbar-fixed #mainNavigation .mainNavication {
    float: left;
    width: 100%;
    text-align: center;
    transition:all .6s ease-in-out .5s;
   
}



 
.close-menu-btn { display:none;}
.loggedIn .navbar-fixed .close-menu-btn { display:none;}
.navbar-fixed .close-menu-btn {
    display: block;
    position: absolute;
    top: 10px;
    right: 40px;
    border: none;
}


.navbar-fixed .close-menu-btn i {
font-size: 24px;
    font-weight: 300;
}




 






  .loggedIn .headerMidLinks a i{font-style: normal;}
  footer{overflow: hidden;}
footer .ftpTopBlock{background: #104480; color: #fff; padding: 60px 0; text-align: center; margin-bottom: 25px; margin-top: 20px;}
footer .ftpTopBlock h2{font-size: 25px; letter-spacing: 0.3em}
footer .ftpTopNav{display: flex; justify-content: center; border-bottom: 1px solid #d5d5d5; margin-bottom: 22px; padding-bottom: 22px;}
footer .ftpTopNav li {  margin: 0 25px;  padding: 0;  list-style: none;}
footer .ftpTopNav li a{  font-size: 16px;  text-transform: uppercase; color: #6a8137;}
footer .ftpTopNav li a:hover{ color: #333;}
footer .ftpNav li {list-style: none;}
footer .ftpNav li a{ font-size: 16px;  color: #fff; position: relative; padding: 5px 15px; display: block;}
footer .ftpNav li a:hover{ color: #259fca;}
footer .ftpNav li:first-child a{padding-left: 0;}
footer .ftpNav li a:before{ content: ''; height: 10px;background: #c6b9b9; position: absolute; width: 1px; left:0; top:50%; margin-top: -5px;}
footer .ftpNav li:first-child a:before{ display: none;}
footer .copyText{color: #fff; font-size: 14px; margin-top: 20px;}
footer .copyText a{color: #6a8137;}
footer .copyText a:hover{color: #333;}
.justify-contnet-end{justify-content: flex-end;}
footer{padding-bottom: 20px; background: #0a3c73; color: #fff;}





.changePassWrap {margin:250px 0 0;}
.w-10{display: inline-block;width: 100%;text-align: center;margin: 40px 0 30px;}
.w-11{display: inline-block;width: 100%;text-align: center;margin:10px 0 10px;}

@media only screen and (max-width:1100px){
    .loggedIn .retPortal{font-size: 12px;}
    .loggedIn .currencySelectBox{width: 75px; font-size: 12px;}
}

@media only screen and (max-width:992px)
{
    footer .ftpNav li a{font-size: 12px;}
.nav-menu { 
    display: block;
}
.top_logo .logo img{width: 30%;} 
.nav-menu{opacity:1;top:20px;} 
.Retailer-login{float: left;}
#mainNavigation, .loggedIn .headerMidLinks{

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0px;
bottom: 0px;
left: auto;
right: -280px;
width: 280px;
height: 100%;
text-align: center;
max-height: none;
z-index: 999;
-webkit-transition: all 0.8ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
background: rgba(255, 255, 255, 0.95);    -webkit-transition: all 0.8ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
#mainNavigation{display: flex;}

 #mainNavigation.showDiv, .loggedIn .headerMidLinks.showDiv{width: 100%; right: 0;}
.close-menu-btn {  display: block; position: absolute;  top: 29px;  right: 0px;   border: none; padding: 0 !important;}
#mainNavigation li a, .loggedIn .headerMidLinks a {  color: #1c1819;  display: block;  font-size: 18px;   padding: 0 0 30px;   position: relative;   top: 50px;   transition: all .6s ease-in-out .5s;    opacity: 0;}
 .logo{margin-right: 0px;}
#mainNavigation.showDiv li a, .loggedIn .headerMidLinks.showDiv a { opacity: 1;  top: 0px;}
nav li > a:hover{background: none;}
#mainNavigation ul{width: 100%; text-align: center;}
#mainNavigation ul li{display: block;}
.loggedIn .headerMidLinks a{display: block; width: 100%;}
.loggedIn .header-mid{padding: 10px 0;}
.nav-menu{position: static;}
.header-mid form{margin-top: 0;}
.nav-menu{order:1;}
.loggedIn .header-mid .fa{font-size: 22px;}
.loggedIn .top_logo .logo img{width: 50%;}
.loggedIn .headerMidLinks .hideShowNav.colseNewBtn {position: absolute; top:15px; right: 15px; width: auto; opacity:1;}
.loggedIn .currencySelectBox{width:150px;}
.loggedIn .navbar-fixed .close-menu-btn{display: block;}
.inquireTitle {margin: 20px 0 20px !important;}
.logo img{padding: 0; width: 200px;}
nav{display: flex; display: flex;  align-items: center;}

}




@media only screen and (max-width:767px){
.homeTitle {font-size: 24px;}
.loggedIn .currencySelectBox{width: 80px;}
.loggedIn .page-title { 
    padding: 0 0 0px; 
}

.Retailer-login {
    float: left;
}


.Retailer-login li span { display:none; }


a.hideShowNav { 
    border-bottom: none;
}
.nav-menu { 
    margin: 0; 
}
 
.navbar-fixed {
    height: 100px;
}

.navbar-fixed .close-menu-btn { op: 0px;right: 20px;border: none;width: auto;}
.hideShowNav.selectshowDiv { background: inherit;} 
.close-menu-btn { display:block;}
.header-mid ul li {list-style: none; display: inline-block; text-align: center;}
.navbar-fixed #mainNavigation   { margin-bottom: 0; display: inline-block; text-align: center; padding: 100px 0 0;}

#mainNavigation   {
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    padding: 100px 0 0;
}  

 .hideShowNav  i{
    font-size: 24px;
    font-weight: 300;
}


#mainNavigation li a {
    color: #1c1819;
    display: block;
    font-size: 16px;
    padding: 0 0 30px;
}



  .close-menu-btn i { font-size: 24px; }
  
  .navbar-fixed .close-menu-btn i {
    font-size: 16px;
    font-weight: 300;
}
.nav-menu{top:12px}

.navbar-fixed .top_logo .logo, .top_logo .logo{top:22px}
.navbar-fixed .top_logo .logo img, .top_logo .logo img{width:100%}
.navbar-fixed .nav-down .nav-menu, .nav-down .nav-menu{top:20px;}
.header-mid .fa{font-size: 22px;}
.loggedIn  .header-mid form{width: 100%; text-align: center;}
.loggedIn .top_logo .logo img{width: 100%;}
.loggedIn .nav-menu{top:0;}
.loggedIn .currencySelectBox{display: inline-block;}
#shoppingCartList{display: block; overflow-x: auto;}
.dashBoardRow .row{display: flex;  flex-wrap: wrap;}
footer .ftpTopNav{flex-wrap:wrap;}
footer .ftpNav {justify-content: center;}
footer .ftpNav li a{font-size: 12px; padding: 5px;}
footer .copyText {font-size: 14px;}
footer .ftpNav{margin-top: 10px;}
footer .ftpNav.justify-contnet-end{justify-content: center;}
footer .copyText{margin: 10px 0;}
footer .ftpTopBlock h2{line-height: 40px;}
footer .copyText{text-align: center;}
.body-container h3 {
    font-size: 18px;    line-height: 28px;
}
.contactBottom img { width: 180px !important;}
}
.innerPage p{line-height: 28px;     font-size: 16px;}
.MT-30{margin-top: 30px;}
.innerPage table td{line-height: 30px;}



@media only screen and (max-width:450px){
    footer .ftpTopNav li{margin: 0 2%; width: 46%; margin-bottom: 10px;}
    .dashBoardRow .dashBoard a .blockTitle{font-size: 15px;}
    a.hideShowNav{padding-top: 0;}
    
}


header { 
    z-index: 9; 
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    position: sticky;
    border-bottom: 1px solid #ddd;
}
 
.mxy-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}






 .jewelry-search .item{
  position: relative; overflow:hidden;
}

.jewelry-search .item h3  {
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: -4px;
  text-align: center;
  color: #2f2e2e;
  padding: 11px 0;margin: 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.aboutMiddle {margin-bottom: 60px; margin-top: 40px;}

.jewelry-search .item h3 a{  color: #104480; text-decoration: none; }
.jewelry-search .owl-item.active.center .item h3 a{  color: #000; text-decoration: none;}

 

.jewelry-search .item:hover img {
  transform: scale(1.1);
}
.jewelrycatCarousel .jewelry-search{display: flex !important; justify-content: center;}
.jewelry-search .item img {transition: all .8s ease-in-out 0s;}
@media (max-width:370px)
{
.jewelry-search .item h3 { 
  font-size: 17px;
}
}


@media only screen and (max-width:767px)
{
    
.dataResultTabs .nav  {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0 0 10px;
}


.dataResultTabs .nav  li  {
  width: 50%;
}


.dataResultTabs .nav  li:last-child  {
  width:100%;
}



.dataResultTabs .nav  li:last-child #changeView {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0;
  border-top: solid 1px #ececec;
  padding: 12px 0 0;
}

.dataResultTabs .nav  li:last-child #changeView .btn  {
  margin-top: 10px;
}

  #wrapper-wide-search-div label{
  font-weight: 300;
  font-size: 11px;
}


selectDiamondType li  label {  
  font-weight: 400;
  margin: 0 0 15px;
}
.diamondSearchResult .panel-body {
  height: auto;
}


.btn-secondary { 
  min-width: 140px; 
  margin: 12px 0 0; 
}

.btn-default { 
  min-width: 140px; 
  margin: 12px 0 0;
}

 .diamondShapes .selectDiamondType li { 
    margin: 0 0 20px;
  }




}

.marginInherit {
    margin-right: inherit !important;
}



@media (min-width:1440px) {
  .container {
    width: 1360px;
  }
}

.listView .resultHeaderList span a { 
  font-weight: 700;padding: 3px 5px;font-size: 11px;
}
@media (min-width:1400px) {
.listView .resultHeaderList span a, .listView .dsResultBox .dsInfoTable table td {font-size: 12px !important;}
}

.resultHeaderList > li { 
    color: #104480;font-weight: 700;
    
  }
  
  
  .listView .dsResultBox .dsPreview span {
  text-align: center;
}


 .listView .resultHeaderList > li span a.active {
  background: #104480;
  color: #fff;
  padding: 3px 5px;
}
  
    
 .gridView.dsResultList  .dsPreview .sarinReport {display: none;}   
    
    
     #paging_div_top b{
  padding: 3px 8px;
  border: 1px solid #104480 !important;
  color: #fff;
  background: #104480;
}




 .proList .instagram-unit {height: auto;
  display: block;}
  
   .proList .instagram-unit img {width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;}
  
  
  
.productFilterBoxes {
  margin: 0 0 40px;
}


.productFilterBoxes .productFilterBox {
  width:32%;
  border: solid 1px #d5cece;
  padding:0px 0px;border-radius:10px;
}


.productFilterBoxes .productFilterBox h3 {
  margin: 12px 0 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #222;
}

.productFilterBoxes .productFilterBox.boxType ul {
  display: flex;
  justify-content: center;
  gap: 3px;  margin: 30px 0 20px;  flex-wrap: wrap; 
}


.productFilterBoxes .productFilterBox.boxType li{list-style-type: none;}  
.productFilterBoxes .productFilterBox.boxType li input{display: none;}    
.productFilterBoxes .productFilterBox.boxType li span {
  border: solid 1px #c8c8c8;
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 200;
  font-size: 14px; display: inline-block;width: 100%;
}
.productFilterBoxes .productFilterBox.boxType li input:checked ~ span {
  background: #104480;
  color: #fff;
  border-color: #104480;
}

.productFilterBoxes .productFilterBox.boxType li:hover span {
  background: #104480;
  color: #fff;
  border-color: #104480;
}

.metalBoxWrap {
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  gap:30px;
}


.metalBoxWrap .metalBox{width: auto;}  
.metalBoxWrap .metalBox ul {
  display: flex;
  gap: 10px;
  list-style-type: none;
}

  .showMoreResults a{
  background: #104480;
  color:#fff !important;border-radius: 30px;
  padding: 11px 20px;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
}

.searchInputBtn .btn-primary{
  background: #104480;
  color:#fff !important;
  border-color: #104480;
}


.metalBoxWrap .metalBox ul li input 
 {
  display: none;
}


.metalBoxWrap .metalBox ul li{list-style-type: none;}  

.metalBoxWrap .metalBox ul li span {
  display: flex;
  width:35px;
  cursor: pointer;
  height:35px;
  border-radius: 50%;
  border: solid 1px #fff;
  justify-content: center;
  align-content: center;
  padding: 2px 2px;
}

.metalBoxWrap .metalBox ul li span::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.metalBoxWrap .metalBox ul li span.gray:before{background:linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important;}  
.metalBoxWrap .metalBox ul li span.yellow:before{background: linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important;}  
.metalBoxWrap .metalBox ul li span.pink:before{background: linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;}   

.productFilterBoxes .searchInputBtn {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 10px;
}


.productFilterBoxes .form-control {
  box-shadow: inherit !important;
  outline: 0;
  border: solid 1px #ddd8d8 !important;
}


 .metalBoxWrap .metalBox h6 {
  text-align: center;
  font-size: 16px;
  margin: 0 0 14px;
}



.metalBoxWrap .metalBox ul li input:checked ~ span {
  border-color: #000;
 
}


.productListingTable {
  width: 100%;
  padding: 20px 10px;
  margin: 10px 0;
}


.productListingTable tr:first-child {
  border-bottom: solid 1px #cecdcd;background: #fff;
}


    .productListingTable th {text-align: center;padding: 0 10px 9px;}
.productListingTable tr {
  border-bottom: solid 1px #e8e6e6;
}
    .productListingTable td {text-align: center;padding:10px 10px}
    

@media only screen and (max-width:1100px)
{
.productFilterBoxes .productFilterBox {
  width: 48%;
  border: solid 1px #d5cece;
  padding: 10px 20px;
}
 .productListingTable th a, .productListingTable td {
  color: #104480;
  font-size: 12px;
}
    
}

@media only screen and (max-width:990px)
{
.productFilterBoxes .productFilterBox.boxType ul {   
  flex-wrap: wrap;
}
 

.productFilterBoxes .productFilterBox.boxType li label {width: 100%;}
.productFilterBoxes .productFilterBox {
  width: 48%;
}
 
.productFilterBoxes .productFilterBox.boxType li span {  
  width: 100%;
  display: block;
}

    
    
}

 
.productListingTable .actDetail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

 
@media only screen and (max-width:992px) {
    .productListingTable {
  width: 850px;
  padding: 20px 10px;
  margin: 10px 0;
  overflow: auto;
  display: block;
}
  .retailer-login-wrapper{float: right; }
  a.hideShowNav{display: block;}
.Retailer-login .btn-white{font-size: 12px; padding: 6px 9px;}

}

.aboutBanner {position: relative;}
.aboutBanner .aboutText{position: absolute;top: 50%; left: 5%;transform: translateY(-50%); width: 600px;}
.aboutBanner .aboutText h1{font-size: 28px;}
.aboutBanner .aboutText h1>span {
    font-size: 20px;
    border-top: 1px solid #259ec9;
    display: block;
    width: 400px;
    padding: 5px 0;
    margin-top: 5px;
}

.aboutBanner .aboutText.contact { 
  width: auto;
}


.aboutInto { text-align: center;}
.aboutInto h3{ font-size: 24px; margin-bottom: 15px; font-weight: normal !important; color: #104480;}
.welcomeParagraph .aboutInto h3{ margin-bottom: 50px;}
.aboutMiddle .aboutleft h3 {
    font-size: 18px;
    text-align: center;
    padding: 0 50px;
    line-height: 26px;
}
.aboutContact .homeTitle{font-size: 28px; font-weight: 300;}
.body-container .homeJewelryBlock  h3{font-size: 16px; font-weight: normal;}
.aboutMiddle .aboutleft h3 a {color: #000 !important;}
.aboutMiddle .aboutleft h3 a:hover {text-decoration: none; color: #000;}
.aboutMiddle .aboutright h3 a:hover {text-decoration: none; color: #000;}
.aboutMiddle .aboutright h3 a {color: #000 !important;}
.aboutMiddle .aboutright h3 {
    font-size: 18px;
    text-align: center;
    padding: 0 50px;
    line-height: 26px;
}
.aboutBottom {
    background-color: #fafafa;
    padding: 50px 0 80px 0;
}
.aboutBottom h3{
    border-bottom: 1px solid #259ec9;
    width: 270px;
    margin: 10px auto;
    padding: 5px;
}
.aboutContact h3 { margin:15px 0 5px 0}
.homeJewelryBlock{padding-bottom: 60px;}


.aboutContact { text-align: center;margin:10px 0 0px 0;}


@media only screen and (max-width:767px) {
  .productFilterBoxes .productFilterBox {
    width: 100%;

  }
  .aboutBanner .aboutText h1 > span{width: 100%;}
   .productFilterBoxes .productFilterBox.boxType ul {    
    justify-content: center;
  } 
  
  .productFilterBoxes .productFilterBox.boxType li {
    width: auto;
    margin: 0 0 5px;
  }
  .aboutBanner .aboutText h1{font-size: 24px;}
.aboutBanner .aboutText h1>span {
    font-size:18px;
    width: 100%;
}
 
.aboutBanner .aboutText h2 {font-size: 20px; margin-top: 0;}
.aboutBanner .aboutText h2>span {font-size: 15px;border-top: 1px solid #259ec9;display: block;width: 300px;padding: 5px 0;margin: 5px auto;}
.aboutBanner .aboutText p{font-size: 13px;line-height: 19px;}

  .aboutBottom {padding: 20px 0 30px 0;}
  .aboutContact {
    margin: 15px 0 25px 0;
}
.aboutMiddle .aboutright h3 {
    padding: 0;
}
.aboutMiddle .aboutleft h3 {
    padding: 0;
}
}

@media only screen and (max-width:600px) {
  .aboutBanner .aboutText {
    top:50%;
    left: 0;
    transform: inherit;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.aboutBanner.contactBanner .aboutText { top: inherit; bottom: 0;}
.aboutMiddle .row { display: inherit !important;}
.logo img {
    padding: 0;
    width: 120px !important;
}
.loggedIn .logoutLeft{padding: 6px 9px;}
   #changeView .shortbyorder{margin-bottom: 10px;}
   #show_per_page ~ span{display: block; margin-left: 10%;}
   .stockBtn .btn{width: 50%; min-width: auto;}
 
   .diamondShapes .panel-heading{font-size: 12px;}
}

@media only screen and (min-width:610px) and (max-width:750px) {
  .aboutBanner .aboutText {
    top:75%;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 10px;
}
}

.body-container h3{font-weight: normal;}
@media (min-width:766px) {
.d-md-flex { display: flex;}
.Retailer-login{margin-left: 10px;}
}

.dashboardCheker {position: relative;}
.dashboardCheker h4 {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
  color: #fff;
  font-size: 39px;
}


.dashLogo img {
  width:430px;
  margin: 0 auto 0px;
  display: table;
}

 .pl-50 {padding-left: 5px;}
 .pr-50 {padding-right: 5px;}
 
 
 
.loggedIn.diamondBG {
  background:url(../images/greenrocksdiamonds.jpg);  
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -120px;
}


  .loggedIn.diamondBG .tab-content{
  background:#fff!important;
}
  .loggedIn.diamondBG .bgWhite {
  background-color: inherit;
} 

.loggedIn.diamondBG .panel-default {   
  background: #fff;
}
.loggedIn.diamondBG 
element {
}
.colrCheckBox label span {   

  background: #f2f2f2;
}


.loggedIn.jewelryBG {
  background:url(../images/greenrocksdiamondsjw.jpg);  
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -120px;padding-top: 60px;
}


.loggedIn.jewelryBG .productFilterBox { 
  background:#fff!important;
}


 .loggedIn.jewelryBG .body-container form h3 {
  font-size: 20px;
    margin: 30px 0 20px;
} 

  .loggedIn.jewelryBG .tab-content{
  background:#fff!important;
}

.section-diamondMarkupRules {margin-top:4rem;} 
.contactPageContainer h2 {
  border-bottom: 2px solid #259ec9;
  padding: 0 0 8px;
  font-size: 23px;
  margin: 0 0 20px;
  max-width: 300px;
}

.px-5 {padding:60px 40px!important;}

.diamondBlueSec { padding: 50px 0;}
.colorSection {background-color: #fafafa; padding:130px 0 50px 0; margin-top: -100px;}
.claritySection {padding: 50px 0 0;}
.educationContact {padding: 25px 0; text-align: center;}
.education_topText h1 { font-size: 28px;}
.checkerboxEdu h2 { font-size: 20px;}

.checkerboxdiamond .col-md-4 { border: 2px solid #000; padding: 0; margin: 0 5px;}
.checkerboxdiamond .diamondContent{padding: 15px;}
.diamondContent h2 { font-size: 20px;}

.contactBottom img {padding-top: 20px;}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

}

@media only screen and (min-width:1101px) and (max-width:1200px) {
    .retPortal{font-size: 14px; padding: 15px 8px;}
    
}
.mb-0{margin-bottom: 0 !important;}

.newslider { margin-bottom: 20px;}
.newslider p, .jewelry-search p {
    text-align: center; color: #000;
    margin-top: 7px;
}
.jewelry-search p a {color: #000;}

.newslider .owl-item .item img, .jewelry-search .owl-item .item img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.newslider .owl-item .item img, .jewelry-search .owl-item .item img {
    transition: all .8s ease-in-out 0s;padding: 20px;
}
.newslider .owl-item .item:hover img, .jewelry-search .owl-item .item:hover img {
    transform: scale(1.2);
}

.newslider .owl-item.active.center p, .jewelry-search .owl-item.active.center p {
    display: block;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #000;
    font-weight: 300;
}
.newslider .owl-item.active.center p a, .jewelry-search .owl-item.active.center p a{color: #000;}
.newslider .owl-item.active.center p a:hover, .jewelry-search .owl-item.active.center p a:hover{color: #000;}
.newslider .owl-item.active.center p a span, .jewelry-search .owl-item.active.center p a span{font-weight: 200;}
.newslider .owl-nav, .jewelry-search .owl-nav {
    text-align: center;
    bottom: 43px;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
}
.newslider .owl-nav button, .jewelry-search .owl-nav button {
        text-indent: -9999px;
    margin: 10px;
    color: #acacac !important;
}
.newslider .owl-prev, .newslider .owl-prev:hover, .jewelry-search .owl-prev, .newslider .owl-prev:hover {
    position: absolute;
    left: 40%;
    width: 24px;
    top:8px;
    height: 24px;
    z-index: 1;
    background: url(../images/leftArrow.png)left top no-repeat !important;
    outline: 0;
}

.newslider .owl-next, .newslider .owl-next:hover, .jewelry-search .owl-next, .newslider .owl-next:hover {
    position: absolute;
    right: 40%;
     width: 24px;
     top:8px;
    height: 24px;
     background: url(../images/rightArrow.png)left top no-repeat !important;
    z-index: 1;
    outline: 0;
}

.jewelry-search .owl-prev,  .jewelry-search .owl-next{top:12px;}


#jewelery-search .owl-nav {
    text-align: center;
    top: 25%;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
}
#jewelery-search .owl-nav button {
    font-size: 34px !important;
    margin: 10px;
    color: #acacac !important;
}
#jewelery-search .owl-prev {
    position: absolute;
    left: -60px;
    z-index: 1;
    outline: 0;
}
#jewelery-search .owl-next {
    position: absolute;
    right: -60px;
    z-index: 1;
    outline: 0;
}
.fade-text {
  color: black;
    animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.PromiseSection {
    background: #104480;
    padding: 50px 0px;
    color: #fff;
}
.PromiseSection .homeTitle{font-size: 20px; font-weight: 500;}
.body-container .PromiseSection h3{font-size: 16px; margin-top: 6px; margin-bottom: 60px;}

.PromiseSection .iconBoxes .imgBlock img {
    width: 90px;
    margin: 0 auto 10px;
    display: table;
}
.PromiseSection .iconBoxes .iconText {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.PromiseSection .iconBoxes p {
    text-align: center;
    font-size: 13px;
    margin: 0 0 8px;
    line-height: 20px;
    color: #fff;
    min-height: 40px;
}
.PromiseSection .iconBoxes a.learnMore {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
    margin: 10px auto 0;
    display: table;
    text-transform: uppercase;
}

#jewelery-search {margin-bottom: 50px;}


@media only screen and (max-width:992px) { 
.navbar-fixed{top: -39px;}
#homeVideo .bannerBtn{flex-wrap:wrap;}
  
}
@media only screen and (max-width:766px) {
   .newslider .owl-prev,  .jewelry-search .owl-prev {
    left: -10px;
}
  .newslider .owl-next, .jewelry-search  .owl-next {
    right: -10px;
}
.newslider .owl-nav button, .jewelry-search .owl-nav button {
    font-size: 25px !important;
}


#jewelery-search .owl-prev {
    left: 100px;
}
  #jewelery-search .owl-next {
    right: 100px;
}

#jewelery-search .owl-nav {
    top: inherit;
    bottom: 0;
    margin:10px 0;
}
.newslider .owl-item.active.center p {
    margin: 10px 0 0;
    font-size: 16px;
}
.iconBoxes{margin-bottom: 20px;}
.body-container .PromiseSection h3{margin-bottom: 40px;}
.headerTop ul{justify-content: center;}
.loggedIn .headerTop ul{justify-content: space-between;}
#homeVideo .bannerLogo img{max-width: 280px;}
#homeVideo .videoContent{left:0%; padding: 0 2%;}
 .navbar-fixed {  top: -30px; }
 .loggedIn .navbar-fixed {  top: -42px; }
 #homeVideo .bannerBtn{gap:10px}
 #homeVideo .videoContent p{margin-bottom: 30px; font-size: 24px;}
 #homeVideo .videoContent{bottom: 30px;}
 .welcomeParagraph .aboutInto p{margin-bottom: 20px;}
}

.aboutContact.abtNew p{line-height: 35px;}


.usp_grid{ display:grid;   gap: clamp(1rem, 2vw, 1.75rem);   grid-template-columns: repeat(1, minmax(0,1fr));}
.usp_grid li{list-style: none;}

  @media (max-width: 766px){
      .sticky-active .navbar-fixed{top:-64px;}
      .loggedIn.sticky-active .navbar-fixed{top:-76px;}
      
  }
  @media (max-width: 500px){
      .aboutimg{margin-top: 160px;}
      .navbar-fixed { height: auto;}
      
  }
  @media (min-width: 600px){
    .usp_grid{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 900px){
    .usp_grid{ grid-template-columns: repeat(3, 1fr); }
  }
  @media (min-width: 1200px){
    .usp_grid{ grid-template-columns: repeat(5, 1fr); }
  }
  
  
  
  
   .abtNew h3 {
    margin: 0 0 20px!important;
}

   .abtNew a {
    color:#fff!important;
}
.mr-2{margin-right: 5px;}

.contactPageContainer  p span{width: 20px; text-align: center; display: inline-block; color: #104480;}
.contactPageContainer  p span .fa-envelope{font-size: 13px;}
.contactPageContainer  p span.envelope {margin-right: 7px;}
.contactPageContainer  .marker{width: 20px; color: #104480;  display: inline-block; font-size: 16px; margin-left: 3px; }
.contactBanner .aboutText.contact h2 {color: #fff;}
.contactBanner .aboutText.contact p {color: #fff;}
.stickyMasterTopBar .closeInfoBar { position: absolute; right: 10px;  top: 50%;  transform: translateY(-50%);   text-align: center; color: #fff;}
 .stickyMasterTopBar { color: #fff;  padding: 7px 0; position: relative; color: #fff;}
 .stickyMasterTopBar ul{ margin-bottom: 0;}
 .stickyMasterTopBar ul li a{text-decoration: underline;}
 .aboutBanner .aboutText.aboutContent{
  left: auto;
  right: 10%;
}


.AboutBanner .row {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

 .aboutText {
  padding: 0 10% 0 6%;
}

 
 .aboutText h3,  .aboutText h1 {
  font-size: 28px;
  margin: 0 0 14px;
  font-weight: 500;
}

  .aboutText  p {
  line-height: 28px;
  font-size: 16px;
}

@media only screen and (min-width:768px)
{
 

.flex-row-reversed{
  flex-direction: row-reverse;
}

.AboutBanner .col-md-6 {padding: 0;}

}

 .newslider  .item a, .jewelry-search .item a{
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width:990px)
{
 
  .aboutText {
  padding: 0 11px;
}
.aboutText h3, .aboutText h1 {
  font-size: 23px;
  margin: 0 0 9px;
  font-weight: 500;
}
.aboutText p {
  line-height: 23px;
  font-size: 13px;
}
.AboutBanner .row { 
  align-items:inherit; 
}
 .AboutBanner {
  margin: 0 0 30px;
}

  .AboutBanner img{
  height: 100%;
}

}

@media only screen and (max-width:767px) {
  .aboutText {
    padding: 20px 10px 0;
  }

  .retailerProfile span.blockTitle  {
  width: 70px;
}

 .dashboardBox {
  margin: 0 0 20px;
}

}
.darkBlueText{color: #104480 !important;}

@media only screen and (min-width:500px) {
.d-hide {display: none;}

}


@media only screen and (max-width:420px) {
.headerTop ul li.userIcons a { 
  padding: 6px 10px;
  font-size: 13px;
}
.d-hide {display: block;}
.loggedIn .logoutLeft.hds {display: none;}
  .retailerProfile span.blockTitle {
    width: 58px;
    font-size: 12px;
  }

  .retailerProfile i {
  width: 30px;
  height: 30px;
  font-size: 15px !important;
}
}

.productFilterBox ul li img {
    display: block;
    margin: auto;
}