.product-container {
    color: white;
}

.product-container .product {
    position: relative;
}

.product-container .product:hover:not(.accessory) {
    -webkit-box-shadow: 0 0 50px 10px rgba(237, 237, 233, 1);
    -moz-box-shadow: 0 0 50px 10px rgba(237, 237, 233, 1);
    box-shadow: 0 0 50px 10px rgba(237, 237, 233, 1);
}

.product .price-tag {
    float: right;
    display: inline-block;
    background-color: #5ed855;
}

.product.accessory .price-tag {
    background-color: #3276ff;
}

.product {
    margin-top: 20px;
    position: relative;
}

.dimensions {
    font-size: 15px;
}

.product.hover .hover-overlay {
    position: absolute;
    transition: .4s ease;
    opacity: 0;
    width: 100%;
    text-align: center;
    font-family: 'Gilroy', sans-serif;
    font-weight: 800;
    top: 25%;
    color: #007bff;
    background-color: transparent;
    padding: 15px 0;
    font-size: 25px;
    text-transform: uppercase;

}

.product.hover:hover .product-image {
    opacity: 0.2;
}

.product.hover:hover .hover-overlay {
    opacity: 1;
}

.product .product-image, .product .product-image img {
    max-width: 100%;
    text-align: center;
}

.product-image img {
    max-height: 230px;
}

.product:not(.accessory) {
    cursor: pointer;
}

.accessory .product-image img {
    height: 170px !important;
}

.accessory .accessory-description {
    min-height: 130px;
}

.remove-selection {
    display: none;
    left: 210px;
    cursor: pointer;
    top: calc(50% - 10px);
}

.product-detail-container img {
    width: 100%;
}

.order-configuration-container select, .order-configuration-container select:hover, .order-configuration-container select:focus, .order-configuration-container select:focus:active, .order-configuration-container select:active {
    background-color: #f6f6f6;
    border-radius: 1px !important;
    border: 2px solid #e5e5e6;
    max-width: 200px;
    outline: none;
    box-shadow: none;
}

.selected-icon {
    display: none;
}

#levelSelection .level-selection {
    cursor: pointer;
}

#levelSelection .selected .selected-icon {
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
}

.image-3d {
    position: relative;
}

#enlarger {
    z-index: 100;
    position: absolute;
    cursor: pointer;
    top: 3px;
    right: 3px;
}

#addToCart img {
    width: 30px;
    margin-bottom: 4px;
}

.modal-footer {
    border-top: 0 !important;
}

.modal-header {
    border-bottom: 0 !important;
}

.amount-selection {
    height: 64.75px;
    top: 1px;
    border-radius: 0;
    position: relative;
    text-align-last: center;
    font-size: 1.3em;
    width: 20%;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    text-align: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjMTMyMzFmJyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=");
    background-position: 99% 50%;
    background-repeat: no-repeat;
    outline: none;
}

.accessory-order-btn {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    padding: 15px 20px;
    width: 79%;
}

.sold-out-label {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    padding: 15px 20px;
    height: 64.75px;
    margin-top: 1px;
    width: 100%;
}

.info-banner {
    background-color: #e8f0ff;
    background-image: url("../img/info-consultant.png");
    background-repeat: no-repeat;
    background-position: 98% bottom;
    background-size: 40%;
    padding-right: 45% !important;
}

.info-banner h4 {
    color: #3276ff;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.info-banner a {
    font-weight: bold;
}

.tooltip {
    opacity: 1;
}

.tooltip-inner {
    max-width: 400px;
    text-align: left;
    background-color: #3276FF;
    color: white;
}

.configuration-width-info {
    padding: 1.2rem;
}

.tooltip.show {
    opacity: 1;
}

.info-banner a {
    font-weight: bold;
}

#useOf1MeterNotice {
    display: none;
}

@media (max-width: 991px) {
    #enlarger {
        display: none;
    }
}

@media (max-width: 550px) {
    .overlay {
        left: 0;
        width: 100%;
        height: 100%;
        min-width: 0;
        transform: none;
    }
}