.actions {
    display: flex;
    flex-direction: row;
    align-content: end;
    justify-content: flex-end;
}

    .actions .btn {
        margin-left: 18px;
    }

select:focus {
    outline: none;
}

select option {
    color: #fff;
    background-color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
}

select optgroup {
    color: #fff;
    background-color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
}

.login-container {
    max-width: 440px;
    margin: auto;
}

.container.narrow {
    max-width: 740px;
}

.btn-facebook {
    color: #fff;
    background-color: #354A89;
    border-color: #354A89;
}

.alert {
    background: rgba(255,255,255,0.1);
    padding: 18px;
    margin-bottom: 18px;
}

.account {
    padding-top: 100px;
    padding-bottom: 18px;
}

    .account .container {
        max-width: 700px;
    }

.login {
    padding-top: 100px;
    padding-bottom: 18px;
}



    .login .intro {
        text-align: center;
    }


    .login .actions .btn {
        width: 100%;
        margin-left: 0;
    }

    .login .form-seperator-or {
        overflow: hidden;
        text-align: center;
    }

        .login .form-seperator-or span {
            position: relative;
        }

            .login .form-seperator-or span:after, .form-seperator-or span:before {
                background: #dfe0e3;
                content: "";
                height: .063rem;
                position: absolute;
                top: 50%;
                width: 50vw;
            }

    .login .form-group.forgotten {
        margin-top: 18px;
        text-align: center;
    }

        .login .form-group.forgotten a, .login .form-group.forgotten a:visited, .login .form-group.forgotten a:active {
            color: rgba(35,66,129, 1);
            text-decoration: none;
            opacity: 85;
        }

            .login .form-group.forgotten a:hover {
                color: rgba(35,66,129, 1);
                text-decoration: underline;
                opacity: 1;
            }


    .login .form-seperator-or span:before {
        right: calc(100% + 1rem);
    }

    .login .form-seperator-or span:after {
        left: calc(100% + 1rem);
    }

    .login .form-seperator-or {
        margin: 18px 0;
    }

    .login .container {
        max-width: 440px;
    }

.device-tv .login .container {
    max-width: 740px;
}



.device-tv .login .form-group.forgotten {
    text-align: left;
}

.device-tv .login .cols {
    display: flex;
    margin-top: 50px;
}

    .device-tv .login .cols .primary {
        flex: 1;
    }

    .device-tv .login .cols .seconday {
        flex: 0 0 220px;
        margin-left: 30px;
        margin-top: 22px;
    }

.login h1 {
    text-align: center;
}

.login .container heading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}



.checkout {
    padding-top: 100px;
    padding-bottom: 18px;
}

    .checkout h1 {
        text-align: center;
    }


    .checkout .container heading {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


        .checkout .container heading ol {
            padding: 0;
            list-style: none;
            font-size: 0;
        }

            .checkout .container heading ol li {
                display: inline-block;
                color: #fff;
                border-bottom: 3px solid #fff;
                font-size: 16px;
                font-weight: 600;
                padding-right: 18px;
                margin: 0px;
                opacity: 0.5;
            }

                .checkout .container heading ol li.active {
                    color: rgba(35,66,129, 1);
                    border-bottom: 3px solid rgba(35,66,129, 1);
                    opacity: 1;
                }

    .checkout .container subheading {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


        .checkout .container subheading ol {
            padding: 0;
            list-style: none;
            font-size: 0;
        }

            .checkout .container subheading ol li {
                display: inline-block;
                color: #fff;
                border-bottom: 3px solid #fff;
                font-size: 16px;
                font-weight: 600;
                padding-right: 18px;
                margin: 0px;
                opacity: 0.5;
            }

                .checkout .container subheading ol li.active {
                    color: rgba(35,66,129, 1);
                    border-bottom: 3px solid rgba(35,66,129, 1);
                    opacity: 1;
                }

@media only screen and (max-width: 576px) {
    .checkout .container heading ol li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1025px) {
    .checkout.checkout-step1 #subscription-list {
        max-width: 706px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 769px) {
    .checkout.checkout-step1 #subscription-list {
        max-width: 340px;
        margin: 0 auto;
    }
}

.checkout.checkout-step1 #subscription-list .slick-prev, .checkout.checkout-step1 #subscription-list .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 15px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.checkout.checkout-step1 #subscription-list .slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 30' width='15' height='30'%3E%3Cline x1='13' x2='2' y1='2' y2='15' stroke='%23fff' stroke-width='2' stroke-linecap='round' /%3E%3Cline x1='2' x2='13' y1='15' y2='28' stroke='%23fff' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
    left: -15px;
}

