/**
 * You can put your custom css code in this file.
 * If you haven't don't know what css is, you can take a look at http://www.cssbasics.com/
 */
.item:not([data-view-type="1"]) .product-img .ga_track {
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    display: inline-block;
}

.item:not([data-view-type="1"]) .product-img .ga_track.hover {
    z-index: 1;
}

.item:not([data-view-type="1"]) .product-img .product-action-session {
    z-index: 2;
}

.item:not([data-view-type="1"]) .product-img .ga_track img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vc-widget-products .product-img .ga_track {
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    display: inline-block;
}

.vc-widget-products .product-img .ga_track img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vc-widget-products .product-img .ga_track.hover {
    z-index: 1;
}

.vc-widget-products .product-img .product-action-session {
    z-index: 2;
}

.footer .social-medias .social-buttons {
    margin: 0 -1.7px;
}

.account-menu .menu.customer a.active {
    text-decoration: underline;
}

ul.customer.menu li {
    border-bottom-color: #ffffff;
}

.checkout-card-body input[type=radio] {
    vertical-align: top;
    margin-top: 5px;
}

.checkout-card-body input[type=checkbox] {
    margin-top: 6px;
}