.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
} 
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
 
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
  height: 18px;
}

.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-marker {
  position: absolute;
}

.noUi-pips-horizontal {

  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-horizontal {
  height: 2px;
}

.noUi-horizontal .noUi-handle {
  box-shadow: none !important;
  top: -14px;
}
/*
.dm-price-container {
  border-width: 1px;
  border-style: solid;
  padding: 50px;
}
*/
#dmpricebuy,
#dmpricesell {
  text-align: center;
}
.mostraquotazione {
  text-align: center;
}

/* ul#dmspecslist {
  text-align: center;
}
ul#dmspecslist li {
  display: inline;
  list-style: none;
  padding: 0 2px;
} */
/* 
ul#dmspecslist li:before {
  content: "";
  margin: 0;
} */

#dmstonetext {
  text-align: center;
  font-size: larger;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 5px;
}

#dmsparamstext {
  text-align: center;
  font-size: larger;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 45px;
  text-transform: uppercase;
}

/* DIAMOND SHAPE */

.dmformResult {
  text-align: center;
}

.dmformChange {
  text-align: center;
  margin: 20px;
}
/* 
ul#dmspecslist {
  margin-bottom: unset;
} */
/*
.dmformC7 {
  margin-top: 50px;
}*/
/*
#dmFormChangeButton {
  padding: 5px;
  padding-left: 15px;
  background: black;
  text-transform: uppercase;
  color: white !important;
  font-size: small;
  padding-right: 15px;
  transition: all 500ms ease-out;
}
*/
.dmstonedetailsFrom {
  text-align: center;
  margin: 20px;
  font-size: x-large;
}

.asterisk {
  font-size: 16px;
  vertical-align: text-top;
}

#avvisoIva {
  margin-top: 20px;
  text-align: center;
}

#disclaimerRapa {
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}

.fancyDesc {
  margin-top: 50px;
}

#avvisoIva {
  font-size: 12px;
}
/*
#dmpricebuy, #dmpricesell {
  line-height: 30px;
}

.dm-price-container {
  margin-bottom: -50px;
}
*/
/***********************************************/
/* 

.row01-flexfissa {
  width: 300px;
}
 */

/*colore e purezza*/

.sect-colore,
.sect-purezza {
  margin: 20px 0px;
}

.sect-colore h6,
.sect-purezza h6 {
  margin: 10px 0px;
  font-size: 20px;
  color: #000 !important;
}

.sect-colore .range-slider-container,
.sect-purezza .range-slider-container {
  margin-bottom: 90px !important;
}

.row01-flexfissa:before {
  height: 0px;
  width: 110px;
  display: block;
  text-align: center;
  margin: 0 auto;
  filter: invert(100) !important;
  top: -40px !important;
  position: relative;
  z-index: 99;
}

.dm-selector {
  row-gap: 15px;
  column-gap: 20px;
}

/*pagina quotazione diamanti*/
.shape-dm:before {
  height: 30px;
  width: 30px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-right: 10px !important;
  padding: 5px 0px 5px 5px;
}

.selected-radio .shape-dm:before {
  filter: invert(100) !important;
}
/**forme**/
.formediam, ul.quot-colore-list li,
ul.quot-purezza-list li, ul.quot-certificato-list li {
  align-content: center;
  align-items: center;
  justify-content: flex-start !important;
  border: 1px solid #00000020;
  border-radius: 0px !important;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  color:#000;
  gap:5px;
  padding: 10px !important;
}

ul.quot-purezza-list li{
width:14%; 
}
ul.quot-purezza-list {
    justify-content: space-between;
    }