.checkout.checkout-step1 #subscription-list .slick-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 30' width='15' height='30'%3E%3Cline x1='2' x2='13' y1='2' y2='15' stroke='%23fff' stroke-width='2' stroke-linecap='round' /%3E%3Cline x1='13' x2='2' y1='15' y2='28' stroke='%23fff' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
    right: -15px;
}

.checkout.checkout-step1 #subscription-list .slick-prev:before {
    content: unset;
}

.checkout.checkout-step1 #subscription-list .slick-next:before {
    content: unset;
}

.checkout.checkout-step1 #subscription-list .slick-track {
    display: flex;
}

.checkout.checkout-step1 #subscription-list .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    background: rgba(255,255,255,0.1);
}

.checkout.checkout-step1 #subscription-list .slick-slider {
    margin: 0 -10px;
}

.checkout.checkout-step1 #subscription-list .slick-slide {
    margin: 0 10px;
}

    .checkout.checkout-step1 #subscription-list .slick-slide > div {
        width: 100%;
        height: 100%;
        padding: 65px 28px 33px 28px;
    }

    .checkout.checkout-step1 #subscription-list .slick-slide .card {
        width: 100%;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }

        .checkout.checkout-step1 #subscription-list .slick-slide .card .card-body {
            display: flex;
            flex-direction: column;
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card .card-foot {
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card h2 {
            text-align: center;
            margin: 0px 0 4px 0;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            font-size: 35px;
            font-weight: 600;
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card h3 {
            text-align: center;
            color: rgba(35,66,129, 1);
            font-size: 24px;
            font-weight: bold;
            font-weight: 600;
            margin-bottom: 2px;
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card .trial {
            text-align: center;
            height: 1em;
            font-size: 12px;
            color: #fff;
            opacity: 0.85;
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card .period {
            text-align: center;
            height: 1em;
            font-size: 12px;
            color: #fff;
            opacity: 0.75;
            margin-bottom: 18px;
        }

        .checkout.checkout-step1 #subscription-list .slick-slide .card .actions {
            margin-top: auto;
            padding-top: 68px;
        }

            .checkout.checkout-step1 #subscription-list .slick-slide .card .actions .btn {
                width: 100%;
                margin: 0;
            }

.checkout.checkout-step1 .subsciption-list {
    max-width: 1060px;
}


.checkout.checkout-step1 form.checkout-redeem-box {
    display: flex;
    width: 30%;
    min-width: 400px;
    background-color: rgba(255,255,255,0.1);
    border: solid 1px rgba(255,255,255,0.1);
    margin: auto;
}

.checkout.checkout-step1  form.checkout-redeem-box:focus-within {
    outline: 1px solid white
}

.checkout.checkout-step1 .redeem p {
    text-align: center;
    opacity:0.8;
}

.checkout.checkout-step1 form.checkout-redeem-box input[type="text"] {
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 18px;
    font-size: 16px;
    border-radius: 0;
    color: #fff;
    background: transparent;
}

.checkout.checkout-step1 form.checkout-redeem-box input:focus {
    outline: none;
}

.checkout.checkout-step1 form.checkout-redeem-box button {
    line-height: 3rem;
    color: #FFF;
    border: none;
    padding: 0 3rem;
    width: auto;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

    .checkout.checkout-step1 form.checkout-redeem-box button, .checkout.checkout-step1 form.checkout-redeem-box button:visited {
        color: rgb(255,255,255);
        background-color: rgba(35,66,129, 1);
        border-color: rgba(35,66,129, 1);
    }

        .checkout.checkout-step1 form.checkout-redeem-box button:hover, .checkout.checkout-step1 form.checkout-redeem-box button:active, .checkout.checkout-step1 form.checkout-redeem-box button:focus {
            color: rgb(10,25,82);
            background-color: rgba(191,222,246, 0.8);
            border-color: rgba(191,222,246, 0.8);
        }



@media only screen and (max-width:768px) {
    .checkout.checkout-step1 form.checkout-redeem-box {
        width: 100%;
        min-width: unset;
        flex-direction: column;
        background-color: rgba(255,255,255,0.1);
        border: solid 1px rgba(255,255,255,0.1);
        margin: auto;
    }

        .checkout.checkout-step1 form.checkout-redeem-box input[type="text"] {
            text-align: center;
        }
    .checkout.checkout-step1 form.checkout-redeem-box button {
        font-size: 14px;
        padding: 9px 26px;
    }
}




/*
        ppv
    */
.checkout.checkout-step1 #product-list {
    max-width: 668px;
    margin: auto;
}

    .checkout.checkout-step1 #product-list .card {
        background: rgba(255,255,255,0.1);
        padding: 28px 28px 33px 28px;
    }

        .checkout.checkout-step1 #product-list .card.free-card {
            padding-top: 0px;
            background: none;
        }

    .checkout.checkout-step1 #product-list .card {
        width: 100%;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        text-align: center;
    }


        .checkout.checkout-step1 #product-list .card h2 {
            text-align: center;
            margin: 0px 0 4px 0;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            font-size: 30px;
            font-weight: 600;
        }

        .checkout.checkout-step1 #product-list .card h3 {
            text-align: center;
            color: rgba(35,66,129, 1);
            font-size: 20px;
            font-weight: bold;
            font-weight: 600;
            margin-bottom: 2px;
        }

        .checkout.checkout-step1 #product-list .card .trial {
            text-align: center;
            height: 1em;
            font-size: 11px;
            color: #fff;
            opacity: 0.85;
        }

        .checkout.checkout-step1 #product-list .card .period {
            text-align: center;
            height: 1em;
            font-size: 11px;
            color: #fff;
            opacity: 0.75;
            margin-bottom: 18px;
        }

        .checkout.checkout-step1 #product-list .card .actions {
            margin-top: auto;
            padding-top: 18px;
        }

            .checkout.checkout-step1 #product-list .card .actions .btn {
                width: auto;
                margin: auto;
            }


