.filter, .filter *, .filter *::before, .filter *::after{-webkit-box-sizing:border-box;box-sizing:border-box;}
.fclear{ clear: both;}

@media (min-width:768px){.fhide{ display: none !important;}}
@media (max-width:767px){.fhide767{ display: none !important;}}

.stick .filter{background:rgba(255,255,255, 0.9);}
.filter{position:relative;padding:5px 0px;background-color:#fff; float: left; width:100%;}
@media (max-width:767px){.filter{padding:0px;}}

.sortby_man{ display:none; z-index: 99999;}
.sortby_man.sortby_man_open{ display: block;}
.noscroll{ overflow: hidden !important;}
.sortby-bg {position:fixed;top:0px;bottom:0px;right:0px;left:0px;z-index:99; background-color: rgba(0,0,0,.2);}
.sortby{ padding:25px; background-color: #fff; bottom:0px; left:0px; right:0px; float: left; width:100% !important; position:fixed;z-index:100; border-top:1px solid #3c3c3c;}
.sortby .hd{ color:#333; font-weight:bold; font-size:18px; text-transform: uppercase; padding-bottom:11px;}
.sortby-radio{ display: block; position: relative; padding:9px 0px;cursor:pointer; margin:0px;}
.sortby-radio input[type="radio"]{ cursor:pointer; position: absolute;z-index: 1;opacity: 0; margin:0px; padding:0px;}
.sortby-radio span::after{content: '';width:20px; height:20px; position: absolute; left:0px; border:2px solid #666666; background-color:#fff;-webkit-border-radius:50%;
-moz-border-radius:50%;border-radius:50%;}
.sortby-radio span{ padding-left:30px; font-size:16px; color:#575757; display:block; position: relative; text-align:left;}
.sortby-radio input[type="radio"]:checked + span::before{content: '';width:10px; height:10px; z-index:1; position: absolute;left:5px; top:5px; background-color:#666666;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

/*--filter-holder*/
.filter-holder{ float: left; width:100%; min-height:56px;}
.filter-holder-hd{padding:15px 15px 15px 50px;position:fixed;left:0px;right:0px;width:100%;background:#fff;z-index:1;top:0px;display:none;
 color:#575757; font-size:18px; border-bottom:1px solid #cdcdcd;font-family: 'proxima_nova_rgregular' !important;font-weight: bold;}
 .filter-holder-hd .citem{color:#575757; font-size:15px; font-weight:normal; /*float:right;*/}
 .filter-holder-hd .clear_all_filter{ font-size:14px; float:right; text-decoration:underline; padding:5px 0;}
.filter-holder-close{position:absolute;left:0px;top:0px;width:50px;height:50px;}
.filter-holder-close:before, .filter-holder-close:after{position:absolute;left:50%;top:50%;margin-top:-12px;content:' ';height:25px;width:2px;background-color:#333;}
.filter-holder-close:before{transform:rotate(45deg);}
.filter-holder-close:after{transform:rotate(-45deg);}
.filter-holder-action{position:fixed;left:0px;right:0px;width:100%; border-top:0px solid #0f0f0f; background-color:#fff;z-index:1;bottom:0px;display:none;}
.filter-holder-action a{line-height:50px;display:block;text-align:center; }    
.filter-holder-action .clear-all-link{width:60%;color: #575757; font-size:14px; text-decoration: underline; cursor: pointer;}

.filter-holder-action .apply-link{width:100%; background-color:#fff; color:#bba2aa;text-decoration:none;text-transform: uppercase; font-size:16px; border:1px solid #bba2aa;}
@media (max-width:767px){
.filter-holder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background-color:#fff;cursor:default;margin-left:0px;padding-left:0px;}
.filter-holder-hd, .filter-holder-action{display:block;}
.filter-holder-pd{float:left;width:100%;height:100%;padding:52px 0px 50px;}
.filter-holder-contant{height:100%;overflow-x:hidden;position:relative;overflow-y:auto;}
.filter-holder-contant .fcatalog{margin-top:0px !important;}
}


.filter-btn{ border:1px solid #cdcdcd;}
.filter-btn>a{ width:50%; text-align: center; font-size:16px; text-transform: uppercase;cursor:pointer; line-height:48px;}
.filter-btn>a.filter-holder-btn{background-color:#808080;color:#ffffff;}
.filter-btn>a.filter-holder-btn .fa{ font-size:20px; padding-right:5px;}
.filter-btn>a.filter-sortby-btn{background-color:#f3f3f3;color:#575757;}
.filter-btn>a.filter-sortby-btn .fa{ font-size:18px; padding-right:0px; padding-top:2px;}

/*--filter-catalog*/
@media (min-width:768px){
.fcatalog{float:left;width:25%;position:relative; padding:0px 4px;}
.fcatalog-name{display:table;line-height:18px;max-height:50px;padding:0px 15px;text-decoration:none;width:100%;cursor:pointer;position:relative;background-color:#f3f3f3; border: 1px solid #f3f3f3; border-bottom:0px !important;}
.fcatalog-name span{display:table-cell;height:50px;position:relative;vertical-align:middle;width:100%; font-size:14px; color:#575757;}
.fcatalog-name span.fa.fa-angle-down{font-size:20px;}    
.fcatalog-name span+span{padding-left:5px;}
.fcatalog-dropdown{background-color:#ffffff;border:1px solid #393939;position:absolute;width:545px;z-index:2;left:7px; top:49px; opacity:0; z-index:0; visibility:hidden;}
.fcatalog.active .fcatalog-dropdown{opacity:1; z-index:1; visibility:visible;}
.fcatalog.active .fcatalog-name{ border-color:#393939;background-color:#fff;font-weight: bold;border-bottom-color:#fff; height:50px; max-height: none; position: relative; z-index:3;}
.fcatalog.active .fcatalog-name span.fa-angle-down:before {content:"\f106"}
    
.fcatalog.rightc .fcatalog-dropdown{left:auto;right:7px;}
.fcatalog-scroll{float:left;max-height:270px;overflow-y:auto;padding:15px 15px 10px 15px;width:100%;}
.fcatalog-scroll.mb40{margin-bottom:30px;}
.fcatalog-clear{position:absolute;font-size:11px;bottom:0px;right:0px; padding:12px 20px; line-height:normal;color:#575757;text-decoration:none;}
.fcatalog-clear:hover{color:#575757; text-decoration: underline;}
.fcatalog-list{margin:0px;padding:0px;list-style:none;}
.fcatalog-list>li{float:left;width:100%;padding:6px 0px;}}
@media (max-width:767px){
.fcatalog{border-bottom:1px solid #cdcdcd;}
.fcatalog-name{padding:15px;cursor:pointer;background-color:#f3f3f3; cursor: pointer;}
.fcatalog-name .name{text-transform: uppercase; font-size:16px; color:#575757;}
.fcatalog-name .countfilter{ font-size:16px; font-weight:500; display:inline-block; padding:0 5px; letter-spacing:1px; }
.fcatalog-name .count{text-transform: uppercase; font-size:16px; color:#575757;}
.fcatalog-name .fa-angle-down{float: right; color:#575757; font-size:40px; line-height:21px;}
.fcatalog.active .fcatalog-name span.fa-angle-down:before {content:"\f106"}
.fcatalog.active .fcatalog-name{background-color:#fff; font-weight: bold;}
.fcatalog-dropdown{display:none;border-top:1px solid #cccccc;background-color:#fff;}
.fcatalog-clear{display:none;}
.fcatalog-list{list-style:none;margin:0px;padding:0px;}
.fcatalog.active .fcatalog-dropdown{display:block;}}

/*--filter-catalog-item*/
.fcatalog-item{text-decoration:none; position: relative; margin-left:27px; color:#575757; font-size:12px; display: inline-block;}
.fcatalog-item:before{position:absolute;left:-27px;top:0;border:1px solid #969696;background-color:#fff;content:'';width:16px;height:16px;}
.fcatalog-item.active:after{position:absolute;left:-25px;top:2px;background-color:#969696;content:'';width:12px;height:12px;}
.fcatalog-item.thumb img{ position: absolute; top:0px; left:0px;}
.fcatalog-item.thumb span.name{ padding-left:30px; display: inline-block;}
@media (max-width:767px){
.fcatalog-item{display:block;padding:15px 15px 15px 40px;border-bottom:1px dotted #ebebeb;margin-left:0px;}
.fcatalog-item:before{left:13px;top:15px;}
.fcatalog-item.active:after{left:15px;top:17px;}
.fcatalog-item.thumb img{ display: none;}
.fcatalog-item.thumb span.name{padding-left:0px;}}
@media (min-width:991px){.fcatalog{width:22.1%;}}

.item{text-decoration:none;font-size:12px;}

.fshape{float:left; width:20%;margin-left:-1px;}
.fshape .item{float:left; width:100%;position: relative;color:#575757;  display:block; text-align: center; padding:5px; border:1px solid transparent;/*margin-top:-1px;*/}
.fshape .item span.name{ display: block; padding-top:5px; font-size:12px; line-height:12px; min-height:42px;}
.fshape .item:hover span.name{color: #575757; text-decoration:underline;}
.fshape .item.active{ border-color:#cdcdcd; z-index:1;}
.fshape .item svg{width:52px; height:50px;}
.fshape .item svg.sv-wedding-plain{ width:30px; height:7px; margin:21px 0px; }
.fshape svg.svg-halo{width: 40px;}
.fshape svg.svg-antique-style,.fshape svg.svg-solitaire{width:44px;}

@media (max-width:767px){
.fshape{width:33.33333333333333%;padding:0px;}
.fshape .item{padding:10px;}}
@media (max-width:639px){.fshape .item small{ display: block;}}

/*Select Your Style*/
/*Destop*/
.build-list .fcatalog-sys{ padding:0px 7px; margin-bottom:0px!important;}
#load_main_section .fcatalog-sys{ padding:0px 7px; margin-bottom:0px!important;}
.fcatalog-sys{ padding:0px 7px; margin-bottom:23px;}
.fcatalog-sys .fcatalog-style{ float:left; width:100%;}
.fcatalog-sys .fcatalog-style {}
.fcatalog-sys .hd{ font-size:14px; color:#575757; font-weight: bold; text-transform: uppercase; padding-bottom:6px;}
.fcatalog-sys .fshape{ width:9.090909090909091%;}
.fcatalog-sys .fshape .item span.name{ min-height:38px;}
.fcatalog-sys .fshape .item{ border-color: transparent;}

.fcatalog-sys .fshape .item.active,
.fcatalog-sys .fshape .item:hover{ border-color:#cdcdcd;}
@media (min-width:768px){
.fshape .item_gemstone:hover{ border-color:#cdcdcd; z-index:2; position: relative;}
.fshape .item_gemstone:hover .sidestone-box{ z-index:1; display:block !important; left:-1px; top: 76px; border-color:#cdcdcd; width:670px;border-top:0px; background-color:#fff;}
.fshape .item_gemstone:hover .sidestone-box .hd{ padding-left:20px; font-size:11px; text-transform:none; color:#575757;}
.fshape .item_gemstone:hover .sidestone-box:after{ content:''; position: absolute; height:1px; background-color:#cdcdcd; width:87.5%; right:10px; top:0px;}}
@media (min-width:870px){.fshape .item_gemstone:hover .sidestone-box:after{width:85.5%;}}
@media (min-width:992px){.fshape .item_gemstone:hover .sidestone-box:after{width:84%;}}
@media (min-width:1150px){.fshape .item_gemstone:hover .sidestone-box:after{width:82.6%%;}}


/*mob*/
@media (max-width:767px){
.fcatalog-style-mb{ float:left; width:100%; padding:10px;}
.fcatalog-style-mb .fshape .item span.name{ min-height:38px;}
.item_gemstone_mm .sidestone-box{  width:362px !important; left:50% !important; margin-left:-181px !important;}
.item_gemstone_mm .hd{padding-left:20px; font-size:11px; text-transform:none; color:#575757; font-weight: bold;}
.item_gemstone_mm .sidestone-box ul{ margin-bottom:0px;}
.item_gemstone_mm .sidestone-box ul li{ width:33.33333333333333%;}
.item_gemstone_mm .sidestone-box ul li span.name{ display: block;}}
@media (max-width:399px){.item_gemstone_mm .sidestone-box{width:314px !important;margin-left:-158px !important;}}

/*Matched Sets*/
.fcatalog-sets{float: left; width:100%;}
.fcatalog-sets .fshape{ width:50%;}
@media (max-width:767px){.fcatalog-sets{ padding:10px;}}

/*Metal*/
.fmetal{ padding:5px 0px;}
.fmetal .item{position: relative; margin-left:21px; color:#575757;display: inline-block;}
.fmetal .item:before{position:absolute;left:-21px;top:0;border:1px solid #979797;background-color:#fff;content:'';width:16px;height:16px;}
.fmetal .item.active:after{position:absolute;left:-19px;top:2px;background-color:#969696;content:'';width:12px;height:12px;}
.fmetal .item img {position: absolute; top:-2px; left:0px; width:20px;}
.fmetal .item span.name{ padding-left:25px; display: inline-block; color:#575757; font-size:12px;}
.fmetal .item:hover span.name{color: #575757; text-decoration:underline;}
@media (max-width:767px){
.fmetal{ padding:0px;}
.fmetal .item{display:block;padding:15px 15px 15px 40px;border-bottom:1px dotted #ebebeb;margin-left:0px;}
.fmetal .item:before{left:13px;top:15px;}
.fmetal .item.active:after{left:15px;top:17px;}
.fmetal .item img {top:13px; left:40px;}}

/*Shape*/
.fcatalog-shape{float:left;width:100%;}
@media (max-width:767px){.fcatalog-shape{ padding:10px;}}

/*Price*/
.fcatalog-price{ padding:20px 10px;}
.fcatalog-price .ui-cont{ float: left; width:100%; margin-top:25px; color: #575757;text-align: center; line-height:30px;}
.fcatalog-price .ui-cont .input{width:100px; text-align: center;}

@media (max-width:767px){
.buildlist-bottom .panel-wrapper{ display: none !important;}
.buildlist-bottom .mm-page{ margin-bottom:50px;}
.fcatalog-price{ padding:20px;}
.viewmorestone, .viewlessstone{ font-size:24px; font-weight:600; vertical-align:middle; padding:0 5px;}
}


#filter_listing.sticky_filter{position: fixed !important;top: 0px;left: 0px;width: 100%;z-index: 999;}
.filterlabel{color: #7e7e7e;font-family: 'proxima_novasemibold';font-size: 16px;vertical-align: top;margin: 15px 14px 0 5px;display:none;}
@media (min-width:768px){
.sticky_filter .filterlabel{display:inline-block;}
}

.fshape .item svg.sv-newtag{position:absolute; top:-15px; right:0; width:35px;}

.fcatalog-type{margin:0 auto; width:500px;}
.fcatalog-sys .fcatalog-type .fshape{width:50%;}
.fcatalog-sys .fcatalog-type .fshape .item{font-size:.875rem; line-height:1.25rem; border:1px solid #cdcdcd; background:#ffffff; padding:0;}
.fcatalog-sys .fcatalog-type .fshape .item a{display:block; padding:5px; font-weight:600;}
.fcatalog-sys .fcatalog-type .fshape .item:hover span.name{text-decoration:inherit; color:#000;}
.fcatalog-sys .fcatalog-type .fshape .item img{width:25px;}
.fcatalog-sys .fcatalog-type .fshape .item span.name{min-height:inherit; display:inline-block;}
.fcatalog-sys .fcatalog-type .fshape .item.active{border:1px solid #bfa5ae; background:#bfa5ae; transition-timing-function:linear; transition-duration:.3s;}
.fcatalog-sys .fcatalog-type .fshape .item.active a, .fcatalog-sys .fcatalog-type .fshape .item.active a:hover{color:#000;}
@media screen and (max-width: 767px){
	.fcatalog-type{width:inherit;}
}