.productImgArea {
    display: block;
    border: 1px solid #d1d1d1;
    padding: 2rem;
    margin: 1rem 0;
}
.productImgArea:hover {
    box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
}
.productImgArea img {
    object-fit: contain;
    height: 150px;
    width: 100%;
}
.product-title {
    margin-top: 2rem;
    text-align: center;
    color: #000000;
}
.section-title{
    float: left;
    width: 100%;
    font: 3rem gotham-bold;
    color: #363636;
    margin: 0 0 20px 0;
}

/* -------------------- create set product -------------------- */
.category_filter { width: 100%; float: left; padding: 0px; margin: 0px; border-top: 1px solid #e1e1e1; } .category_filter ul { width: 100%; float: left; padding: 0px; margin: 0px; } .category_filter ul.list { border-top: 1px solid #e1e1e1; } .category_filter ul li { width: 100%; float: left; padding: 0px; border-bottom: 1px solid #eee; } .category_filter ul li a.first_li { background: url("/images/new_icon/mobile-black-arrow@2x.png") no-repeat; background-size: 10px 6px; background-position: right 20px; } .category_filter ul li a.open_menu { background: url("/images/new_icon/up-arrow@3x.png") no-repeat; background-size: 10px 6px; background-position: right 20px; } .category_filter ul li a { width: 100%; display: block; float: left; font: 12px gotham-medium; color: #363636; padding: 15px 0; } .category_filter ul li ul { display: none; padding: 0 0 20px 0; } .category_filter ul li ul li { padding: 0; border: none; }

/* Product Viewer Start */
.gallery {
}
.gallery .full{
    padding: 0;
}
.gallery .previews, .gallery .full, .gallery .desc {
    float: left;
}
.gallery .desc, .gallery .full {
    font-size: 12px;
}
.gallery .desc h2 {
    margin-top: 0;
}
.gallery .previews a {
    display: block;
    margin-bottom: 10px;
}
.gallery .full, .gallery .full img {
}
.gallery .previews a, .gallery .full {
    border: 4px solid #eee;
    cursor: pointer;
}
.gallery .previews a:hover, .gallery .previews a.selected {
    border: 4px solid #777;
}
.gallery .full img:hover {
    cursor: pointer;
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.plan input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.plan {
    cursor: pointer;
    margin-bottom: 1rem;
}

.plan .plan-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e1e2e7;
    -webkit-transition: -webkit-box-shadow 0.4s;
    transition: -webkit-box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
    position: relative;
}

.plan .plan-content img {
    margin-right: 10px;
    height: 72px;
}

.plan .plan-details span {
    margin-bottom: 5px;
    display: block;
    font-size: 0.8em;
    line-height: 15px;
    color: #000000;
}
.plan .plan-details p {
    color: #646a79;
    font-size: 0.8em;
    line-height: 15px;
    font-weight: 300;
}

.plan input[type="radio"]:checked + .plan-content:after {
    content: url("../ankastre/radio-button-check-icon.png");
    position: absolute;
    height: 22px;
    width: 22px;
    right: -1px;
    top: -1px;
    border: 1px solid #7ade81;
}

.plan input[type="radio"]:checked + .plan-content {
    border: 1px solid #7ade81;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

@media screen and (max-width: 991px) {
    .plan {
        width: 100%;
    }

    .plan.complete-plan {
        margin-top: 20px;
    }

    .plan .plan-content .plan-details {
        width: 70%;
        display: inline-block;
    }

    .plan input[type="radio"]:checked + .plan-content:after {
        top: 45%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}

@media screen and (max-width: 767px) {
    .plan .plan-content .plan-details {
        width: 60%;
        display: inline-block;
    }
}

@media screen and (max-width: 540px) {
    .plan .plan-content img {
        margin-bottom: 20px;
        height: 56px;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        transition: height 0.4s;
    }

    .plan input[type="radio"]:checked + .plan-content:after {
        top: 20px;
        right: 10px;
    }

    .plan .plan-content .plan-details {
        width: 100%;
    }

    .plan .plan-content {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

/* inspiration */
.inspiration {
    font-size: 12px;
    margin-top: 50px;
    position: absolute;
    bottom: 10px;
    font-weight: 300;
}

.inspiration a {
    color: #666;
}
@media screen and (max-width: 767px) {
    /* inspiration */
    .inspiration {
        display: none;
    }
}