@media only screen and (max-width: 1025px) {
    .checkout.checkout-step1 #product-list {
        max-width: 706px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 769px) {
    .checkout.checkout-step1 #product-list {
        max-width: 340px;
        margin: 0 auto;
    }
}

.checkout.checkout-step2 .container {
    max-width: 740px;
}


.checkout.checkout-step3 .container {
    max-width: 740px;
}

.checkout-step3 .basket {
    background: rgba(255,255,255,0.05);
    padding: 14px;
}

    .checkout-step3 .basket h2 {
        margin-top: 0;
        margin-bottom: 0.5 rem;
    }

    .checkout-step3 .basket h3 {
        margin-top: 0;
    }

.checkout.checkout-step2 .container {
    max-width: 740px;
}


.checkout.checkout-step2 #email-duplicate-alert {
    text-align: center;
}

    .checkout.checkout-step2 #email-duplicate-alert .actions {
        justify-content: center;
    }

        .checkout.checkout-step2 #email-duplicate-alert .actions .btn {
            margin-left: 0;
            margin-top: 18px;
        }


@media only screen and (max-width: 769px) {
    .checkout.checkout-step2 .container .actions {
        flex-direction: column-reverse;
    }

        .checkout.checkout-step2 .container .actions .btn {
            width: 100%;
            margin-left: 0;
            margin-top: 18px;
        }

            .checkout.checkout-step2 .container .actions .btn:last-child {
                margin-bottom: 0;
            }
}

.checkout-complete {
    text-align: center;
}


.checkout .checkout-paymentwall #ico-logo-paymentwall {
    width: 300px;
    height: auto;
    margin: 0 auto;
}