.valore-carati-pulsante {
  align-content: center;
  align-items: center;
  text-align: center;
  justify-content: flex-start !important;
  border: 0px solid #000;
  border-radius: 0px !important;
  background-image: radial-gradient(circle at center, #02263c 0%, #010118 100%) !important;
  display: flex;
  flex-wrap: wrap;
  color:#fff !important;
font-size: 16px!important;
  gap:5px;
  padding: 10px !important;
  display: flex;
  margin-left: 2% !important;
}
.carati-titolo {
  display: flex;
  align-content: center;
  align-items: center;
  text-align: center;

}
.formediam, ul.quot-certificato-list li  {
  width: 30% !important;
}
.formediam {
  cursor: pointer;
}
.formediam.selected-radio, 
ul.quot-colore-list li:hover,
ul.quot-purezza-list li:hover,
ul.quot-purezza-list li.selected,
ul#lista-colori li.selected,
ul#lista-certificato li.selected,
ul#lista-certificato li:hover {
  background-image: radial-gradient(circle at center, #02263c 0%, #010118 100%) !important;
  color: #fff !important;
  border:0px !important;
}

.row-lato1 {
  border: 0px solid #000;
  border-radius: 20px !important;
  height: auto;
}


/*quot-colore-list e purezza list*/

ul.quot-colore-list,
ul.quot-purezza-list,
ul.quot-certificato-list {
  list-style-type: none;
  display: flex;
  /* align-content: space-between !important;
  justify-content: space-between !important; */
  width: 100% !important;
  padding-left: 0px !important;
  flex-wrap: wrap;
  gap:5px;
  /* padding: 10px !important; */
}





ul.quot-colore-list li:last-child,
ul.quot-purezza-list li:last-child {
  margin: 0px 0px 0px 0px !important;
}


ul.quot-diam.listquotazioni {
  padding-bottom: 0px;
}
/**/

.noUi-handle.noUi-handle-upper {
  display: none;
}


/**/

#diamond-quot-base h6 {
  margin: 10px 0px;
  font-size: 20px;
  color: #000 !important;
}

/*forme quotazione diamanti*/

.dm-selector {
  display: flex;
  flex-flow: row wrap;
}

.dm-selector::after {
  content: "";
  flex: auto;
}

.dm-selector {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}



/**/
.noUi-horizontal .noUi-handle {
  background: #000;
  border: 1px solid #000;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  left: -14px;
  top: -10px !important;
}

.noUi-target,
.noUi-horizontal {
  background: #fff;
  height: 3px !important;
}
.noUi-target  {
  background: #000;

}

/*carati*/
.sect-carato .range-slider-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center !important;
}

div#range-slider-05 {
  width: 100%;
  margin: 0% 5%;
}

.slider-posto {
  display: flex;
  width: 100%;
  align-items: baseline;
}
.sect-carato .range-slider-container {
  width: 100%;
}

/* input#range-value-lower-05 {
  background-color: transparent;
  border: 0px;
  color: #000 !important;
  font-size: 26px;
  width: 10%;
} */

/***img**/
.dm-shape-round:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_round.svg");
}

.dm-shape-goccia:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_pera.svg");
}

.dm-shape-ovale:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_ovale.svg");
}

.dm-shape-smeraldo:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_smeraldo.svg");
}

.dm-shape-marquise:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/07/Risorsa-4-1.svg");
}

.dm-shape-round:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_round.svg");
}

.dm-shape-cuscino:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_cuscino.svg");
}

.dm-shape-radiant:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_radiant.svg");
}

.dm-shape-cuore:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_cuore.svg");
}

.dm-shape-trilliant:before,
.sf11:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/07/2tagli_trilliant.svg");
}

.dm-shape-baguette:before,
.sf12:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/07/2tagli_baguette.svg");
}

.dm-shape-princess:before {
  content: url("https://landing.bancodiamanti.com/wp-content/uploads/2024/06/2tagli_princess.svg");
}

.dm-shape-altro {
  text-align: center;
  align-content: center;
}


/****************/
.listquotazioni li {
  list-style-type: none !important;
  /*text-transform: uppercase;*/
  /* line-height: 2.2em; */
  font-size: 20px;
}

.listquotazioni li span {
  font-size: 16px;
}

