.product {
}

.product__hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    background: rgba(238, 238, 238, 0.7);
    transition: 0.5s ease opacity;
    z-index: 100;
}

.product:hover .product__hover {
    opacity: 1;
    pointer-events: inherit;
    z-index: 1;
}

.product:hover .product__fill .product-text{
    opacity: 0;
}

.product__gradient{
    width: 100%;
    height:80px;
    position: absolute;
    bottom:0;
    left:0;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
}

.product-text {
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    left: 0;
    width: 100%;
}

.product_border {
    border: 1px solid #eeeeee;
}

#ProductGroup .product {
    min-height: 250px;
}

.product-front {
    position: relative;
}

#ProductGroup input[type=radio] {
    display: inline-block;
    width: auto;
    margin: 0 10px !important;
    height: 1em;
    position: relative;
    top: 4px;
}

#ProductGroup table {
    width: 100%;
}

#ProductGroup table tr:nth-child(even) {
    background: #f3f3f5;
}

#ProductGroup table tr:nth-child(odd) {
    background: white;
}

#ProductGroup table tr:nth-child(1) {
    background: white !important;
}

#ProductGroup table tr:nth-child(2) {
    background: #dd2314;
    color: white;
}

#ProductGroup table th,
#ProductGroup table tr:nth-child(2) td {
    font-family: MetaCompPro-Bold W01 Regular, sans-serif;
}

#ProductGroup .tablescroller table td,
#ProductGroup .tablescroller table th {
    min-width: 200px;
}

#ProductGroup table td,
#ProductGroup table th {
    text-align: center;
    padding: 5px 0;
}

.tablescroller {
    overflow: hidden;
}

.tablescroller table {
    pointer-events: none;
    position: relative;
}

#ProductGroup table td:nth-child(1),
#ProductGroup table th:nth-child(1) {
    border-right: 1px solid #ececec;
}

#ProductGroup .tablescroller table td:nth-child(1),
#ProductGroup .tablescroller table th:nth-child(1) {
    border-right: 1px solid transparent !important;
}

#ProductGroup table tr:nth-child(2) td:nth-child(1),
#ProductGroup table tr:nth-child(2) th:nth-child(1) {
    border-right: 1px solid transparent;
}

#ProductGroup canvas.sonic {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}