/* #graphic-page css */


#container-main .container-center, #container-main .container-sx div, #container-main .container-dx div {
    height: 600px;
}

#container-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/blackfriday/center.jpg');
    background-size: 1110px 600px;
}

#container-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/blackfriday/sx.jpg');
    background-size: 1px 600px;
}

#container-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/blackfriday/dx.jpg');
    background-size: 1px 600px;
}

#container-main .container-center > div {
    padding-top: 20px;
    width: 500px;
}

#banner-magic-carts .container-center {
    padding-top: 0 !important;
}


.btn-card:not([disabled]), .btn-card:not([disabled]):visited, .btn-card:not([disabled]):focus {
    background-color: black;
    *background-color: black;
    background-image: -moz-linear-gradient(top, var(--vn-dim-gray), var(--vn-black));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--vn-dim-gray)), to(black));
    background-image: -webkit-linear-gradient(top, var(--vn-dim-gray), var(--vn-black));
    background-image: linear-gradient(to bottom, var(--vn-dim-gray), var(--vn-black));
    background-repeat: repeat-x;
    border-color: black;
}

.btn-card:hover, .btn-card:focus, .btn-card:active:hover, .btn-card:active:focus {
    background-color: black;
    border-color: black;
}


body.mobile-view #container-main .banner-mobile img {
    content: url('../../../images/frontend/graphic-pages/blackfriday/center-mobile.jpg');
}

body.mobile-view #container-main .flipdown {
    margin-top: 20px !important;
    margin-left: auto;
    margin-right: auto;
}