/* 
.fudmdetails1 {
  padding-top: 50px;
}
 */

.dm-price-container {
  border: 0px solid transparent;
}

/***/

.testo-fine {
  margin-top: 50px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/* .dmdetails:after {
  content: "";
  height: 1px;
  position: relative;
  display: block;
  background-color: #000;
} */

/****misc****/
/**********************************/

.hidden-radio {
  display: none;
}



#diamond-quot {
  color: #000;
}



/**pop diamanti**/

/* Stili per il pop-up */
.popupdiam {
  /* display: none; */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border: 0px solid #000 !important;
  width: 80%;
  max-width: 800px;
  border-radius: 20px;
}

.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#dmform {
  padding: 10px;
}

.form0 textarea {
  margin-top: 25px !important;
}



/*loader*/
.loader {
  border-radius: 100px;
}
/* 
#loading {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #161616a6;
} */
#dmpricesell {
  position: relative; /* base per il posizionamento assoluto del figlio */
}

#loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  /* copre tutto #dmpricesell */
  height: 100%;
  background-color: transparent;
  z-index: 10;  /* più alto di qualsiasi altro contenuto dentro dmpricesell */
  display: none; /* oppure block se vuoi mostrarlo subito */
}


.preloader-wrapper.big.active {
  height: 100% !important;
  align-items: center;
  display: flex;
}

.loader {
  margin: 0 auto !important;
  text-align: center;
  width: 50px !important;
  height: 50px !important;
  background: radial-gradient(farthest-side, #000 94%, #0000) top/8px 8px
      no-repeat,
    conic-gradient(#0000 30%, #000);
  -webkit-mask: radial-gradient(
    farthest-side,
    #0000 calc(100% - 8px),
    #000 0
  ) !important;
  animation: l13 2s infinite linear !important;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

.dmspecslist4 {
  display: none !important;
}

.prezzo3 {
  display: inline-block;
  margin-left: 2px;
}

.prezzo2 {
  display: inline-block;
  margin-right: 2px;
}

.row-none {
  padding: 0px !important;
  margin: 0px !important;
  height: 0px !important;
}

#openPopupButton:hover {
  background-color: #000 !important;
}

#paramsFormCarats2 {
  background-color: transparent !important;
  border: 0px;
  line-height: 2.2em;
  font-size: 20px;
}

.page-id-26443 .et_pb_row.et_pb_row_1.et_pb_row_1-4_3-4 {
  z-index: 0 !important;
}

#dmformPopup {
  position: fixed;
  overflow: hidden;
  display: none;
}

article#post-18088 {
  z-index: 1;
  position: relative;
}

/******/
.sez-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.prima-sezione {
  width: 40%;
} 
#diamond-quot {
  width: 60%;
}

.prima-sezione, #diamond-quot {
  display: flex;
  padding:2%;
  flex-wrap:wrap;
}
.img-prodotto {
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (max-width:981px) {
  .prima-sezione, #diamond-quot {
    width: 100%;
    display: flex;
  }
  .sez-main {
    flex-wrap: wrap;
  }
}


.img-prodotto {
  display: none;
}
.img-prodotto:first-of-type {
  display: block;
}

.formini {
  list-style-type: none;
}




/*********/

.pulsante-0 , .pulsante-3, button#openPopupButton {
	    border: 2px solid transparent;
	    border-width: 1px !important;
    color: #fff !important;
background-image: radial-gradient(circle at center, #02263c 0%, #010118 100%) ; 
	border-color: #1f2e41 !important;
    padding:10px  !important;
	    letter-spacing: 1px !important;
	    font-size: 16px !important;
	text-transform:uppercase;
}
	
/******/
.img-prodotti-div {
	width:100%;
}

.foto-forma-blister, .testo-blister {
	display:flex;
	width:40%;
	flex-wrap:wrap;
}

.fudmdetails1 {
	padding-top:0px;
}
 .foto-forma-blister {
max-height: 90px;
max-width: 90px;
position: static;
}

