/* some reset css */
*{  
    -webkit-box-sizing: border-box;  
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.wrapper-container,
.page-main.wrapper-container{
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

/* page style */
body{
    background: #f5f4f4;
    color: #333;
    font: 400 16px/1.42857143 'Lato', sans-serif;
}
a{
    color: #337ab7;
    -webkit-transition: color 150ms ease-out;
    transition: color 150ms ease-out;
}
a:visited{
    color: #737373;
}
a:hover,
a:focus{
    color: #23527c;
    text-decoration: underline;
}
.page-title{
    font-size: 30px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.page-products .columns{
    z-index: auto !important;
    z-index: initial !important;
}
#maincontent{
    max-width: none;
    padding-top: 65px;
}
.page-layout-1column.page-with-filter .column.main{
    padding: 0 !important;
}
.modal-popup .modal-inner-wrap{
    max-width: 400px;
}
.sections.nav-sections{
    margin: 0;
}

/* buttons */
.action.primary,
button{
    background: #ff7d01;
    border: solid 1px #ff7d01;
    border-radius: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    -webkit-transition: background 150ms ease-out;
    transition: background 150ms ease-out;
}
.action.primary:hover,
.action.primary:focus,
button:hover,
button:focus{
    background: #cc690a;
    border: solid 1px #cc690a;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #fff;
    opacity: 1;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* header */
.page-header{
    background: #fff;
    padding: 0 15px;
}
.main-header{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.main-header-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.mobile-menu-button-gamburger{
    display: none;
}
.header-logo-container{
    height: 50px;
    position: relative;
    width: 180px;
}
.header-logo{
    background-color: #E60012;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 110px;
    left: 0;
    padding-top: 53px;
    position: absolute;
    text-align: center; 
    top: 0;
    transform: translateY(-26px);
    transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: transform;
    width: 100%;
    z-index: 2;
}
.header-logo:hover{
    transform: translateY(-10px);
    transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.header-title{
    font-size: 22px;
    font-weight: bold;
    margin: -1px 0 0 15px;
}
.header-title > a{
    color: #FF7D00;
    transition: color 150ms ease-out;
}
.header-title > a:hover{
    color: #E60012;
    text-decoration: none;
}
.header-customer-menu{
    position: relative;
}
.main-header-login ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-header-login ul > li{
    margin: 0;
    padding: 0;
}
.main-header-login ul > li > a,
.main-header-login ul > li > a:visited{
    color: #666666;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
    transition: color 150ms ease-out;
    white-space: nowrap;
}
.main-header-login ul > li > a:hover{
    color: #E60012;
    text-decoration: none;
}
.header-customer{
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    padding: 5px 10px;
}
.header-customer-avatar{
    border-radius: 50%;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.5);
    height: 35px;
    margin-right: 10px;
    overflow: hidden;
    width: 35px;
}
.header-customer-avatar img{
    display: block;
}
.header-customer-name{
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
}

@media screen and (min-width: 769px){
    .main-header-login .header-customer + ul{
        background: #fff;
        border: solid 1px #eee;
        border-radius: 4px;
        display: none;
        min-width: 100%;
        position: absolute;
        right: 0;
        top: 48px;
        z-index: 99;
    }
    .main-header-login .header-customer.customerOpen + ul{
        display: block;
    }
    .main-header-login .header-customer + ul > li:not(:first-child){
        border-top: solid 1px #eee;
    }
    .main-header-login .header-customer + ul::before,
    .main-header-login .header-customer + ul::after{
        content: '';
        position: absolute;
    }
    .main-header-login .header-customer + ul::before{
        border: 6px solid;
        border-color: transparent transparent #ffffff transparent;
        right: 21px;
        top: -12px;
        z-index: 99;
    }
    .main-header-login .header-customer + ul::after{
        border: 7px solid;
        border-color: transparent transparent #eee transparent;
        right: 20px;
        top: -14px;
        z-index: 98;
    }
}

/* header search */
    .header-search{
        display: flex;
        flex-flow: row wrap;
        flex: 1;
        justify-content: flex-end;
        margin-left: auto;
        padding: 0 15px;
        position: relative;
    }
    .header-search .form.minisearch{
        max-width: 400px;
        width: 100%;
    }
    .header-search .nested{
        display: none;
    }
    .header-search .input-text{
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        font-size: 14px;
        height: 34px;
        padding: 0 40px 0 12px;
    }
    .header-search .action.search{
        background: none;
        border: none;
        height: 34px;
        line-height: 1 !important;
        opacity: 1 !important;
        padding: 0 !important;
        position: absolute;
        right: 15px;
        top: 0;
        width: 40px;
    }
    .header-search .action.search::before{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        color: #333;
        content: '\e615';
        font-family: 'luma-icons';
        speak: none;
    }
    .header-search .action.search > span{
        display: none;
    }

/* main nav */
    .main-navigation > ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        margin: 0;
        padding: 0;
    }
    .main-navigation > ul > li{
        margin: 0;
        padding: 0 8px;
    }
    .main-navigation > ul > li > a{
        color: #666666;
        display: block;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        padding: 10px 15px;
        transition: color 150ms ease-out;
    }
    .main-navigation > ul > li > a:hover{
        color: #E60012;
        text-decoration: none;
    }
    .main-navigation > ul > li.active > a,
    .main-navigation > ul > li.has-active > a{
        font-weight: 700;
    }

    .main-navigation > ul > li ul{
        display: none !important;
    }

/* minicart */
    .minicart-items-list-wrapper{
        height: auto !important;
        max-height: 450px;
        overflow: auto;
        padding: 20px;
    }
    @media screen and (min-width: 769px){
        .minicart-items-list-wrapper::-webkit-scrollbar{
            background: #f4f4f4;
            width: 10px;
        }
        .minicart-items-list-wrapper::-webkit-scrollbar-thumb{
            background: #e4e4e4;
        }
    }
    .minicart-wrapper{
        margin: 0;
    }
    .minicart-wrapper .action.showcartlink{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #666666;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        font-weight: 300;
        padding: 15px;
    }
    .minicart-wrapper .action.showcartlink:hover,
    .minicart-wrapper .action.showcartlink:focus{
        text-decoration: none;
    }
    .minicart-wrapper .action.showcartlink:before{
        color: #666666 !important;
        content: '\e116' !important;
        font-family: 'icomoon' !important;
        font-size: 18px !important;
        line-height: 1;
        margin: 6px 5px 0 0;
        overflow: visible;
    }
    .minicart-wrapper .block-minicart{
        border: 1px solid #ececec;
        border-radius: 4px;
        margin: 0;
        padding: 0 0 25px;
        z-index: 1501;
    }
    .minicart-wrapper .block-minicart:after{
        right: 45px;
    }
    .minicart-wrapper .block-minicart:before{
        right: 46px;
    }
    .minicart-continue-shopping{
        background: none;
        border: none;
        display: block;
        color: #337ab7;
        height: 24px;
        line-height: 1;
        margin-top: 10px;
        width: 100%;
    }
    .minicart-continue-shopping:hover{
        background: none;
        border: none;
        color: #337ab7;
        text-decoration: underline;
    }
    #minicart-widgets{
        margin-top: 0;
    }
    /* items */
        .minicart-items-list{
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .minicart-list-item{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
        }
        .minicart-list-item:not(:first-child){
            border-top: solid 1px #ececec;
            margin-top: 15px !important;
            padding-top: 15px;
        }
        .minicart-list-item-img{
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%;
            max-width: 60%;
        }
        .minicart-list-item-img a,
        .minicart-list-item-img span,
        .minicart-list-item-img img{
            display: block;
        }
        .minicart-list-item-img img{
            height: auto !important;
            max-width: 100%;
        }
        .minicart-list-item-details{
            -ms-flex-preferred-size: 40%;
                flex-basis: 40%;
            max-width: 40%;
            padding: 0 10px;
            position: relative;
        }
        .minicart-list-item-title{
            font-size: 18px;
            font-weight: 300;
        }
        .minicart-list-item-pricing{
            margin-top: 10px;
        }
        .minicart-list-item-pricing .price{ 
            color: #FF7D01;
            font-size: 18px;
            font-weight: normal;
            white-space: nowrap;
        }
        .minicart-list-item-details .action.delete{
            color: #d0d0d0;
            font-size: 14px;
            position: absolute;
            right: 0;
            top: 5px;
        }
        .minicart-list-item-details .action.delete:hover{
            color: #8c8c8c;
            text-decoration: none;
        }
        .minicart-bottom {
            border-top: solid 1px #eee;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin: 0 0 15px;
            padding: 15px 20px 0;
        }
        .block-minicart .minicart-bottom .items-total,
        .block-minicart .minicart-bottom .subtotal{
            font-size: 13px;
            margin: 0;
        }
        .block-minicart .minicart-bottom .subtotal .price{
            color: #FF7D01;
            font-size: 32px !important;
            font-weight: normal !important;
            white-space: nowrap;
        }
        .minicart-button {
            padding: 0 20px;
        }
        .minicart-button .action.checkout{
            border-radius: 4px;
            display: block;
            font-size: 16px;
            height: 40px;
            width: 100%;
        }

/* responsive */
    @media screen and (min-width: 769px) and (max-width: 1200px) {
        .main-header{
            justify-content: flex-start;
        }
        .main-header-login{
            margin-left: auto;
        }
        .main-header-center{
            background: #f5f4f4;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            margin: 0 -15px;
            -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                    order: 10;
            padding: 8px 5px 0 200px;
        }
        .main-navigation > ul > li{
            padding: 0;
        }
        .main-navigation > ul > li:not(:first-child){
            margin-left: 15px;
        }
        .main-header-login ul > li > a,
        .main-navigation > ul > li > a{
            padding: 10px;
        }
        #maincontent{
            padding-top: 10px;
        }
    }

/* category page */
    .catalog-category-view.page-layout-2columns-left .columns .column.main{
        padding-left: 0;
        width: 100%;
    }
/* category top block */
    .category-top-block{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #eceaea;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 10px 15px;
    }
    .search.results .category-top-block{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .category-top-filter{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .category-top-filter > h3{
        color: #666;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.42857143;
        margin: 0;
        padding: 0;
    }
    .category-top-filter-list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        list-style: none;
        margin: 0 0 0 15px;
    }
    .category-top-filter-list > li{
        margin: 0;
        padding: 0;
    }
    .category-top-filter-list > li > a{
        color: #999;
        display: block;
        font-size: 16px;
        font-weight: 300;
        padding: .5em 1em;
    }
    .category-top-filter-list > li.active > a{
        color: #337ab7;
        font-weight: 700;
    }
    .products-toolbar-sorter{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    .products-toolbar-sorter label{
        margin-right: 10px;
        white-space: nowrap;
    }

.category-description {
    color: #666;
    font-weight: 400;
    font-size: 30px;
    margin: .75em 0 0;
}
.category-description h2{
    margin: 0;
}
.category-product-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -15px;
}
.category-product-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 25%;
    padding: 15px;
}
.category-product-item-img{
    position: relative;
}
.category-product-item-labels{
    bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    right: 0;
    padding: 0 10px 10px 0;
    position: absolute;
    z-index: 10;
}
.category-product-item-labels .label:not(:first-child) {
    margin-left: 10px;
}
.category-product-item-labels .label {
    background: #fff;
    border: solid 2px #ccc;
    border-radius: 15px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    padding: 2px 12px;
    white-space: nowrap;
}
.category-product-item-labels .label br{
    display: none;
}
.category-product-item-labels .label.download-code {
    border-color: #FF7D01;
    color: #FF7D01;
}
.category-product-item-labels .label.dlc {
    border-color: #337ab7;
    color: #337ab7;
}
.category-product-item-img a,
.category-product-item-img span,
.category-product-item-img img{
    display: block;
    max-width: 100%;
}
.category-product-item-img img{
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.category-product-item-img:hover img{
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.category-product-item-info{
    background: #fff;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 15px;
}
.category-product-item-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.category-product-item-title-link{
    color: #337ab7;
    font-size: 20px;
    padding-right: 15px;
}
.category-product-item-price .price{
    font-size: 20px;
    font-weight: 700;
    color: #FF7D01;
    white-space: nowrap;
}
.category-product-item-price .price-box > span{
    display: block;
}
.category-product-item-price .price-box > .old-price{
    order: -1;
}
.category-product-item-price .price-box > .old-price .price-label{
    display: none;
}
.category-product-item-price .price-box > .old-price .price{
    color: #ccc;
    font-size: 16px;
    text-align: right;
    text-decoration: line-through;
}
.category-product-item-released{
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}

/* responsive */
    @media (max-width: 1280px) {
        .category-product-item{
            -ms-flex-preferred-size: 33.333333333333%;
                flex-basis: 33.333333333333%;
            max-width: 33.333333333333%;
        }
    }
    @media (max-width: 980px) {
        .category-product-item{
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
            max-width: 50%;
        }
    }
    @media (max-width: 480px) {
        .category-product-item{
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            max-width: 100%;
        }
    }

/* catalog search page */
.search-result-title{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 25px;
    text-transform: none;
}
.search-result-title span{
    font-weight: bold;
}

/* category page Online subscription */

/* CMS block */
    .page-online {
        width: 83.33333333%;
        margin: 0 auto;
    }
    .page-online section.online-service-hero {
        background-image: url(/pub/media/wysiwyg/herobg.jpg);
        background-size: cover;
        padding: 5em 7% 2em;
        color: #484848;
        font-weight: 400;
        background-repeat: no-repeat;
        background-position: 50% 60%;
        margin: 0 auto 32px;
        margin: 0 auto 2rem;
        max-width: 1550px;
    }
    .page-online section.online-service-hero .hero-column {
        width: 40%;
        max-width: 700px;
        min-width: 300px;
        font-weight: 400;
    }
    .page-online section.online-service-hero .hero-block {
        border: 6px solid #484848;
        margin-bottom: 4em;
    }
    .page-online section.online-service-hero .hero-launch-title {
        font-size: 50px;
        padding: .2em .1em 0;
    }
    .page-online section.online-service-hero .hero-launch-title img {
        width: 100%;
    }
    .page-online section.online-service-hero .hero-launch-date {
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        padding: 0 .4em .4em;
    }
    .page-online hr.red {
        background-color: transparent;
        background-image: url('../images/icon-dots.png');
        background-repeat: repeat-x;
        background-position: center center;
        border: none;
        height: 8px;
        margin: 4em auto;
        width: 100%;
        max-width: 1500px;
        position: relative;
        z-index: 2;
    }
    .page-online span.tout.red {
        color: #fff;
        background-color: #e60012;
    }
    .page-online div.feature-row {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 2em 0;
    }
    .page-online span.tout {
        width: 150px;
        height: 150px;
        min-width: 150px;
        border-radius: 50%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-weight: 700;
        font-size: 20px;
    }
    .page-online div.feature-row div.copy-column {
        margin-left: 4vw;
    }
    .page-online section.online-service-schedule .schedule-subheader {
        font-weight: 700;
        font-size: 20px;
        color: #484848;
    }
    .page-online div.feature-row div.copy-column {
        margin-left: 4vw;
    }
    .page-online div.feature-row div.copy-column.no-tout {
        margin-left: calc(150px + 4vw);
    }
    .page-online section.online-service-schedule .feature-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-online span.tout.white {
        color: #e60012;
        background-color: #fff;
        border: 2px solid #e60012;
    }
    .page-online section.online-service-schedule .classic-game-library {
        display: inline-block;
    }
    .page-online section.online-service-schedule .classic-game-library img {
        padding: .3em;
        max-width: 234px;
    }
    .page-online .center {
        text-align: center;
    }
    .page-online .order-btns {
        margin: 2em 0 150px;
        overflow: auto;
    }
    .page-online .order-btns .btn-nin {
        margin: 0 1em;
    }
    .page-online + h2{
        font-weight: 300;
        font-size: 45px;
        margin: .75em 0 0;
        text-align: center;
    }

/* product list */
    .category-product-list-online{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 -15px;
        padding-bottom: 2em;
    }
    .category-product-online-item{
        -ms-flex-preferred-size: 33.3333333%;
            flex-basis: 33.3333333%;
        max-width: 33.3333333%;
        padding: 0 15px;
    }
    .category-product-online-item .action{
        background: #f47b2b;
        border-color: #f47b2b;
        border-radius: 4px;
        color: #fff;
        display: block;
        height: auto;
        line-height: 1.42857143;
        font-size: 30px;
        padding: 0.24em;
        text-align: center;
        width: 100%;
    }
    .category-product-online-item .action:hover{
        background: #fff;
        color: #f47b2b;
    }
    .category-product-online-price{
        display: block;
    }
    .category-product-online-price .price{
        font-size: 30px;
        white-space: nowrap;
    }
    .category-product-online-price .price::before{
        content:'(';
    }
    .category-product-online-price .price::after{
        content:')';
    }

/* Age verification */
.age-verification{
    text-align: center;
}
.age-verification-title{
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.1;
}
.age-verification__errmessage{
    margin-top: 20px;
}
.age-verification-form{
    margin: 20px auto;
    max-width: 280px;
}
.age-verification-form .customer-dob{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 15px;
}
.age-verification-form .customer-dob > div{
    flex-basis: 31%;
    max-width: 31%;
}
.age-verification-form button{
    border-radius: 4px;
    display: block;
    height: 50px;
    font-size: 18px;
    margin-top: 15px;
    width: 100%;
}
.age-verification-links {
    border-top: solid 1px #dcdcdc;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px 0;
}

/* product page */
.catalog-product-view .columns .column.main{
    padding-bottom: 0;
}
.product-page-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -20px;
}
.product-page-media{
    -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 20px 20px;
}
.product-page-info{
    background: #fff;
    -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding: 20px;
}

/* product right column */
    .hiw-link-container{
        text-align: right;
    }
    .hiw-link{
        color: #999;
    }
    .hiw-link i{
        color: #ffd503;
        font-size: 21px;
        margin-right: 5px;
        position: relative;
        top: 5px;
    }
    .hiw-link:hover,
    .hiw-link:focus{
        color: #000;
        text-decoration: none;
    }
    .product-page-info-form{
        text-align: right;
    }
    .product-page-info-form .price-box{
        display: flex;
        flex-flow: row wrap;
        margin-top: 300px;
    }
    .product-page-info-form .price-box > span{
        flex-basis: 100%;
        max-width: 100%;
    }
    .product-page-info-form .price-box > .old-price{
        order: -1;
    }
    .product-page-info-form .price-box > .old-price .price-label{
        display: none;
    }
    .product-page-info-form .price-box > .old-price .price{
        color: #ccc;
        font-size: 36px;
        text-decoration: line-through;
    }
    .product-page-info-form .price-box .price{
        color: #FF7D01;
        font-size: 80px;
        font-size: 4.5vw;
        text-align: right;
        white-space: nowrap;
    }
    .product-page-info-form .box-tocart{
        margin: 0;
    }
    .product-page-info-form .box-tocart .action.tocart{
        background: #f47b2b;
        border: 1px solid #f47b2b;
        border-radius: 4px;
        color: #FFF;
        line-height: 1.42857143;
        height: auto;
        font-size: 30px;
        margin: 0;
        padding: .24em 1.5em;
        -webkit-transition: background 150ms ease-out, color 150ms ease-out;
        transition: background 150ms ease-out, color 150ms ease-out;
        width: auto;
    }
    .product-page-info-form .box-tocart .action.tocart:hover{
        background: #fff;
        color: #f47b2b;
    }

    /* product options */
        .product-options-block{
            margin-top: 40px;
        }
        .product-page-info-form + .product-options-block{
            margin-top: 100px;
        }
        .product-options-title{
            font-size: 18px;
            color: #999;
        }
        .product-options-items{
            margin-top: 10px;
        }
        .product-options-item{
            border-top: 1px solid #CCC;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            padding: .5em 0;
        }
        .product-options-item-title{
            font-size: 18px;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
        }
        .product-options-item-price{
            padding: 0 2em;
            text-align: right;
        }
        .product-options-item-price .price{
            color: #999;
            font-size: 16px;
            font-weight: bold;
            line-height: 30px;
            white-space: nowrap;
        }
        .product-options-item-form{
            -ms-flex-preferred-size: 70px;
                flex-basis: 70px;
        }
        .product-options-item-form .action{
            background: #fff;
            border: solid 1px #f47b2b;
            border-radius: 4px;
            color: #f47b2b;
            height: 30px;
            line-height: 1;
        }
        .product-options-item-form .action:hover{
            background: #f47b2b;
            color: #fff;
        }
        .product-options-item-comingsoon{
            display: block;
            font-size: 14px;
            line-height: 1.25;
            text-align: center;
        }

/* product left */

    /* downloadable alert */
        .parent-link{
            background-color: #fcf8e3;
            border: solid 1px #faebcc;
            border-radius: 4px;
            color: #8a6d3b;
            margin-top: 20px;
            padding: 15px;
        }
    
    /* product media */
        .back-link{
            color: #337ab7;
            text-decoration: none;
        }
        .back-link > i{
            position: relative;
            top: 2px;
        }
        .back-link:hover{
            text-decoration: none;
        }
        .page-title-wrapper.product .page-title{
            font-weight: 300;
            font-size: 45px;
            margin: 15px 0 0;
            text-transform: none;
        }
        .product-page-media .product.media{
            float: none;
            margin-top: 25px;
            width: 100% !important;
        }
        .product.media .gallery-placeholder > img{
            display: block;
            width: 100%;
        }
        .product-page-pusblisher-attr{
            color: #FF7D01;
            font-size: 18px;
            margin: .24em 0 0;
        }
        
        /* fotorama */
            .fotorama__stage .fotorama__stage__frame .fotorama__img{
                position: static;
                -webkit-transform: none;
                        transform: none;
                width: 100%;
            }
            .fotorama__wrap .fotorama__nav--dots{
                bottom: 0;
                left: 0;
                position: absolute;
            }
            .fotorama__wrap .fotorama__nav--dots .fotorama__dot{
                border-radius: 50%;
                border: solid 1px #fff;
                height: 10px;
                width: 10px;
                top: 0;
            }
            .fotorama__wrap .fotorama__nav--dots .fotorama__active .fotorama__dot{
                background: #fff;
                border-color: #fff;
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--hidden{
                display: block !important;
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--prev{
                background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, .0001))) !important;
                background: linear-gradient(to right,rgba(0, 0, 0, .5) 0,rgba(0, 0, 0, .0001) 100%) !important;
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--next{
                background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(0, 0, 0, .0001)),to(rgba(0, 0, 0, .5))) !important;
                background: linear-gradient(to right,rgba(0, 0, 0, .0001) 0,rgba(0, 0, 0, .5) 100%) !important;
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr{    
                -webkit-transform: none !important;    
                        transform: none !important;
                opacity: .5 !important; 
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr:hover{
                opacity: 1 !important; 
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr{
                background: none !important;
                color: #fff;
                font-size: 30px;
                text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--prev .fotorama__arr__arr::before,
            .fotorama__wrap .fotorama__stage .fotorama__arr--next .fotorama__arr__arr::before{
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                -webkit-font-feature-settings: normal;
                        font-feature-settings: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                left: 50%;
                margin: -15px 0 0 -15px;
                position: absolute;
                top: 50%;
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--prev .fotorama__arr__arr::before{
                content:'\e079';
            }
            .fotorama__wrap .fotorama__stage .fotorama__arr--next .fotorama__arr__arr::before{
                content:'\e080';
            }
            .fotorama__wrap .fotorama__caption{
                display: none;
            }

    /* product info */
        .product-page-media .description{
            font-weight: 300;
            margin-bottom: 20px;
        }
        .product-page-media .description h5{
            color: #FF7D01;
            font-size: 28px;
            font-weight: 500;
            text-align: center;
            margin: 1em 3em 1em;
        }
        .product-page-media .description ul{
            margin: 2em;
        }

        /* product-special-attributes */
            .product-special-attributes-title{
                color: #666;
                flex-basis: 100%;
                font-size: 18px;
                font-weight: bold;
                max-width: 100%;
                padding: 0 10px 20px;
            }
            .product-special-attributes .product-attribute.product-attribute-img{
                display: flex;
                flex-flow: column;
                max-width: 20%;
                padding: 0 20px;
            }
            .product-special-attributes .product-attribute.product-attribute-img img{
                display: block;
                margin-bottom: 5px;
            }
            .product-special-attributes .product-attribute.product-attribute-img .product-attribute-img-title{
                margin-top: auto;
                text-align: center;
            }
            .product-special-attributes{
                background-color: #E1e1e1;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: flex;
                flex-flow: row wrap;
                padding: 1.5em 1.5em 0 1.5em;
            }
            .product-special-attributes-title{
                color: #666;
                flex-basis: 100%;
                font-size: 18px;
                font-weight: bold;
                max-width: 100%;
                padding: 0 10px 20px;
            }
            .product-special-attributes .product-attribute.product-attribute-img{
                display: flex;
                flex-flow: column;
                max-width: 20%;
                padding: 0 20px;
            }
            .product-special-attributes .product-attribute.product-attribute-img img{
                display: block;
                margin-bottom: 5px;
            }
            .product-special-attributes .product-attribute.product-attribute-img .product-attribute-img-title{
                margin-top: auto;
                text-align: center;
            }

        .product-attributes{
            background-color: #E1e1e1;
            color: #666;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            margin: 0 0 20px 0;
        }
        .product-attributes-all{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -ms-flex-preferred-size: 66.66666666666%;
                flex-basis: 66.66666666666%;
            max-width: 66.66666666666%;
            padding: 1.5em 0 1.5em 1.5em;
        }
        .product-attributes-all-item{
            flex-basis: 50%;
            max-width: 50%;
            padding: 0 10px;
        }
        .attribute-group-esrb{
            -ms-flex-preferred-size: 33.3333333333%;
                flex-basis: 33.3333333333%;
            max-width: 33.3333333333%;
            overflow: hidden;
            padding: 1.5em 2em 1.5em;
        }
        .attribute-group-esrb .product-attribute-title{
            display: none;
        }
        .attribute-group-esrb .product-attribute-img ~ .product-attribute{
            padding-left: 70px;
        }
        .attribute-group-esrb .product-attribute:not(:first-child),
        .attribute-group-esrb .product-attribute:not(:last-child){
            margin-bottom: 12px;
        }
        .attribute-group-esrb .product-attribute:first-child:not(.text){
            float: left;
            padding: 0;
        }
        .attribute-group-esrb .product-attribute:first-child:not(.text) img{
            max-width: 60px;
        }
        .attribute-group-esrb .product-attribute.text{
            font-family: 'arial narrow';
            font-weight: bold;
            text-transform: uppercase;
        }
        .attribute-group-esrb .product-attribute.text,
        .attribute-group-esrb .product-attribute.text ~ div{
            padding: 0;
        }
        .product-attributes-all .product-attribute{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            font-weight: 300;
        }
        .product-attributes-all .product-attribute:not(:first-child){
            margin-top: 5px;
        }
        .product-attribute-title{
            font-weight: 700;
            margin-right: 8px;
        }
        .product-attribute-title:after{
            content:':';
        }
        .attribute-group-disclaimer{
            background: #f5f4f4;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            max-width: 100%;
            padding: 1.5em 0 0;
        }
        .attribute-group-disclaimer .product-attribute-title{
            display: none;
        }
        @media screen and (max-width: 1080px){
            .product-attributes-all,
            .attribute-group-esrb{
                -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                max-width: 100%;
            }
            .attribute-group-esrb{
                margin-top: 20px;
            }
        }

/* responsive */
    @media screen and (min-width: 769px) and (max-width: 1080px) {
        .product-page-info-form .price-box{
            margin-top: 100px;
        }
        .product-page-media,
        .product-page-info{
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
            max-width: 50%;
        }
        .product-page-media .description h5{
            margin: 1em 0;
        }
    }

/* popup how it works */
.popup-open{
    overflow: hidden;
}
.popup-open.idevice{
    position: fixed;
    width: 100%;
}
.popup-container{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    visibility: hidden;
    z-index: 1000;
}
.popup-container.active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.popup-container.visible{
    opacity: 1;
    visibility: visible;
}
.popup-container-content {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    max-height: 90vh;
    max-width: 900px;
    overflow: auto;
    width: 90%;
}
.popup-container-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 18px;
    padding: 15px;
}
.popup-container-title .popup-close{
    background: none;
    border: none;
    color: #d2d2d2;
    height: auto;
    line-height: 1;
    padding: 6px 10px;
    -webkit-transition: color 150ms ease-out;
    transition: color 150ms ease-out;
}
.popup-container-title .popup-close:hover{
    color: #8b8b8b;
    text-decoration: none;
}
.popup-container-body{
    padding: 15px;
}
.popup-container-body-icons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 25px -15px 0;
}
.popup-container-body-icons-item{
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    padding: 0 15px;
    text-align: center;
}
.popup-container-body-icons-item__icon{
    font-size: 30px;
}
.popup-container-body-icons-item__text{
    font-size: 14px;
}
.popup-container-footer{
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.popup-container-footer .popup-close{
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
    color: #333;
    height: auto;
    line-height: 1;
    padding: 9px 12px;
}
.popup-container-footer .popup-close:hover{
    background: #e6e6e6;
}

/* download popup */
    .download-popup-link i{
        font-size: 12px;
        position: relative;
        top: 1px;
    }
    .download-popup-link:hover,
    .download-popup-link:focus,
    .download-popup-link:active{
        text-decoration: none;
    }
    .popup-container--download .popup-container-content{
        max-width: 550px;
    }
    .popup-container--download .popup-container-title{
        font-weight: bold;
    }
    .popup-container--download .popup-container-body{
        text-align: left;
    }
    .popup-container--download .popup-container-footer{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .download-popup-code {
        color: #FF7D01;
        font-size: 40px;
        text-transform: uppercase;
    }
    .download-code-button{
        background: #FF7D01;
        border: solid 1px #FF7D01;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 8px 12px;
        transition: background 150ms ease-out, color 150ms ease-out;
    }
    .download-code-button:visited{
        color: #fff;
    }
    .download-code-button:hover,
    .download-code-button:focus,
    .download-code-button:active{
        background: #fff;
        color: #FF7D01;
        text-decoration: none;
    }
    .download-popup-hint-link{
        position: relative;
    }
    .download-popup-hint-link i{
        margin-right: 5px;
        position: relative;
        top: 3px;
    }
    .download-popup-hint-block{
        background: #fff;
        border-radius: 4px;
        bottom: calc(100% + 10px);
        box-shadow: 0 0 12px rgba(0,0,0,.35);
        color: #000;
        font-size: 13px;
        width: 250px;
        opacity: 0;
        padding: 10px;
        position: absolute;
        transition: all 150ms ease-out;
        visibility: hidden;
    }
    .download-popup-hint-block::before{
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        bottom: -10px;
        content:'';
        height: 0;
        position: absolute;
        width: 0;
    }
    .download-popup-hint-block p{
        margin: 0;
        padding: 0;
    }
    .download-popup-hint-link:hover .download-popup-hint-block{
        opacity: 1;
        visibility: visible;
    }
    .download-popup-hint-link:hover,
    .download-popup-hint-link:focus,
    .download-popup-hint-link:active{
        text-decoration: none;
    }

/* ajax cart popup */
.popup-container--product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
}
.popup-container--product .popup-container-content{
    max-width: 320px;
    padding: 20px;
    position: relative;
}
.ajax-cart-popup-item{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.ajax-cart-popup-item-img{
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
}
.ajax-cart-popup-item-img img{
    display: block;
    width: 100%;
}
.ajax-cart-popup-item-info{
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-top: 15px;
    text-align: center;
}
.ajax-cart-popup-item-info__name{
    font-size: 21px;
    font-weight: 300;
}
.ajax-cart-popup-item-info__message{
    margin-top: 10px;
}
.ajax-cart-popup-item-info__message::before{
    color: #11b530;
    content: "\e013";
    margin: 5px 5px 0 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ajax-cart-popup-button{
    margin-top: 10px;
    text-align: center;
}

.ajax-cart-popup-button .popup-bag{
    background: #ff7d01;
    border-radius: 4px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    -webkit-transition: background 150ms ease-out;
    transition: background 150ms ease-out;
    width: 100%;
}
.ajax-cart-popup-button .popup-bag:hover{
    background: #cc690a;
    text-decoration: none;
}
.ajax-cart-popup-button .popup-continue{
    color:#9c9c9c;
    cursor: pointer;
}
.ajax-cart-popup-button .popup-continue:hover{
    text-decoration: underline;
}

/* spinner */
.loading-mask,
.ajax-loading-spin,
.ajax-spin{
    background: rgba(0, 0, 0, .5) !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    opacity: 1 !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 99999 !important;
}
.ajax-loading-spin,
.ajax-spin{
    display: none;
}
.ajax-loading .ajax-loading-spin,
.ajax-loading .ajax-spin{
    display: block;
}
.loading-mask::before,
.ajax-loading-spin::before,
.ajax-spin::before{
    -webkit-animation: rotation 1s linear infinite;
            animation: rotation 1s linear infinite;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    border-radius: 50%;
    border: solid 8px;
    border-color: #fff;
    border-right-color: transparent;
    content: '';
    display: block;
    height: 64px;
    left: calc(50% - 32px);
    position: fixed;
    top: calc(50% - 32px);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 64px;
}
.loading-mask::after,
.ajax-loading-spin::after,
.ajax-spin::after{
    -webkit-animation: rotation 1s linear infinite;
            animation: rotation 1s linear infinite;
    border: solid 8px;
    border-color: #dd4b39;
    border-left-color: transparent;
    border-radius: 50%;
    content: '';
    height: 48px;
    left: calc(50% - 24px);
    position: fixed;
    top: calc(50% - 24px);
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 48px;
}
.allpago-allpagodb-review .loading-mask .loader {
    color: #fff;
    font: 300 36px/1.42857143 'Lato', sans-serif;
    top: calc(50% + 70px);
    position: absolute;
    text-align: center;
    width: 100%;
}
.allpago-allpagodb-review .loading-mask .loader > p{
    display: block;
}
.loading-mask .loader img{
    display: none;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
    }
}

/* checkout page */
.checkout-index-index .page-main,
.checkout-cart-index .page-main,
.checkout-onepage-success .page-main,
.allpago-allpagocc-review .page-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.checkout-index-index .page-main .page.messages,
.checkout-cart-index .page-main .page.messages,
.checkout-onepage-success .page-main .page.messages,
.allpago-allpagocc-review .page-main .page.messages{
    align-self: flex-start;
    flex-basis: 100%;
    width: 100%;
}
.checkout-index-index .page-main .columns,
.checkout-cart-index .page-main .columns,
.checkout-onepage-success .page-main .columns,
.allpago-allpagocc-review .page-main .columns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    min-height: 100%;
    width: 100%;
}
.page-layout-checkout .columns .column.main,
.checkout-cart-index .page-main .columns .column.main,
.checkout-onepage-success .page-main .columns .column.main,
.allpago-allpagocc-review .columns .column.main{
    padding: 0;
}
.checkout-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -20px;
    min-height: 100%;
}
.checkout-container::before,
.checkout-container::after{
    display: none;
}
.checkout-container .opc-sidebar.opc-summary-wrapper,
.checkout-container .opc-summary-wrapper,
.cart-empty-left,
.checkout-success-page-left{
    -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
    margin: 0;
    max-width: 66.66666667%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 20px;
}
.checkout-container .opc-right-col,
.cart-empty-right,
.checkout-success-page-right{
    background: #fff;
    -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 20px;
}

/* left column */
    .checkout-container .opc-block-summary{
        background: none;
        margin: 0; 
        padding: 0; 
    }
    .checkout-container .opc-block-summary > .title{
        font-weight: 300;
        font-size: 45px;
        margin: 0;
        padding: 0 0 0.5em;
    }
    .opc-subtotal{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 26px;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 20px 0 0;
    }
    .opc-subtotal .price,
    .opc-tax-included .price{
        color: #ff7d01;
        margin-left: 15px;
        white-space: nowrap;
    }
    .opc-tax-included{
        color: #999;
        display: flex;
        font-size: 18px;
        flex-flow: row wrap;
        justify-content: flex-end;
        padding: 5px 0 0;
    }

    /* cart items */
        .opc-cart-items-header{
            border-bottom: solid 1px #ddd;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            font-weight: bold;
            padding: 10px 0;
        }
        .opc-cart-items-header__title{
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
        }
        .opc-cart-items-header__qty,
        .opc-cart-item-content-qty{
            -ms-flex-preferred-size: 90px;
                flex-basis: 90px;
            max-width: 90px;
            padding: 0 10px;
            text-align: center;
        }
        .opc-cart-items-header__price,
        .opc-cart-item .subtotal{
            -ms-flex-preferred-size: 150px;
                flex-basis: 150px;
            max-width: 150px;
            text-align: right;
        }
        .opc-cart-item{
            border-bottom: solid 1px #ddd;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            padding: 10px 0;
        }
        .opc-cart-item .product-image-container{
            height: auto !important;
            max-width: 200px;
        }
        .opc-cart-item .product-image-wrapper{
            height: auto;
        }
        .opc-cart-item .product-image-wrapper img{
            height: auto;
        }
        .opc-cart-item .opc-cart-item-content{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            padding: 0 0 0 15px;
        }
        .opc-cart-item-content-info{
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
        }
        .opc-cart-item-content-title{
            font-size: 20px;
            margin-bottom: .5em;
        }
        .opc-cart-item .subtotal{
            font-size: 18px;
            text-align: right;
        }
        .opc-cart-item .subtotal .price{
            font-weight: 400;
        }
        .pc-cart-item-content-bottom{
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
        }
        .pc-cart-item-content-remove{
            margin: 0 2em .5em 0;
        }
        .pc-cart-item-content-remove .action.delete{
            color: #999;
            font-size: 14px;
        }
        .pc-cart-item-content-remove .action.delete:before {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px;
            content: '\e604';
            font-family: 'luma-icons';
            margin-top: -4px;
            vertical-align: middle;
            display: inline-block;
            font-weight: normal;
            overflow: hidden;
            speak: none;
            text-align: center;
        }
        .pc-cart-item-content-remove .action.delete:hover{
            color: #000;
            text-decoration: none;
        }
        .pc-cart-item-content-attributes{
            overflow: hidden;
        }
        .pc-cart-item-content-attribute{
            margin-bottom: 12px;
        }
        .pc-cart-item-content-attribute-image ~ .pc-cart-item-content-attribute{
            padding-left: 70px;
        }
        .pc-cart-item-content-attribute-image{
            float: left;
        }
        .pc-cart-item-content-attribute-image img{    
            max-width: 60px;
        }
        .opc-cart-item-content-qty input[type="text"]{
            border: solid 1px #e4e4e4;
            height: 40px;
            text-align: center;
        }
        .opc-cart-items-buttons{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            padding: 15px 0;
        }
        .cart-update-button{
            background-color: #337ab7;
            border: 1px solid #337ab7;
            border-radius: 4px;
            color: #FFF;
        }
        .cart-update-button:hover{
            background: #fff;
            border: 1px solid #337ab7;
            color: #337ab7;
        }

/* right column */
    .checkout-container .opc-wrapper{
        float: none;
        padding: 0;
        text-align: right;
        width: 100%;
    }
    .opc-login-block-title{
        font-weight: 300;
        font-size: 45px;
        padding: 1.5em 0 0.5em;
    }
    .opc-login-block-content{
        padding-left: 1em;
        font-size: 16px;
    }
    .opc-login-block-button .btn{
        background-color: #337ab7;
        border: 1px solid #337ab7;
        border-radius: 4px;
        color: #FFF;
        display: inline-block;
        font-size: 30px;
        line-height: 1.42857143;
        margin-top: 10px;
        padding: .24em 1.5em;
        -webkit-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }
    @media screen and (min-width: 768px) and (max-width: 1100px){
        .opc-login-block-button .btn{
            font-size: 23px;
            padding: .5em 1em;
        }
    }
    .opc-login-block-button .btn:hover{
        background: #fff;
        color: #337ab7;
        text-decoration: none;
    }
    .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary{
        border-radius: 4px;
        font-size: 1.5em;
        height: auto;
        line-height: 1;
        padding: 10px 30px;
    }

/* payment */
    .payment-methods{
        text-align: left;
    }
    .checkout-payment-method .payment-method-title{
        border: none !important;
        padding: 12px 0 !important;
    }
    .payment-method-title [type=radio]{
        display: none;
    }
    .payment-method-title [type=radio] + label{
        align-items: center;
        display: flex;
        flex-flow: row wrap;
    }
    .payment-method-title [type=radio] + label .payment-method-image{
        max-width: 90px;
        margin: 0 10px 0 0;
    }
    .payment-method-title [type=radio] + label::before{
        background: #fff;
        border: solid 1px #dadada;
        border-radius: 50%;
        content:'';
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin-right: 10px;
        text-align: center;
        transition: box-shadow 150ms linear;
        vertical-align: middle;
        width: 20px;
    }
    ._active .payment-method-title [type=radio] + label::before{
        background: #ff7d01;
        -webkit-box-shadow: inset 0 0 0 4px #fff;
                box-shadow: inset 0 0 0 4px #fff;
    }

    /* allpago */
        .wpwl-group,
        .wpwl-sup-wrapper{
            margin-top: 10px;
        }
        .wpwl-group-brand,
        .wpwl-group .wpwl-label{
            display: none !important;
        }
        .wpwl-control-iframe,
        input.wpwl-control,
        select.wpwl-control,
        .billing-address-form .input-text,
        .billing-address-form select,
        .field-select-billing select{
            border: solid 1px #e4e4e4;
            border-radius: 6px;
            display: block;
            font-size: 16px;
            height: 46px;
            padding: 0 16px;
            width: 100%;
        }
        .billing-address-form + .actions-toolbar{
            margin-top: 20px;
        }
        .billing-address-form .field-tooltip{
            top: 7px;
        }
        .billing-address-form .field-tooltip .field-tooltip-content{
            background: #fbfbfc;
            border: 1px solid #ececec;
            left: auto;
            right: -11px;
            top: calc(100% + 10px);
        }
        .billing-address-form .field-tooltip .field-tooltip-content:before {
            border-bottom-color: #ececec;
            border-right-color: transparent;
            left: auto;
            right: 11px;
            top: -21px;
        }
        .billing-address-form .field-tooltip .field-tooltip-content:after {
            border-bottom-color: #fbfbfc;
            border-right-color: transparent;
            left: auto;
            right: 10px;
            top: -19px;
            width: 1px;
            z-index: 4;
        }
        .wpwl-wrapper{
            float: none;
            width: 100%;
        }
        .wpwl-wrapper-cardNumber > iframe{
            margin-top: 10px;
        }
        .wpwl-wrapper-cardNumber .cart-brands{
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span{
            background: url(../images/payment-sprite.png) 0 0 no-repeat;
            height: 35px;
            margin: 5px;  
            width: 55px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-VISA{
            background-position: 0 0;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-MASTER{
            background-position: 0 -35px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-AMEX{
            background-position: 0 -70px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-DINERS{
            background-position: 0 -105px;
            display: none;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-DISCOVER{
            background-position: 0 -140px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-ELO{
            background-position: 0 -175px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-JCB{
            background-position: 0 -210px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-HIPERCARD{
            background-position: 0 -245px;
        }
        .wpwl-wrapper-cardNumber .cart-brands > span.brand-icon-NARANJA{
            background-position: 0 -280px;
        }
        .wpwl-wrapper-cardHolder{
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
        }
        .wpwl-wrapper-cardHolder .wpwl-hint,
        .wpwl-wrapper-cardHolder input.wpwl-control{
            flex-basis: 48%;
            max-width: 48%;
        }
        .wpwl-wrapper-cardHolder .wpwl-hint.wpwl-hint-surNameError{
            margin-left: auto;
        }
        .wpwl-group-expiry{
            width: 41.66666667%;
        }
        .wpwl-group-cvv{
            width: 48%;
        }
        .wpwl-group-billing .wpwl-label.wpwl-label-billing{
            display: block !important;
            font-size: 18px;
            margin-top: 25px;
            width: 100%;
        }
        .wpwl-wrapper-billing{
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
        }
        .wpwl-sup-wrapper-country,
        .wpwl-sup-wrapper-street1,
        .wpwl-sup-wrapper-street2{
            flex-basis: 100%;
            max-width: 100%;
        }
        .wpwl-sup-wrapper-state,
        .wpwl-sup-wrapper-city{
            flex-basis: 48%;
            max-width: 48%;
        }
        .wpwl-sup-wrapper-postcode{
            flex-basis: 40%;
            max-width: 40%;
        }
        .wpwl-wrapper.wpwl-wrapper-submit{
            text-align: right;
        }
        .wpwl-button.wpwl-button-pay{
            background-color: #337ab7;
            border: 1px solid #337ab7;
            border-radius: 6px;
            color: #FFF;
            font-size: 30px;
            height: auto;
            margin: 15px 0;
            padding: .24em 1.5em;
            width: 100%;
        }
        .wpwl-button.wpwl-button-pay:hover{
            background: #fff;
            color: #337ab7;
        }
        .wpwl-group.wpwl-group-submit{
            text-align: center;
        }
        .wpwl-group.wpwl-group-submit a{
            color: #a2a2a2;
            font-weight: 300;
        }
        .wpwl-wrapper>.wpwl-icon{
            top: 14px;
        }

        /* disclaimer */
            .alpago-disclaimer-block{
                color: #909090;
                font-size: 14px;
                text-align: left;
            }
            .wpwl-group.wpwl-group-submit .disclaimer-title a{
                color: #337ab7;
                font-weight: bold;
                text-decoration: underline;
            }
            .wpwl-group.wpwl-group-submit .disclaimer-title a:hover{
                text-decoration: none;
            }

/* empty cart page */
    .checkout-cart-index .page-main .columns .column.main{
        display: flex;
        flex-flow: row wrap;
        margin: 0 -15px;
    }
    .cart-empty-left .back-link-container{
        padding: 20px 0;
    }
    .cart-empty-left__title{
        font-weight: 300;
        font-size: 45px;
        margin: 0;
        padding: 0 0 0.5em;
    }
    .cart-empty-left-button .action.primary{
        background-color: #337ab7;
        border: 1px solid #337ab7;
        border-radius: 4px;
        color: #FFF;
        display: inline-block;
        font-size: 30px;
        height: auto;
        line-height: 1.42857143;
        margin-top: 10px;
        padding: .24em 1.5em;
        -webkit-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }
    .cart-empty-left-button .action.primary:hover{
        background: #fff;
        color: #337ab7;
        text-decoration: none;
    }
    .cart-empty-right{
        text-align: right;
    }
    .cart-empty-right__title{
        font-weight: 300;
        font-size: 45px;
        padding: 1.5em 0 0.5em;
    }

/* success page */
    .checkout-success-page{
        display: flex;
        flex-flow: row wrap;
        height: 100%;
        margin: 0 -20px;
    }
    .checkout-success-page-left__title{
        font-weight: 300;
        font-size: 45px;
        margin: 0 0 .5em;
    }
    .checkout-success-page-left__order{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .checkout-success-page-email{
        background-color: #d9edf7;
        border: solid 1px #bce8f1;
        border-radius: 4px;
        color: #31708f;
        margin-bottom: 20px;
        padding: 15px;
    }
    .checkout-success-page-products__title{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .checkout-success-page-product{
        border-top: solid 1px #ddd;
        display: flex;
        flex-flow: row wrap;
        padding: 20px 0;
    }
    .checkout-success-page-product__img a,
    .checkout-success-page-product__img span,
    .checkout-success-page-product__img img{
        display: block;
    }
    .checkout-success-page-product__title{
        flex: 1;
        font-size: 20px;
        padding-left: 20px;
    }
    .checkout-success-page-right{
        padding: 20px 50px;
    }
    .checkout-success-page-right__title{
        font-size: 24px;
    }
    .checkout-success-page-right__list{
        margin: 20px 0 0 15px;
    }

/* responsive */
    @media screen and (min-width: 769px) and (max-width: 1080px) {
        .checkout-container .opc-block-summary > .title{
            font-size: 32px;
            padding: .5em 0;
        }
        .opc-cart-items-header__price, .opc-cart-item .subtotal{
            -ms-flex-preferred-size: 120px;
                flex-basis: 120px;
            max-width: 120px;
        }
        .opc-cart-item .subtotal .price,
        .opc-cart-item-content-title{
            font-size: 16px;
        }
        .opc-cart-item .product-image-container{
            max-width: 120px;
        }
    }

/* login page */
.customer-account-login #maincontent{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.login-page{
    text-align: center;
}
.login-page-title{
    font-size: 18px;
}
.login-page-button > a{
    background-color: #337ab7;
    border: 1px solid #337ab7;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 30px;
    line-height: 1.42857143;
    margin-top: 10px;
    padding: .24em 1.5em;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.login-page-button > a:hover{
    background: #fff;
    color: #337ab7;
    text-decoration: none;
}

/* help page */
.category-view{
    flex-basis: 100%;
    max-width: 100%;
}
.category-help .page-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.category-help .page-main .columns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    margin: 0 -20px;
}
.help-page{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    height: 100%;
    line-height: 1.42857143;
}
.help-page h2{
    font-weight: 300;
    font-size: 45px;
    margin: 0;
    padding: .75em 0;
}
.help-page ul{
    margin: 0;
    padding: 1em 2em;
}
.help-left-col{
    -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
    font-size: 18px;
    max-width: 66.66666667%;
    padding: 20px;
}
.help-right-col{
    background: #fff;
    -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
    font-size: 16px;
    max-width: 33.33333333%;
    padding: 20px;
}
.help-right-col h2{
    text-align: right;
}
.help-right-col .qa{
    color: #666;
    font-size: 16px;
    margin-bottom: 1.5em;
    padding: 0 2em;
}
.help-right-col .qa .q {
    font-weight: 700;
}

/* 404 page */
.error-page-top {
    background: #fff;
    margin: 0 -20px;
}
.error-page-top-wrapper{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 0;
}
.error-page-top-text{
    color: #777;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 20px;
    padding-left: 50px;
}
.error-page-top-text h2{
    color: #000;
    font-size: 66px;
    font-weight: 300;
}
.error-page-content{
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 0;
}
.error-page-content ul{
    font-size: 30px;
    font-weight: 300;
    list-style: none;
}
.error-page-content ul > li{
    margin-top: 20px;
}
.error-page-content ul > li > a:hover,
.error-page-content ul > li > a:focus{
    text-decoration: none;
}

/* recent orders */
.account .columns{
    margin: 0 auto;
    max-width: 1200px;
}
.recent-orders-block {
    margin-top: 20px;
}
.recent-orders-block-title{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.recent-orders-block-title .action{
    font-size: 14px;
}
.recent-orders-block-table{
    background: #fff;
    border: solid 1px #efeaea;
    margin-top: 15px;
    padding: 20px;
}
.recent-orders-table > thead > tr > th,
.recent-orders-table > tbody > tr > td{
    text-align: center;
}
.recent-orders-table > thead > tr > th:first-child,
.recent-orders-table > tbody > tr > td:first-child{
    padding-left: 0;
    text-align: left;
}
.recent-orders-table > thead > tr > th:last-child,
.recent-orders-table > tbody > tr > td:last-child{
    padding-right: 0;
    text-align: right;
}
.recent-orders-table > tbody > tr > td{
    border-top: solid 1px #f6f4f4;
}
.recent-orders-table .col.actions{
    white-space: nowrap;
}
.order-products-toolbar{
    margin-top: 20px;
}

/* order template */
.sales-order-view .page-title-wrapper{
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sales-order-view .page-title-wrapper::before,
.sales-order-view .page-title-wrapper::after,
.sales-order-view .page-title-wrapper .actions-toolbar::before,
.sales-order-view .page-title-wrapper .actions-toolbar::after{
    display: none !important;
}
.sales-order-view .page-title-wrapper .page-title,
.sales-order-view .page-title-wrapper .actions-toolbar{
    margin: 0;
}
.sales-order-view .page-title-wrapper .actions-toolbar .actions{
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sales-order-view .page-title-wrapper .actions-toolbar .actions .action{
    color: #5c6371;
    font-size: 17px;
    margin: 0;
    position: relative;
}
.sales-order-view .page-title-wrapper .actions-toolbar .actions .action:not(:last-child){
    margin-right: 70px;
}
.sales-order-view .page-title-wrapper .actions-toolbar .actions .action:not(:last-child)::after{
    color: #dcdcdc;
    content:'|';
    position: absolute;
    right: -35px;
    top: 0;
}
.order-view-top{
    font-size: 17px;
    margin: 20px 0;
}
.order-view-top-date > span,
.order-view-top-status > span{
    font-weight: bold;
}
.order-view-top-date{
    margin-top: 10px;
}
.order-details-items{
    background: #fff;
}
.order-details-items,
.order-links .item strong,
.order-links .item a,
.account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th{
    border-color: #efeaea;
}
.order-details-items tfoot,
.order-details-items tfoot td{
    background: none;
}
.order-details-items.ordered + .block{
    display: none;
}
.account .table-wrapper{
    border: none !important;
    margin: 0 !important;
}
#my-orders-table .amount .price{
    white-space: nowrap;
}

/* footer */
.page-footer{
    background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f),to(#7d7d7d)) !important;
    background: linear-gradient(to bottom, #8f8f8f 0%,#7d7d7d 100%) !important;
    color: #e2e2e2;
    font-size: 12px;
    padding: 20px 0 !important;
}
.footer-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}
.footer-menu > li{
    margin: 0;
    padding: 0 15px;
}
.footer-menu > li > a{
    color: #fff;
}
.copyright{
    background: none;
    padding: 20px 0 0;
}
.up-arrow{
    background: #ED1C24;
    border: solid 1px #ED1C24;
    bottom: 54px;
    position: fixed;
    opacity: 0;
    right: 0;
    transition: opacity 150ms ease-out,visibility 150ms ease-out,background 150ms ease-out;
    visibility: hidden;
    z-index: 1000;
}
.up-arrow:hover{
    background: #d0151c;
}
.up-arrow.visible{
    opacity: 1;
    visibility: visible;
}

/* other styles */
.modals-overlay{
    z-index: 1600 !important;
}
.modal-slide._show, .modal-popup._show{
    z-index: 1601 !important;
}

/* print page */
.page-print #maincontent{
    max-width: 1200px;
    padding-top: 0;
}
.page-print .header-logo-container{
    height: 80px;
    margin: 0 auto;
}
.page-print .header-logo-container .header-logo{
    background-color: #E60012 !important;
    border-radius: 20px;
    height: 60px;
    margin: 10px auto;
    padding-top: 15px;
    transform: none !important;
    -webkit-print-color-adjust: exact;
}
.page-print .header-title,
.page-print .copyright{
    display: none;
}

/* IE 11 fixes */
.ie10 .page-wrapper,
.ie11 .page-wrapper{
    height: auto !important;
    min-height: 100%;
    padding-bottom: 120px;
    position: relative;
}
.ie11 .page-footer,
.ie10 .page-footer{
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}