.wrapper-shape .list-group-item:not(.group-name),
.wrapper-3 .list-group-item:not(.group-name),
.wrapper-face .list-group-item:not(.group-name),
.wrapper-12 .list-group-item:not(.group-name) {
    margin-top: 15px !important;
}

.wrapper-shape .checkbox,
.wrapper-3 .checkbox,
.wrapper-face .checkbox,
.wrapper-12 .checkbox {
    text-align: center;
    height:60px;
    flex-basis: 20%;
    gap: 20px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.wrapper-shape .checkbox label,
.wrapper-3 .checkbox label,
.wrapper-face .checkbox label,
.wrapper-12 .checkbox label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

.wrapper-shape #filter-group-shape,
.wrapper-3 #filter-group-3,
.wrapper-face #filter-group-face,
.wrapper-12 #filter-group-12 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.wrapper-shape .checkbox input,
.wrapper-3 .checkbox input,
.wrapper-face .checkbox input,
.wrapper-12 .checkbox input {
    display: none;
}

.wrapper-shape label::before,
.wrapper-3 label::before,
.wrapper-face label::before,
.wrapper-12 label::before {
    content: " ";
    display: block;
    width:80px;
    height:30px;
    background-size: contain;
    vertical-align: middle;
    margin:0 auto;
}

.wrapper-shape label.checked,
.wrapper-3 label.checked,
.wrapper-face label.checked,
.wrapper-12 label.checked {
    color:#013E6B;
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    .wrapper-shape .checkbox,
    .wrapper-3 .checkbox,
    .wrapper-face .checkbox,
    .wrapper-12 .checkbox {
        flex-basis: 25%;
    }
}

@media screen and (max-width: 560px) {
    .wrapper-shape .checkbox,
    .wrapper-3 .checkbox,
    .wrapper-face .checkbox,
    .wrapper-12 .checkbox {
        flex-basis: 30%;
    }
}

@media screen and (max-width: 480px) {
    .wrapper-shape .checkbox,
    .wrapper-3 .checkbox,
    .wrapper-face .checkbox,
    .wrapper-12 .checkbox {
        flex-basis: 50%;
    }
}

.wrapper-shape .filter-3 label::before,
.wrapper-3 .filter-3 label::before {
    background:url('../image/forme/oval.svg') center center no-repeat;
}
.wrapper-shape .filter-15 label::before,
.wrapper-3 .filter-15 label::before {
    background:url('../image/forme/square.svg') center center no-repeat;
}
.wrapper-shape .filter-19 label::before,
.wrapper-3 .filter-19 label::before {
    background:url('../image/forme/rectangular.svg') center center no-repeat;
}
.wrapper-shape .filter-27 label::before,
.wrapper-3 .filter-27 label::before {
    background:url('../image/forme/wayfarer.svg') center center no-repeat;
}
.wrapper-shape .filter-30 label::before,
.wrapper-3 .filter-30 label::before {
    background:url('../image/forme/pilot.svg') center center no-repeat;
}
.wrapper-shape .filter-31 label::before,
.wrapper-3 .filter-31 label::before {
    background:url('../image/forme/pilot.svg') center center no-repeat;
}
.wrapper-shape .filter-39 label::before,
.wrapper-3 .filter-39 label::before {
    background:url('../image/forme/oversize.svg') center center no-repeat;
}
.wrapper-shape .filter-40 label::before,
.wrapper-3 .filter-40 label::before {
    background:url('../image/forme/oversize.svg') center center no-repeat;
}
.wrapper-shape .filter-45 label::before,
.wrapper-3 .filter-45 label::before {
    background:url('../image/forme/clubmaster.svg') center center no-repeat;
}
.wrapper-shape .filter-49 label::before,
.wrapper-3 .filter-49 label::before {
    background:url('../image/forme/round.svg') center center no-repeat;
}
.wrapper-shape .filter-56 label::before,
.wrapper-3 .filter-56 label::before {
    background:url('../image/forme/pantos.svg') center center no-repeat;
}
.wrapper-shape .filter-69 label::before,
.wrapper-3 .filter-69 label::before {
    background:url('../image/forme/cat-eye.svg') center center no-repeat;
}
.wrapper-shape .filter-74 label::before,
.wrapper-3 .filter-74 label::before {
    background:url('../image/forme/square.svg') center center no-repeat;
}
.wrapper-shape .filter-93 label::before,
.wrapper-3 .filter-93 label::before {
    background:url('../image/forme/maschera.svg') center center no-repeat;
}
.wrapper-shape .filter-202 label::before,
.wrapper-3 .filter-202 label::before {
    background:url('../image/forme/cat-eye.svg') center center no-repeat;
}
.wrapper-shape .filter-1887 label::before,
.wrapper-3 .filter-1887 label::before {
    background:url('../image/forme/rectangular.svg') center center no-repeat;
}
.wrapper-shape .filter-2563 label::before,
.wrapper-3 .filter-2563 label::before {
    background:url('../image/forme/square.svg') center center no-repeat;
}
.wrapper-shape .filter-3109 label::before,
.wrapper-3 .filter-3109 label::before {
    background:url('../image/forme/pantos.svg') center center no-repeat;
}
.wrapper-face .filter-3278 label::before,
.wrapper-12 .filter-3278 label::before {
    background:url('../image/face/heart.svg') center center no-repeat;
}
.wrapper-face .filter-3279 label::before,
.wrapper-12 .filter-3279 label::before {
    background:url('../image/face/oval.svg') center center no-repeat;
}
.wrapper-face .filter-3280 label::before,
.wrapper-12 .filter-3280 label::before {
    background:url('../image/face/square.svg') center center no-repeat;
}
.wrapper-face .filter-3281 label::before,
.wrapper-12 .filter-3281 label::before {
    background:url('../image/face/round.svg') center center no-repeat;
}
.wrapper-face .filter-3282 label::before,
.wrapper-12 .filter-3282 label::before {
    background:url('../image/face/triangle.svg') center center no-repeat;
}

.wrapper-color .checkbox,
.wrapper-2 .checkbox,
.wrapper-frame-color .checkbox,
.wrapper-1 .checkbox {
    display: inline-block;
    width:35px;
    text-align: center;
    overflow: hidden;
}

.wrapper-color .checkbox label,
.wrapper-2 .checkbox label,
.wrapper-frame-color .checkbox label,
.wrapper-1 .checkbox label {
    font-size:0;
}

.wrapper-color .checkbox input,
.wrapper-2 .checkbox input,
.wrapper-frame-color .checkbox input ,
.wrapper-1 .checkbox input  {
    display: none;
}

.wrapper-color label::before,
.wrapper-2 label::before,
.wrapper-frame-color label::before,
.wrapper-1 label::before {
    content: " ";
    display: inline-block;
    width:25px;
    height:25px;
    vertical-align: middle;
    border-radius: 100px;
    font-family: FontAwesome;
    font-size:16px;
    color:#fff;
    line-height:25px;
    text-align: center;
}

.wrapper-color label:hover::before,
.wrapper-2 label:hover::before,
.wrapper-frame-color label:hover::before,
.wrapper-1 label:hover::before {
    opacity:0.7;
}

.wrapper-color label.checked::before,
.wrapper-2 label.checked::before,
.wrapper-frame-color label.checked::before,
.wrapper-1 label.checked::before {
    content: "\f00c";
}

.wrapper-color .filter-62 label::before,
.wrapper-2 .filter-62 label::before,
.wrapper-frame-color .filter-1 label::before,
.wrapper-1 .filter-1 label::before {
    background:#817339;
}
.wrapper-color .filter-9 label::before,
.wrapper-2 .filter-9 label::before,
.wrapper-frame-color .filter-9 label::before,
.wrapper-1 .filter-9 label::before {
    background:#806517;
}
.wrapper-color .filter-79 label::before,
.wrapper-2 .filter-79 label::before,
.wrapper-frame-color .filter-18 label::before,
.wrapper-1 .filter-18 label::before {
    background:#000000;
}
.wrapper-color .filter-14 label::before,
.wrapper-2 .filter-14 label::before,
.wrapper-frame-color .filter-23 label::before,
.wrapper-1 .filter-23 label::before {
    background:#4C4646;
}
.wrapper-color .filter-48 label::before,
.wrapper-2 .filter-48 label::before,
.wrapper-frame-color .filter-29 label::before,
.wrapper-1 .filter-29 label::before {
    background:#6D7B8D;
}
.wrapper-color .filter-61 label::before,
.wrapper-2 .filter-61 label::before,
.wrapper-frame-color .filter-35 label::before,
.wrapper-1 .filter-35 label::before {
    background:#D4AF37;
}
.wrapper-color .filter-89 label::before,
.wrapper-2 .filter-89 label::before,
.wrapper-frame-color .filter-45 label::before,
.wrapper-1 .filter-45 label::before {
    background:#6A287E;
}
.wrapper-color .filter-196 label::before,
.wrapper-2 .filter-196 label::before,
.wrapper-frame-color .filter-53 label::before,
.wrapper-1 .filter-53 label::before {
    background:#E0E5E5;
}
.wrapper-color .filter-66 label::before,
.wrapper-2 .filter-66 label::before,
.wrapper-frame-color .filter-59 label::before,
.wrapper-1 .filter-59 label::before {
    background:#E41B17;
}
.wrapper-color .filter-54 label::before,
.wrapper-2 .filter-54 label::before,
.wrapper-frame-color .filter-64 label::before,
.wrapper-1 .filter-64 label::before {
    background-image: linear-gradient(to bottom right, red, orange, green);
}
.wrapper-color .filter-2 label::before,
.wrapper-2 .filter-2 label::before,
.wrapper-frame-color .filter-65 label::before,
.wrapper-1 .filter-65 label::before {
    background:#4AA02C;
}
.wrapper-color .filter-1612 label::before,
.wrapper-2 .filter-1612 label::before,
.wrapper-frame-color .filter-67 label::before,
.wrapper-1 .filter-67 label::before {
    background:#ffffff;
    border:1px solid #ddd;
}
.wrapper-color .filter-24 label::before,
.wrapper-2 .filter-24 label::before,
.wrapper-frame-color .filter-70 label::before,
.wrapper-1 .filter-70 label::before {
    background:#8A4117;
}
.wrapper-color .filter-26 label::before,
.wrapper-2 .filter-26 label::before,
.wrapper-frame-color .filter-72 label::before,
.wrapper-1 .filter-72 label::before {
    background:#1589FF;
}
.wrapper-color .filter-104 label::before,
.wrapper-2 .filter-104 label::before,
.wrapper-frame-color .filter-77 label::before,
.wrapper-1 .filter-77 label::before {
    background:#FDD017;
}
.wrapper-color .filter-10 label::before,
.wrapper-2 .filter-10 label::before,
.wrapper-frame-color .filter-86 label::before,
.wrapper-1 .filter-86 label::before {
    background:#E6A9EC;
}
.wrapper-color .filter-243 label::before,
.wrapper-2 .filter-243 label::before,
.wrapper-frame-color .filter-94 label::before,
.wrapper-1 .filter-94 label::before {
    background:#800000;
}
.wrapper-color .filter-180 label::before,
.wrapper-2 .filter-180 label::before,
.wrapper-frame-color .filter-100 label::before,
.wrapper-1 .filter-100 label::before {
    background:#F88017;
}
.wrapper-color .filter-221 label::before,
.wrapper-2 .filter-221 label::before,
.wrapper-frame-color .filter-221 label::before,
.wrapper-1 .filter-221 label::before {
    background:#e6d690;
}
.wrapper-color .filter-1275 label::before,
.wrapper-2 .filter-1275 label::before,
.wrapper-frame-color .filter-238 label::before,
.wrapper-1 .filter-238 label::before {
    background:#E0E5E5;
}