#diamondinstantinventory{
	opacity: 0;
}

#diamondinstantinventory.active{
	opacity: 1;
	transition: opacity 0.4s;
}

#diamonds_shapes{
	display: none;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
    margin-right: 8px;
}

.one_range label{
	display: block;
}

.clear{
	clear: both;
}

#diamonds-filters .one_range input{
    max-width: 250px;
    border: none!important;
    padding: 1px 0px 1px 6px;
    font-size: 16px;
    font-weight: 500!important;
    margin-top: 5px;
}

#diamonds-filters{
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto;
    background: #05133a;
    padding: 20px;
    color: white;
    border-left: solid 5vw #05133a;
    border-right: solid 5vw #05133a;
}

#filtre_shapes{
	flex-basis: 100%;
    margin-bottom: 70px;
}

.shape-input input[type=checkbox] {
	display : none;
}

.shape-input input[type=checkbox] + label{
	content: "";
    display: block;    
	text-indent: -9999px;
    margin-top: 10px;
    cursor: pointer;
	opacity : 0.5;
    width: 90px;
}


.shape-input #Round + label{
    height: 57px;
    background: url(images/icones/round.png) no-repeat center;
}

.shape-input #Princess + label{
    height: 58px;
    background: url(images/icones/princess.png) no-repeat center;
}

.shape-input #Oval + label{
    height: 58px;
    background: url(images/icones/oval.png) no-repeat center;
}

.shape-input #Heart + label{
    height: 58px;
    background: url(images/icones/heart.png) no-repeat center;
}

.shape-input #Emerald + label{
    height: 57px;
    background: url(images/icones/emerald.png) no-repeat center;
}

.shape-input #Cushion + label{
    height: 58px;
    background: url(images/icones/cushion.png) no-repeat center;
}

.shape-input #Pear + label{
    height: 58px;
    background: url(images/icones/pear.png) no-repeat center;
}

.shape-input #Radiant + label {
    height: 58px;
    background: url(images/icones/radiant.png) no-repeat center;
}

.shape-input input[type=checkbox]:checked + label{
	opacity : 1!important;
}

/* PRICE */

#filtre_price{
    flex-basis: 50%;
	text-align: left;
	padding-right: 25px;
	border-radius : 0;
}

#slider-range-price{
    width: 97%;
    margin: 15px auto 0 auto;
	border-radius : 0;
}

.one_range:after {
    position: absolute;
    right: calc(30% + 9px);
    bottom: 0;
    content: "€";
    display: block;
    color: #06133a;
}

.one_range {
    margin-top: 5px;
}

.ui-widget-header {
    border: 1px solid #fff;
    background: #fff;
}

.ui-slider.ui-widget-content {
    border: 1px solid #fff;
    background: #ffffff;
}

.ui-slider .ui-state-default {
    border: 2px solid #05133a;
    background: #fff;
    font-weight: normal;
    color: #454545;
}

.ui-slider .ui-slider-handle {
    width: 15px;
    height: 23px;
    border-radius: 0;
    top: -10px;
}

.ui-slider-horizontal {
    height: 5px;
    top: 5px;
}

.ui-slider-horizontal .ui-slider-range{
	border-radius : 0;
}

/* CARAT */
#filtre_carat{
    flex-basis: 50%;
	text-align: left;
	padding-left: 25px;
}

#slider-range-carat{
    width: 97%;
    margin: 15px auto 0 auto;
	border-radius : 0;
}

#filtre_carat .one_range:after {
    display: none;
}

/* COLOR */

#filtre_color{
    flex-basis: 50%;
	text-align: left;
	padding-right: 25px;
    margin-top: 35px;
}

#slider-range-color{
    width: 97%;
    margin: 15px auto 45px auto;
}


.color_name{
    position: absolute;
    bottom: -35px;
    height: 30px;
    width: 100%;
    display: flex;
    text-align: center;
    color: white;
}


.color_name span{
	width:16.666666666666668%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	font-family:var(--title-font);
    margin-top: 6px;
}


/* CUT */

#filtre_cut{
    flex-basis: 50%;
	text-align: left;
    padding-right: 25px;
    border-radius: 0;
}

#slider-range-cut{
    width: 97%;
    border-radius: 0;
    margin: 15px auto 45px auto;
}


.cut_name{
    position: absolute;
    bottom: -35px;
    height: 30px;
    width: 100%;
    display: flex;
    text-align: center;
    color: white;
}


.cut_name span{
	width : 50%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	font-family:var(--title-font);
    margin-top: 6px;
}
/* CLARITY */

#filtre_clarity{
    flex-basis: 50%;
	text-align: left;
	padding-left: 25px;
    margin-top: 35px;
}

#slider-range-clarity{
    width: 97%;
    margin: 15px auto 45px auto;
	border-radius : 0;
}


.clarity_name{
    position: absolute;
    bottom: -35px;
    height: 30px;
    width: 100%;
    display: flex;
    text-align: center;
    color: white;
}


.clarity_name span{
	width: 14.28571%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
	font-family:var(--title-font);
    margin-top: 6px;
}



/* SEARCH */
#bt-search{
    flex-basis: 100%;
    align-self: flex-end;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 15px;
}

#bt-search button{
	width: 250px;
	background : #2d4385;
	border-radius : 0;
	text-transform : uppercase;
}


#diamonds-filters h3{
    margin-bottom: 0;
    margin-top: 35px;
	color : white;
    font-size: 16px;
    font-weight: 400;
}

.separator_slider{
	position: absolute;
    width: 5px;
    height: 5px;
    background: #05133a;
    top: -1px;
    z-index: 1;
}

.wrapper_shape{
	width : 100%;
}

.shape-label{
	text-transform: uppercase;
	font-size : 12px;
	font-weight : 500;
	font-family:var(--title-font);
	margin-top : 30px;
	margin-bottom : 5px;
}

.one_shape{
	display: inline-block;
    width: 90px;
	margin : 0 10px;
    text-align: center;
}

.one_shape input{
	height: 37px;
    width: 100%;
}

.nb_found{
    display: inline-block;
    width: 50%;
    text-align: left;
	font-family:var(--title-font);
	font-size: 14px;
	text-transform: uppercase;
    margin: 13px 0px;
}

.change_affichage{
    display: inline-block;
    width: 50%;
    text-align: right;
    margin-top: 12px;
}

.change_affichage span{
    text-indent: 9999px;
	cursor : pointer;
    opacity : 0.5;
}

.change_affichage .show_list{
	background:url(images/show_list.jpg) no-repeat;
	width : 24px;
	height : 19px;
	display : inline-block;
}

.change_affichage .show_full{
	background:url(images/show_visual.jpg) no-repeat;
	width : 24px;
	height : 19px;
	display : inline-block;
	margin-left : 20px;
}

.change_affichage span.active{
    opacity : 1;
}

.load_more_diamonds{
    flex-basis: 100%;
}

.load_more_diamonds span{
	display: inline-block;
    text-align: center;
    padding: 10px 25px;
    cursor: pointer;
    background: var(--title-color-2);
    color: white;
    text-transform: uppercase;
    font-family: var(--title-font);
    margin-top: 35px;
}


.no_result{
	text-align: center;
    width: 100%;
    font-size: 20px;
    margin-top: 30px;
}