.checkout.checkout-webpayplus .intro {
    text-align: center;
    margin: 68px 0;
}

.checkout.checkout-webpayplus .actions {
    justify-content: center;
    align-content: center;
}

    .checkout.checkout-webpayplus .actions .btn {
        margin-left: 0;
    }

.checkout.checkout-webpayplus-callback .intro {
    text-align: center;
    margin: 68px 0;
}

.checkout.checkout-webpayplus-callback .actions {
    justify-content: center;
    align-content: center;
}

    .checkout.checkout-webpayplus-callback .actions .btn {
        margin-left: 0;
    }


.form-group {
    margin-bottom: 1rem;
}

    .form-group label {
        margin-bottom: 0.25rem;
        display: inline-block;
        opacity: 0.8;
        font-size: 14px;
    }

.form-control {
    display: block;
    width: 100%;
    background-color: rgba(255,255,255,0.1);
    border: solid 1px rgba(255,255,255,0.1);
    padding: 18px;
    font-size: 16px;
    border-radius: 0;
    color: #fff;
    flex: 1 1 auto;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


    .form-control:focus {
        outline: none;
        border: solid 1px rgba(255,255,255,0.8);
    }

    .form-control.input-validation-error {
        border: solid 1px rgba(255,0,0,0.8);
    }

.field-validation-error {
    font-size: 12px;
    color: rgba(255,255,255,0.8);
}

.actions {
    display: flex;
    flex-direction: row;
    align-content: end;
    justify-content: flex-end;
}

    .actions .btn {
        margin-left: 18px;
    }

.subscription-change-product-list {
}

.subscription-change-product-list {
    display: flex;
    flex-direction: column;
}

    .subscription-change-product-list .row .item {
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: rgba(255,255,255,0.1);
        border: solid 1px rgba(255,255,255,0.1);
        margin-bottom: 18px;
        padding: 18px;
        cursor: pointer;
    }

        .subscription-change-product-list .row .item h2 {
            margin: 0;
        }



        .subscription-change-product-list .row .item .check {
            display: none;
            background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' ?%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 612 792;' version='1.1' viewBox='0 0 612 792' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0{fill:%2341AD49;} %3C/style%3E%3Cg%3E%3Cpath class='st0' d='M562,396c0-141.4-114.6-256-256-256S50,254.6,50,396s114.6,256,256,256S562,537.4,562,396L562,396z M501.7,296.3l-241,241l0,0l-17.2,17.2L110.3,421.3l58.8-58.8l74.5,74.5l199.4-199.4L501.7,296.3L501.7,296.3z'/%3E%3C/g%3E%3C/svg%3E");
            background-position: center center;
            width: 40px;
            position: absolute;
            z-index: 100;
            top: 0;
            right: 10px;
            height: 100%;
            background-repeat: no-repeat;
        }

        .subscription-change-product-list .row .item.selected .check {
            display: block;
        }

    .subscription-change-product-list .row:hover .item .check {
        display: block;
        opacity: 0.5;
    }

    .subscription-change-product-list:hover .row .item.selected .check {
        display: block;
        opacity: 0.5;
    }

.subscriber-card-list {
    display: flex;
    flex-direction: column;
}

    .subscriber-card-list .row .item {
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(255,255,255,0.1);
        margin-bottom: 18px;
        padding: 18px;
    }

    .subscriber-card-list .row:nth-child(even) .item {
        border: 1px solid rgba(255,255,255,0.15);
    }

    .subscriber-card-list .row:hover .item {
        border: 1px solid rgba(255,255,255,0.2);
    }




.subscriber-product-list {
    display: flex;
    flex-direction: column;
}

    .subscriber-product-list .row .item {
        display: flex;
        flex-direction: column;
        background-color: rgba(255,255,255,0.1);
        margin-bottom: 18px;
        padding: 18px;
    }

    .subscriber-product-list .row:nth-child(even) .item {
        background-color: rgba(255,255,255,0.15);
    }

    .subscriber-product-list .row:hover .item {
        background-color: rgba(255,255,255,0.2);
    }

    .subscriber-product-list .row .item h2 {
        margin: 0;
    }

    .subscriber-product-list .row .action {
        display: flex;
        flex-direction: row;
        align-content: end;
        justify-content: flex-end;
        margin-bottom: 18px;
    }

    .subscriber-product-list .actions {
        margin-bottom: 18px;
    }


.payment-list {
    display: flex;
    flex-direction: column;
}

    .payment-list .row {
        display: flex;
        flex-direction: row;
        background-color: rgba(255,255,255,0.1);
        margin-bottom: 18px;
        padding: 18px;
        align-items: center;
        justify-content: center;
    }

        .payment-list .row:nth-child(even) {
            background-color: rgba(255,255,255,0.15);
        }

        .payment-list .row .name {
            display: flex;
            flex-direction: column;
            flex: 1;
            min-width: 0;
        }

            .payment-list .row .name > div {
                white-space: nowrap;
                flex: 1; /* ADJUSTMENT */
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .payment-list .row .name > div:last-child {
                    font-size: 12px;
                }



        .payment-list .row .amount {
            flex: 0 0 90px;
            text-align: center;
        }

        .payment-list .row .status {
            flex: 0 0 100px;
            text-align: center;
        }

            .payment-list .row .status span {
                width: 100%;
                border-radius: 10px;
                height: 20px;
                background: #73AD21;
                font-size: 12px;
                padding: 0 10px;
            }

                .payment-list .row .status span.refund {
                    background: #AAAA22
                }

        .payment-list .row .created {
            flex: 0 0 100px;
            text-align: right;
        }

@media only screen and (max-width:768px) {
    .payment-list .row {
        flex-wrap: wrap-reverse;
    }

        .payment-list .row .name {
            flex: 0 0 100%;
        }

        .payment-list .row .amount {
            flex: 1 1 auto;
            font-weight: 600;
            font-size: 18px;
            text-align: left;
        }

        .payment-list .row .status {
        }
}


.device-list {
    display: flex;
    flex-direction: column;
}

    .device-list .row {
        display: flex;
        flex-direction: row;
        background-color: rgba(255,255,255,0.1);
        margin-bottom: 18px;
        padding: 18px;
        align-items: center;
        justify-content: center;
    }

        .device-list .row:nth-child(even) {
            background-color: rgba(255,255,255,0.15);
        }

        .device-list .row .name {
            display: flex;
            flex-direction: column;
            flex: 1;
            min-width: 0;
        }

            .device-list .row .name > div {
                white-space: nowrap;
                flex: 1; /* ADJUSTMENT */
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .device-list .row .name > div:last-child {
                    font-size: 12px;
                }




@media only screen and (max-width:768px) {
    .device-list .row {
        flex-wrap: wrap-reverse;
    }

        .device-list .row .name {
            flex: 0 0 100%;
        }

        .device-list .row .amount {
            flex: 1 1 auto;
            font-weight: 600;
            font-size: 18px;
            text-align: left;
        }

        .device-list .row .status {
        }
}

.contact {
    padding-top: 100px;
    padding-bottom: 18px;
}

    .contact .container {
        max-width: 440px;
    }

    .contact h1 {
        text-align: center;
    }

    .contact .intro {
        text-align: center;
    }

    .contact .actions .btn {
        width: 100%;
        margin-left: 0;
    }


.checkout-modal-container {
    z-index: 3;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

    .checkout-modal-container .body {
        text-align: center;
    }

    .checkout-modal-container .loader {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    }

.checkout-withcard .basket {
    text-align: center;
}

.checkout-withcard .payment-method-logo-region {
    padding-top: 18px;
    text-align: center
}


.checkout-withcard .extended-card {
    display: none;
}

@media only screen and (max-width: 769px) {
    .checkout-withcard .actions .btn {
        width: 100%;
        margin-left: 0;
        margin-top: 18px;
    }
}

/* Oneclick checkout */

.checkout.checkout-oneclick .intro {
    text-align: center;
    margin: 68px 0;
}


.checkout.checkout-oneclick .actions {
    justify-content: center;
    align-content: center;
}

    .checkout.checkout-oneclick .actions .btn {
        margin-left: 0;
    }

    .checkout.checkout-oneclick .actions .btn-link {
        text-transform: none;
    }


/* Basket/confirmation page*/
.checkout.checkout-oneclick .basket {
    text-align: center;
}

.checkout.checkout-oneclick.checkout-step3 .form-group p {
    text-align: center;
}

.checkout.checkout-oneclick.checkout-step3 .actions {
    align-content: center;
    justify-content: center;
}

.checkout.checkout-oneclick .payment-method-logo-region {
    padding-top: 18px;
    text-align: center
}


@media only screen and (max-width: 769px) {
    .checkout-oneclick .actions .btn {
        width: 100%;
        margin-left: 0;
        margin-top: 18px;
    }
}


.checkout-withreach .reach--disclosure {
    border: solid 1px rgba(255,255,255,0.15);
    display: flex;
    flex-direction: row;
    background: rgba(255,255,255,0.05);
    margin-bottom: 16px;
}

    .checkout-withreach .reach--disclosure .reach--logo {
        flex: 0 0 70px;
        padding: 10px;
    }

        .checkout-withreach .reach--disclosure .reach--logo img {
            width: 50px;
            height: auto;
        }


    .checkout-withreach .reach--disclosure .reach--content {
        padding: 10px;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .checkout-withreach .reach--disclosure .reach--content p {
            margin: 0;
        }


.checkout-modal-container {
    z-index: 3;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

    .checkout-modal-container .body {
        text-align: center;
    }

    .checkout-modal-container .loader {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    }

.checkout-withreach .card-expiry-security-row {
    display: flex;
    flex-direction: row;
}

    .checkout-withreach .card-expiry-security-row .form-group {
        margin-left: 18px;
    }

        .checkout-withreach .card-expiry-security-row .form-group:first-child {
            margin-left: unset;
            flex: 1 1 auto;
        }


        .checkout-withreach .card-expiry-security-row .form-group:last-child {
            flex: 0 0 150px;
        }

        .checkout-withreach .card-expiry-security-row .form-group:nth-child(2) {
            flex: 0 0 200px;
        }

.checkout-withreach .expiry-date-selector {
    display: flex;
    flex-direction: row;
}

    .checkout-withreach .expiry-date-selector select {
        margin-left: 8px;
        flex: 3;
    }

        .checkout-withreach .expiry-date-selector select:first-child {
            margin-left: unset;
            flex: 2;
        }

@media only screen and (max-width:576px) {
    .checkout-withreach .card-expiry-security-row {
        display: block;
    }

        .checkout-withreach .card-expiry-security-row .form-group {
            margin-left: unset;
        }
}

.checkout-withreach .region-postalcode-row {
    display: flex;
    flex-direction: row;
}

    .checkout-withreach .region-postalcode-row .form-group {
        margin-left: 18px;
    }

        .checkout-withreach .region-postalcode-row .form-group:first-child {
            margin-left: unset;
        }

@media only screen and (max-width:576px) {
    .checkout-withreach .region-postalcode-row {
        display: block;
    }

        .checkout-withreach .region-postalcode-row .form-group {
            margin-left: unset;
        }
}

.checkout-withreach .payment-method-intro-region {
    text-align: center
}

.checkout-withreach .payment-method-logo-region {
    padding-top: 18px;
    text-align: center
}

.checkout-withreach .basket {
    text-align: center;
}

@media only screen and (max-width: 769px) {
    .checkout-withreach .actions .btn {
        width: 100%;
        margin-left: 0;
        margin-top: 18px;
    }
}


.checkout-webpayplus-callback .loader {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
}

.form-group.marketing-checkbox {
    display: flex;
}

    .form-group.marketing-checkbox > div {
        flex-grow: 1;
    }

        .form-group.marketing-checkbox > div:first-child {
            padding-right: 8px;
            flex-grow: 0;
        }

.form-group.small-print a, .form-group.small-print a:visited, .form-group.small-print a:active {
    color: #fff !important;
    text-decoration: underline;
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Smart tv Start */
.device-tv .container {
    margin-right: auto;
    margin-left: auto;
}

    .device-tv .container .body {
        background-color: rgb(6,17,56);
        padding: 24px;
    }

@media (min-width: 768px) {
    .device-tv .container {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 110px;
        width: 750px;
    }

        .device-tv .container .body {
            width: 450px;
        }
}

@media (min-width: 992px) {
    .device-tv .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .device-tv .container {
        width: 1170px;
    }
}
/* Smart tv end */




/* Gift card */
.giftcard-success .container {
    max-width: 700px;
    text-align: center;
}




    .giftcard-success .container .intro {
        text-align: center;
        margin: 68px 0;
    }

    .giftcard-success .container .actions {
        justify-content: center;
        align-content: center;
    }


.giftcard-redeem h1 {
    text-align: center;
}

.giftcard-redeem .container {
    max-width: 700px;
}


    .giftcard-redeem .container p {
        text-align: center;
    }

.giftcard-redeem .actions .btn {
    width: 100%;
    margin-left: 0;
}


.giftcard-buy h1 {
    text-align: center;
}

.giftcard-buy .container {
    max-width: 700px;
}

.giftcard-buy .extended-card {
    display: none;
}

.giftcard-buy .actions .btn {
    width: 100%;
    margin-left: 0;
}

.giftcard-buy-modal-container {
    z-index: 3;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

    .giftcard-buy-modal-container .body {
        text-align: center;
    }

    .giftcard-buy-modal-container .loader {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    }


.giftcard-buy .payment-method-logo-region {
    padding-top: 18px;
    text-align: center
}


.giftcard-buy .recipient-name-group {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .giftcard-buy .recipient-name-group > div {
        width: 50%;
        flex: 1;
        padding: 0;
        padding-left: 8px;
    }

        .giftcard-buy .recipient-name-group > div:first-child {
            width: 50%;
            flex: 1;
            padding: 0;
            padding-right: 8px;
        }


.giftcard-buy .date-to-send-group {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .giftcard-buy .date-to-send-group > div {
        flex: 3;
        padding: 0;
        padding-left: 8px;
        padding-right: 8px;
    }


        .giftcard-buy .date-to-send-group > div:last-child {
            flex: 2;
            padding: 0;
            padding-left: 8px;
        }

        .giftcard-buy .date-to-send-group > div:first-child {
            flex: 2;
            padding: 0;
            padding-right: 8px;
        }


.giftcard-buy .product-list-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .giftcard-buy .product-list-dropdown .button {
        background-color: rgba(255,255,255,0.1);
        border: solid 1px rgba(255,255,255,0.1);
        font-size: 16px;
        border-radius: 0;
        color: #fff;
        flex: 1 1 auto;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }



        .giftcard-buy .product-list-dropdown .button .item {
            padding: 18px;
            cursor: pointer;
        }

            .giftcard-buy .product-list-dropdown .button .item p {
                display: none;
            }


    .giftcard-buy .product-list-dropdown .dropdown-content {
        border: 1px #fff;
        display: none;
        position: absolute;
        background-color: #000;
        width: 100%;
        font-size: 16px;
    }


        .giftcard-buy .product-list-dropdown .dropdown-content .item {
            padding: 18px;
            cursor: pointer;
        }

            .giftcard-buy .product-list-dropdown .dropdown-content .item:hover {
                background-color: rgba(255,255,255,0.2);
            }

    .giftcard-buy .product-list-dropdown .item h3 span {
        font-weight: normal;
    }

    .giftcard-buy .product-list-dropdown.show .dropdown-content {
        display: block;
    }

    .giftcard-buy .product-list-dropdown.show .button {
        display: block;
        border: solid 1px rgba(255,255,255,1);
    }

    .giftcard-buy .product-list-dropdown h3 {
        margin: 0;
    }


    .giftcard-buy .product-list-dropdown .item p:last-child {
        margin-bottom: 0;
    }


.giftcard-buy .single-item {
    text-align: center;
    margin-bottom: 64px;
}

.logo-container {
    width: 100%;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 32px;
}


.account.account-verification .intro {
    text-align:center;
}