.testo-blister {
  position: static;
  max-width: 130px;
}
div#fufudmdetails1, .row-lato1 {
  width: 100%!important;
}

.prezzo1 {
	display:inline-block;
	font-family:'Sterling',Helvetica,Arial,Lucida,sans-serif;
}
.prezzo2 {
	display:none !important;
}


.sect-certificato {
  width: 100%;
  display: block;
}
ul.quot-certificato-list {
  justify-content: space-between;
}


/*********DA QUI MAIN.CSS*****/

#img-click-diam img {
	width:45px !important;
}
.small-tx-price {
text-align:center;
	margin-bottom:20px;
}
#dmprice {
	margin-top:20px;
}
/****************************************************/
.quot-diam { 
  line-height:1.2em !important;
}

.img-blister {
position: relative;
width: 100%;
max-width: 100%; 
height: auto;
display: block;
}

.img-blister .imgunder {
width: 100%;
height: auto;
display: block;
max-width: 100%;
object-fit: contain;
margin:0 !important;
  z-index:-100 !important;
  max-height:250px;
}

/***********************/

.imgunder {
width: 100%;
height: auto;
display: block;
}

/***************************************Posizione***************************************/

#img-click-diam, .quot-diam {
position: absolute; 
transform: translate(-50%, -50%);
}
/**igi + generico**/
.img-blister #img-click-diam {
  top: 50%;
  left: 50%;
}
@media (max-width:1449px) and (min-width:982px) { 
.img-blister .quot-diam {
  left: 78% !important;
}
}
.img-blister .quot-diam,
.div-blister-gia #img-click-diam, .div-blister-gia .quot-diam, .div-blister-hrd #img-click-diam, .div-blister-hrd .quot-diam   {
  top: 50%;
}

.div-blister-gia .quot-diam {
  left: 60%;
}

.div-blister-hrd #img-click-diam {
  left: 33%;
}

.div-blister-hrd .quot-diam {
  left: 73%;
}
/**responsive**/ 
@media (min-width:1550px) {
 
  .div-blister-gia #img-click-diam {
    left: 30%;
  }
  .div-blister-hrd #img-click-diam {
    left: 35%;
  }
  .div-blister-hrd .quot-diam {
    left: 70% !important;
  }
}
@media (max-width:1449px) and (min-width:981px) { 
  .div-blister-gia #img-click-diam {
    left: 27%;
  }
}
@media (max-width:1549px) and (min-width:1400px) {
  .div-blister-gia #img-click-diam {
    left: 28%;
  }
}
@media (max-width:1249px) {
  .quot-diam li span {
    font-size: 14px !important;
  }
}

@media (max-width:1150px) and (min-width:981px) {
  #img-click-diam img {
    width: 30px !important;
  }
}
/**/
@media (max-width:981px) and (min-width:769px) {
  .img-blister, .imgunder {
    margin: 0 auto !important;
  }
  .img-blister {
    display: block !important;
  }
  .prima-sezione #img-click-diam img {
    width: 50px !important;
  }
  .img-blister .quot-diam {
    left: 66% !important;
  }
  .div-blister-gia #img-click-diam {
    left: 37%;
  }
  .div-blister-gia .quot-diam {
    left: 56%;
  }
  .div-blister-hrd #img-click-diam {
    left: 41%;
  }
  .div-blister-hrd .quot-diam {
    left: 63%;
  }
}

@media (max-width:720px) {

.formediam, ul.quot-certificato-list li {
  width: 28% !important;
}
.div-blister-gia #img-click-diam {
  left: 28% !important;
}
#diamond-quot * {
  font-size:13px;
}
}


#lista-certificato .selected .img-ce-quot {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(503%) contrast(103%);
}

#lista-certificato li {
  font-size: 0px;
}
.img-ce-quot {
    max-width: 65px; 
    max-height: 100%;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
}