.PT15{padding-top:15px}
.oneFourth-new,    .twoFourth-new,    .threeFourth-new{float:left; margin:0 1% 0 0; padding:0px 0px;}
.oneFourth-new    {width:24.25%;}        .twoFourth-new    {width:49.5%;}    .threeFourth-new    {width:74.75%;}
.contactPageContainer .form-group{margin-bottom:0;}

.contactPageContainer .form-group input, .contactPageContainer .form-group .control-label, .contactPageContainer .form-group textarea,.contactPageContainer .form-group select  {margin-bottom:15px;}
.product-sample{margin-bottom:15px;}

.contentBox{margin-left:0;}

.education-product-container{width:100%; margin:0 0; padding:0; float: left;}
.education-product-container .education-pro-listing{ background-color: #FFFFFF;
    border:1px solid #d5d5d5;
    display:block;
    height:264px;
    position: relative;
    margin-bottom:10px;
    text-align:center;}
.education-product-container .education-pro-listing a{cursor:pointer;}
.education-product-container .education-pro-listing a img:hover{opacity:0.8;}
.education-product-container .education-pro-listing span.month-diamond{width:60px; height:40px; position:absolute; top:0px; left:0; font-size:24px; color:#FFFFFF; z-index:1000; text-align:center; line-height:38px;  background: #d5d5d5;}
.education-product-container .education-pro-listing span.month-diamond-name{width:100%; position:absolute; bottom:30px; left:0px;  font-size:22px; z-index:1000; text-align:center;}


.education-product-container .education-pro-listing .edu-pro-detail-con{width:966px; height:auto; margin:0px; padding:0px 0px 30px; position:absolute; background-color:#f5f5f5; display:none; z-index:10000; border:1px solid #ddd; top:260px; left:-1px;}
.education-product-container .education-pro-listing .edu-pro-detail-con.sec-diamond{left:-245px!important;}
.education-product-container .education-pro-listing .edu-pro-detail-con.third-diamond{left:-489px!important;}
.education-product-container .education-pro-listing .edu-pro-detail-con.forth-diamond{left:-734px!important;}
.education-product-container .education-pro-listing .edu-pro-detail-con .close-btn{clear:both; height:40px; margin:0px; padding:10px 3% 0 0; text-align:right;}
.education-product-container .education-pro-listing .edu-pro-detail-con .close-btn img{width:auto;}
.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-head{clear:both; height:auto; margin:0px 0px 37px; padding:0px; text-align:center; font-size:40px; font-weight:bold; text-transform:capitalize;}
.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-img{clear:both; height:250px; margin:0px 0px 20px; padding:0px; text-align:center;}
.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone{clear:both; height:auto; margin:0px; padding:0px; text-align:center; font-size:24px;}
.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone span.edu-pro-stone-text{font-size:24px; display:inline-block; clear:both; margin:0px 10px 0 0; padding:0px; line-height:22px; font-weight:bold; text-transform:uppercase; vertical-align:top;}


.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container{font-size:22px; color:#444444; clear:both; margin:50px 50px 20px 0px; padding:0px; line-height:26px; text-align:left;}

.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link{margin:40px 0px 0px 0px; padding:15px; font-size:24px; color:#FFFFFF; text-decoration:none; background-color:#a89967; float:left; line-height:24px;}
.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link:hover{background-color:#d6bf76; color:#FFFFFF; text-decoration:none;}

.gemstones-diamond-img{ clear:both; margin:0px; padding:0px;}

.gemstones-right-container{ clear:both; margin:0px; padding:14px 0 0;}
.gemstones-right-container p{  font-size:18px; color:#666666; clear:both; margin:0px 50px 25px 0px; padding:0px; line-height:24px; text-align:left;}
.gemstones-right-container .birthstone{  font-size:20px; clear:both; margin:0px; padding:30px 0 0; text-transform:uppercase;}
.gemstones-right-container .birthstone span{ font-size:20px; color:#666666; clear:both; margin:0px 20px 0 5px; padding:0px; text-transform:capitalize;}
.gemstones-right-container .birthstone a.stone-link{margin:-30px 0px 0px 0px; padding:15px;  font-size:20px; color:#FFFFFF; text-decoration:none;  float:right;  background: #B39964; /* Old browsers */
    background: -moz-linear-gradient(top,  #B39964 0%, #8F7C4F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B39964), color-stop(100%,#8F7C4F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #B39964 0%,#8F7C4F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #B39964 0%,#8F7C4F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #B39964 0%,#8F7C4F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #B39964 0%,#8F7C4F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B39964', endColorstr='#8F7C4F',GradientType=0 ); /* IE6-9 */}
.gemstones-right-container .birthstone a.stone-link:hover{background-color:#d6bf76; color:#FFFFFF; text-decoration:none;}

.emptyCart{width:185px; margin:0 auto 50px; padding:0; position:relative;}
.emptyCart i{font-size:200px; color:rgba(0,0,0,0.3);}
.emptyCart span{font-size: 20px; position: absolute; top: 70px; text-align: center; left: 47px; right: 0px; color: #fff;}
/*instgarm css start here*/
.instagramGallary{float: left; width: 100%; margin-top: 60px; }
.instagramGallaryText{position: relative; width: 100%; float: left;}
/*.instagramGallary iframe{width: 100%!important;}  */
.instagramGallary img{max-width: 100%!important;}
.detail360Icon { position: absolute;  top: 10px;  right: 10px;  width: 50px;  z-index: 1;}
.gallary-product {  position: relative;}
.gallary-product .imgBox {  border: 1px solid #ddd;}
#diamondVieoModal .modal-header {  border-bottom: none;}
#diamondVieoModal #videoIframe {  object-fit: fill;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;}
#diamondVieoModal .modal-body {  padding-bottom: 80%;  position: relative;}



/*instgarm css end here*/


 
  @media(max-width: 1030px){
     .uls-columns .instagramGallaryText .uliBlock .title{line-height: 38px;}
     .instagramGallary{margin-top: 15px;}
     
 }

@media(max-width:780px){
    
    .product-sample table{width:100%!important}
    
        instagramGallary{margin-top: 115px;}
}


@media(max-width:766px){
    .uls-columns .instagramGallaryText .uliBlock .title span{font-size: 22px;}
    .instagramGallaryText .btnTopLine{padding: 14px 60px; margin-top: 10px;}
    .instagramGallary{margin-top: 16px;}
    .instagramGallary .uls-columns .uliBlock{top:20px}
    .instagramGallaryText{background: #e7e7e7;}
    .instagramGallaryText .uliBlock{position: relative!important; width: 100%; float: left; text-align: center; }
}

/*New Home Page HTML's CSS Starts Here*/
.newHomeContainer{margin: 20px 0; padding: 0; overflow: hidden;}
.uls-columns{list-style: none; margin: 0 -10px; padding: 0;}
.uls-columns li{float: left; margin: 0 0 20px; padding: 0 10px; box-sizing: border-box; position: relative; text-align: center;}
.uls-columns .uliBlock{position: absolute; left: 0; right: 0; top: 80px; z-index: 1;}
.uls-columns .uliBlock .title{font-family: "Baskerville"; display: block; text-transform: uppercase; margin: 0 0 30px; line-height: 50px;}
.uls-columns .uliBlock-white,
.uls-columns .uliBlock-white a{color: #fff;}
.uls-columns .uliBlock-white a:before{background-color: #fff;}
.uls-columns .uliBlock a:hover{color: #1486e9;}
.uls-columns li:nth-child(2) .uliBlock,
.uls-columns li:nth-child(6) .uliBlock{top: 50%; height: 121px; margin-top: -60px;}
.uls-columns li:nth-child(3) .uliBlock{top: 85%; height: 156px; margin-top: -78px;}

@media(min-width: 768px){
    .uls-columns .uli-col-5{width: 41.666666%;}
    .uls-columns .uli-col-7{width: 58.333333%;}
    .uls-columns .uli-full{width: 100%;}
    .uls-columns .uli-oneHalf{width: 100%;}
    .uls-columns .uli-oneThird{width: 33.333333%;}
    .uls-columns .uli-twoThird{width: 66.666666%;}
    .uls-columns .uliBlock-halfRight{left: 30%;}
    
    .uls-columns li:first-child .uliBlock{top: 20px;}
    .uls-columns .uliBlock .title{font-size: 30px;}
    
    .uls-columns .uliBlockLogo{width: 150px;}
}
@media(min-width: 960px){
    .uls-columns .uli-oneHalf{width: 50%;}
    .uls-columns .uliBlock-halfRight{left: 50%;}
    .uls-columns li:first-child .uliBlock{top: 50px;}
    .uls-columns .uliBlockLogo{width: 250px;}
}
@media(min-width: 1080px){
    .uls-columns .uliBlock .title{font-size: 42px;}
    .uls-columns li:first-child .uliBlock{top: 80px;}
}
@media(max-width: 767px){
    .uls-columns {margin: 0;}
    .uls-columns [class*="uli-"]{width: 100%; padding: 0;}
    
    .uls-columns .uliBlock-halfRight{left: 0;}
    .uls-columns .uliBlock .title{font-size: 24px; margin-bottom: 10px;}
    
    .uls-columns .uliBlockLogo{width: 100px;}
    
    .uls-columns .uliBlock .MB50{margin-bottom: 10px;}
    
    .uls-columns li:nth-child(2) .uliBlock,
.uls-columns li:nth-child(6) .uliBlock{height: 81px; margin-top: -40px;}
    .uls-columns li:nth-child(3) .uliBlock{height: 101px; margin-top: -50px;}
}
 @media(max-width: 1370px){
    .instagramGallary{margin-top: 30px;}
    .uls-columns .instagramGallaryText .uliBlock{top:72px;}
     
 }
 
  @media(max-width: 1290px){
    .uls-columns .instagramGallaryText .uliBlock{top:30px;}
     
 }
 .requestViewingInfo #retailerContainer label input{display:none;}
  .requestViewingInfo #retailerContainer label{width: 100%; float: left;}
 .requestViewingInfo #retailerContainer .activeRetailer{width: 100%; background: #f6f6f6; padding: 10px; border:1px solid #ddd; margin-bottom: 8px;}
  .requestViewingInfo #retailerContainer{max-height: 600px; overflow-y: auto;}
   .requestViewingInfo #retailerContainer label input:checked + input + .activeRetailer{background: #9dffe2; border:1px solid #34a382;}
   
   
.ringChangeBlock{ width: 100%; display: flex; flex-wrap:wrap; align-items: center; margin-bottom: 15px;}  
.ringChangeBlock .itemname{  width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; font-size: 12px; }  
.ringChangeBlock ul{display: flex; flex-wrap:wrap; align-items: center; margin-bottom: 0; width: 100%; padding-left: 0; margin: 0 -7px;}  
.ringChangeBlock ul li{width: 25%; display: inline-block; border:1px solid #fff; margin-bottom: 10px; padding: 7px;  }  
.ringChangeBlock.accentChangeBlock ul li{width: 25%;}  
.ringChangeBlock ul li a{ border:1px solid #fff; display: block; position: relative; overflow: hidden;}  
.ringChangeBlock ul li img{max-width: 100%;}  
.ringChangeBlock ul li.active a{border:1px solid #ddd;}
.ringChangeBlock.diamondchangeBlock ul li{width: 100px; text-align: center; margin-bottom: 10px;}
.ringChangeBlock.diamondchangeBlock ul li a span{display: block; font-size: 12px; }
.diamondMetalBlock .form-control{border-radius:0;}
.diamondMetalBlock .metalDiamond{margin-bottom: 12px;}
.diamondMetalBlock .metalDiamond label{font-weight: normal; font-size: 12px;}
.diamondPrice {margin: 25px 0 0;}
.priceActionContailer { flex-wrap: wrap; }
.diamondPrice .priceBlock{font-size: 16px;  font-weight: bold;}
.diamondPrice .priceBlock span{font-size: 16px; display: block; margin-top: 6px; font-weight: normal; }
.notBlock{border-top:1px solid #ddd; padding-top: 20px; margin-bottom: 20px; color: #a6a6a6;}
.diamondMetalBlock{background: #f9f9f9; padding: 15px 15px 5px; border:1px solid #ddd;}
.diamondPrice .btn{ font-size: 12px; text-transform: uppercase;}
.diamondPrice .row{display: flex; align-items: center; flex-wrap:wrap;}
.ringChangeBlock ul li a .hoverText{  width: 100%;  padding:5px 10px; text-align: center; font-size: 12px; display: block; }
#pageLoader{position: fixed; top:0; left:0; width: 100%; height: 100%;  z-index: 99999;}
#pageLoader .loaderImg{position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #868686; padding: 10px; background: #fff;}
.productListing similarProduct .featuredProduct .block1{font-size: 12px;}
.productfileriframe .row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.productSearch{position: relative;}
.productSearch .searchIcon{position: absolute; right:0; top:0; font-size: 13px; background: #000; color: #fff; border-radius: 0; padding: 6px 20px; padding: 10px 15px;
text-transform: uppercase;}
.productSearch .form-control{border-radius:0; border: 1px solid #d5d5d5; box-shadow:inherit; height: 41px; padding-right: 90px; }
.productSearch .error{font-size: 12px; color: #f00; width: 100%; text-align: left; position: absolute; bottom: -19px; }
.request-popup.modal-dialog-centered{display: -ms-flexbox;  display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (1.75rem * 2));}
.request-popup.modal-dialog-centered:before {  display: block;   height: calc(100vh - (.5rem * 2));   content: "";}
.modal-dialog.request-popup.modal-dialog-centered{margin-top: 0; margin-bottom: 0;}
.ringChangeBlock ul.carat-shape li {list-style: none;   padding: 0 2px;  width: 12%;}
.ringChangeBlock ul.carat-shape li label {text-align: center;cursor: pointer; width: 100%; cursor: pointer; font-weight: normal;}
.ringChangeBlock ul.carat-shape li input, .ringChangeBlock .metalBox ul li input { display: none;}
.ringChangeBlock ul.carat-shape, .ringChangeBlock .metalBox  ul{margin:0 -4px}
.ringChangeBlock ul.carat-shape li input + span { border: 1px solid #ddd; padding: 5px; color: #777;  font-size: 12px; display: block;}
.metalKaratTypeBlock label{cursor: pointer;}
.ringChangeBlock ul.carat-shape li input:checked + span { border: 1px solid #000;  color: #000;}
.ringChangeBlock .metalBox  ul li{display: inline-block; width: auto;  padding: 0 4px;}
.ringChangeBlock .metalBox ul li span {display: block;font-size: 14px; background: #dedede; border-radius: 100%; width: 26px; height: 26px; text-indent: -9999px;
  text-align: center; border: 2px solid #dedede; font-weight: normal;}
.ringChangeBlock .metalBox ul li.goldValue span { background: #f0bd9e; border: 2px solid #f0bd9e;}
.ringChangeBlock .metalBox ul li.yellowValue span { background: #eed9a7; border: 2px solid #eed9a7;}
.ringChangeBlock .metalBox ul li.yellowValue span { background: #eed9a7; border: 2px solid #eed9a7;}
.ringChangeBlock .metalBox ul li input:checked + span { border: 2px solid #000;}
.metalBox, .ringChangeBlock.DiaWeightBlock .itemname + div.mt-2.mb-4, .ringChangeBlock.ringSizeBlock .itemname + div.mt-2.mb-4 {width:100%;}
.ringChangeBlock .metalBox .metalText { width: 100%; margin-bottom: 10px; font-weight: 600; font-size: 14px; color: #5a5a5a; margin-top: 12px;}
.diamondHeader { margin-bottom: 40px;}
.diamondHeader ul { border: 1px solid #ddd; padding: 0;  display: flex; justify-content: center !important;}
.diamondHeader ul li {list-style: none; width: 33.333%; text-align: center;  position: relative; border-left: 1px solid #ddd;}
.diamondHeader ul li .chooseBlock { padding: 20px;}
.diamondHeader .align-items-center { align-items: center !important;}
.diamondHeader .justify-content-between { justify-content: space-between !important;}
.diamondHeader  .d-flex { display: flex !important;}

.diamondHeader ul li .numerBlock .numnerValue { border: 1px solid #808080; color: #808080; width: 40px;height: 40px;text-align: center; display: inline-block;font-size: 18px;
  border-radius: 100%; line-height: 40px; margin-right: 10px;}.diamondHeader ul li .textTitle { color: #999999; font-size: 18px; text-align: left;}  
.diamondHeader ul li.active .textTitle, .diamondHeader ul li.active .textTitle a { color: #000;}
.diamondHeader ul li.active .textTitle, .diamondHeader ul li.active .textTitle a { color: #000;}
.diamondHeader ul li .icon {width: 45px; height: 45px; display: inline-block;  position: relative;}
.diamondHeader ul li .tickIcon { position: absolute;  left: 16px;  z-index: 1;  top: 26%;}
.diamondHeader ul li .icon img { max-width: 100%;}
.diamondHeader ul li.active .chooseBlock { background: #f2f2f2;}
.diamondHeader ul li:first-child, .diamondHeader ul li.actiive { border-left: none;}
.ringChangeBlock.ringSizeBlock .form-control{border-radius:0;}
.diamondHeader ul li .chooseBlock .hoverData {position: absolute; width: 100%; top: 100%;  background: #f9f9f9;  z-index: 999;  left: 0;  display: none;  padding: 15px 10px;  text-align: left;  border-top: 1px solid #ddd;}
.diamondHeader .justify-content-end {  justify-content: flex-end !important;}
.diamondHeader ul li .chooseBlock:hover .hoverData { display: block;}
.diamondHeader .data { font-size: 14px; color: #000;  margin-top: 4px;}
.diamondHeader ul li .chooseBlock .hoverData .data { margin-bottom: 10px;}
.diamondHeader ul li .botBtn {  color: #999;  font-size: 12px;  justify-content: center !important;}
.diamondHeader ul li .chooseBlock .hoverData .btn {  background: #000;  padding: 5px 15px;  text-decoration: none;  border-radius: 0;  color: #fff;}
.diamondHeader ul li .chooseBlock .hoverData .btn:hover {  background: #222; color: #fff;}
.diamondHeader ul li .chooseBlock .hoverData .btn + .btn { margin-left: 8px;}
@media(max-width:980px){
.diamondHeader ul li .leftblock.leftBlockArrow::before { content: "\f107";  font-family: FontAwesome;  position: absolute;  left: -19px;  top: 0px;  color: #000;
  font-size: 16px;  transition: all .3s linear;}
.diamondHeader ul li.selected .leftblock.leftBlockArrow:before { transform: rotate(180deg);}
.diamondHeader ul li, .diamondHeader ul li .chooseBlock {  position: static;}
.diamondHeader ul li .chooseBlock .hoverData {  border: 1px solid #ddd;}
.diamondHeader ul li.selected .hoverData {display: block;}
.diamondHeader ul li .numerBlock .numnerValue, .diamondHeader ul li .icon img { display: none;}
.diamondHeader ul li .icon img.tickIcon {    display: block;}
.diamondHeader ul li .icon img.tickIcon {    width: 18px;    height: 18px;}
.diamondHeader ul li .icon {height: auto;  position: absolute;  right: -5px;  top: 1px;}
.diamondHeader ul li .leftblock.leftBlockArrow {  position: relative;}
.diamondHeader ul {  position: relative;}
.diamondHeader ul li .numerBlock { flex-wrap: wrap;  justify-content: center !important;  position: relative;}
.diamondPrice  .text-right, .diamondPrice .priceBlock{text-align: center;}
.diamondPrice .priceBlock{margin-bottom: 10px;}
.diamondPrice .btn { margin-bottom: 15px;}
}

@media(max-width:766px){
    .diamondHeader ul li .chooseBlock { padding: 6px;}

.diamondHeader ul li .textTitle{font-size: 11px;}
.ringChangeBlock ul.carat-shape li{width:20%;}
.diamondPrice .row{flex-wrap:wrap;}
.diamondPrice .priceBlock{margin-bottom: 20px; text-align: center;}
.diamondPrice  .text-right{text-align: center;}
.diamondHeader ul li .textTitle{text-align: center;}
.ringChangeBlock ul li{width: 50%;}
.ringChangeBlock.accentChangeBlock ul li{width: 33.333%;}
.diamondHeader .d-flex{justify-content: center !important;}
.diamondHeader ul li .chooseBlock .hoverData { left: -0.2%;  width: 100.4%;}
#diamondVieoModal .modal-body {  padding-bottom: 114%;}

}

@media(min-width:766px){
  .diamondHeader .justify-content-between { justify-content: space-between !important;}  
    
}

@media(min-width:576px){
    .request-popup.modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
}
}