/* Minification failed. Returning unminified contents.
(1104,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
 */
@charset "UTF-8";
/* CSS Document */

/* lino type font face styles */

@font-face {
    font-family: "LinotypeUniversW02-Thin_726097";
    src: url("../fonts/726097/eeb9e0c3-a2c7-4efd-8178-ae741e6ef8c6.eot?#iefix");
    src: url("../fonts/726097/eeb9e0c3-a2c7-4efd-8178-ae741e6ef8c6.eot?#iefix") format("eot"),url("../fonts/726097/03334b95-b1c9-404d-9fc3-11d9dbe424c4.woff2") format("woff2"),url("../fonts/726097/4bf0434d-b039-4d43-a244-82064817bc6f.woff") format("woff"),url("../fonts/726097/56030916-76ef-45b9-bc4a-4428a7da4ead.ttf") format("truetype"),url("../fonts/726097/cb0f5b92-49ed-44f8-a654-54a4f968ac53.svg#cb0f5b92-49ed-44f8-a654-54a4f968ac53") format("svg");
}

@font-face {
    font-family: "LinotypeUniversW02-Thin_726100";
    src: url("../fonts/726100/b6769e22-7009-4809-945b-524119030973.eot?#iefix");
    src: url("../fonts/726100/b6769e22-7009-4809-945b-524119030973.eot?#iefix") format("eot"),url("../fonts/726100/520186ae-1014-431e-a941-0b75026c2bde.woff2") format("woff2"),url("../fonts/726100/559f2d90-a9c0-4feb-afba-fdb34ca27bf4.woff") format("woff"),url("../fonts/726100/2e633b10-aa7c-486c-b4a0-badbb7d7a7d3.ttf") format("truetype"),url("../fonts/726100/ee97c9a2-a889-41cc-8185-f273d937d67a.svg#ee97c9a2-a889-41cc-8185-f273d937d67a") format("svg");
}

@font-face {
    font-family: "LinotypeUniversW02-Medi_726166";
    src: url("../fonts/726166/7183d5a8-44ab-4de4-bb63-2aabb2cd9984.eot?#iefix");
    src: url("../fonts/726166/7183d5a8-44ab-4de4-bb63-2aabb2cd9984.eot?#iefix") format("eot"),url("../fonts/726166/6d30a2e4-3f71-4d44-976a-69e81aa12b92.woff2") format("woff2"),url("../fonts/726166/6e308d7a-13f1-4edf-ad47-d1fff389315a.woff") format("woff"),url("../fonts/726166/c36e33c5-466c-4d0c-b387-3082121b9333.ttf") format("truetype"),url("../fonts/726166/10395798-2e85-499a-921d-f0028c6afe84.svg#10395798-2e85-499a-921d-f0028c6afe84") format("svg");
}

/*
	This CSS resource incorporates links to font software which is the valuable copyrighted
	property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
	redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
	Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
	*/


/* end font face styles */

* {
    padding: 0px;
    margin: 0px;
    /*font-family: "LinotypeUniversW02-Thin_726097",'Helvetica Neue', Helvetica, Century Gothic, Gotham !important;*/
    font-family: Helvetica,Arial,sans-serif !important;
    font-weight: 100;
}

h1 {
    font-size: 40px;
}

ul li {
    list-style-type: none;
}

a {
    color: #48B2E2;
    text-decoration: none;
    font-size: 21px;
}

    a:focus, a:hover {
        text-decoration: none;
    }

p {
    color: #231f20;
    font-size: 22px;
    color: #807F7F;
    margin: 0px;
    padding: 0px;
}

    p.product-description {
        overflow: hidden;
        font-size: 24px;
        line-height: 30px;
    }

        p.product-description strong {
            font-family: "LinotypeUniversW02-Medi_726166", bold !important;
            display: block;
            color: black;
        }

ul.prod-desc-points {
    width: 200px;
    margin: 40px auto;
}

    ul.prod-desc-points li {
        list-style-type: disc;
        font-size: 21px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 10px;
    }

@media (max-width:480px) {
    ul.prod-desc-points {
        width: 75vw;
        margin: 0px auto;
    }
}

p.product-description-2 {
    height: auto;
    margin-bottom: 10px;
}


.col-1 {
    width: 100%;
    padding: 0px 20px;
    margin: 0px auto;
    max-width: 640px;
}

.top-header.col-1 {
    max-width: none;
}

.col-2 {
    width: 50%;
    float: left;
    padding: 0px 20px;
}

.col-3 {
    width: 33.33%;
    float: left;
    padding: 0px 20px;
}

.col-4 {
    width: 25%;
    float: left;
    padding: 0px 20px;
}



.btn.btn-commerce {
    height: 57px;
    background-color: #2b85c7;
    text-align: center;
    text-transform: capitalize;
    color: white;
    font-size: 18px;
    padding: 0px 25px;
    line-height: 57px;
    cursor: pointer;
    border-radius: 0px;
}

    .btn.btn-commerce:hover {
        background-color: white;
        border-color: #2b85c7;
        color: #2b85c7;
    }

.product-link:hover .btn.btn-commerce {
    background-color: white;
    border-color: #2b85c7;
    color: #2b85c7;
}

.product-link:hover .product-image {
    border: 1px solid #ccc;
}

.container {
    max-width: 1400px;
    width: 100vw;
}

    .container.shop-nav {
        position: relative;
        background-image: url('../content/images/qwantum-logo-bckg.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

#ProgressSpinner {
    color: #2b85c7;
    text-align: right;
    display: none;
}

.page-container {
    max-width: 1400px;
    width: 100%;
    padding: 80px 20px 0px;
    margin: 0px auto 100px;
    position: relative;
}

/* BEGIN responsive views for universal elements */
/*BEGIN desktop to tablet*/
@media (max-width:1280px) {
    a {
        font-size: 1.64vw;
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 1.5625vw;
        margin-bottom: .78vw;
    }

    h1 {
        font-size: 4.6875vw;
    }

    p {
        font-size: 1.71875vw;
    }

        p.product-description {
            height: 14vw;
            font-size: 1.41vw;
            line-height: 2.343vw;
        }

    .page-container {
        padding: 11.25vw 2.5vw 0px;
        margin: 0px auto .78vw;
    }

    .main-body .top-header p {
        font-size: 2.1875vw;
    }

    .main-body .main-content {
        margin: 5.85vw auto;
    }

    .col-1, .col-2, .col-3, .col-4 {
        padding: 0px 1.5625vw;
    }
}
/*END desktop to tablet*/

/*BEGIN smartphone portrait and landscaipe*/
@media (max-width:736px) {
    a {
        font-size: 2.64vw;
    }

    h1 {
        font-size: 6vw;
    }

    p {
        font-size: 2vw;
        line-height: 3vw;
    }
}

/*smartphone portrait*/

@media (max-width:480px) {
    .page-container {
        padding: 22vw 2vw 0px;
        margin: 0px auto .78vw;
    }

    a {
        font-size: 5vw;
    }

    h1 {
        font-size: 12vw;
    }

    p {
        font-size: 5vw;
    }

        p.product-description {
            height: auto;
            font-size: 3.75vw;
            line-height: 6.25vw;
        }

    .col-1, .col-2, .col-3, .col-4 {
        width: 100%;
    }
}
/* END responsive views for universal elements */


/* top nav styles */

.top-nav {
    height: 57px;
    width: 100%;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.43);
    background-color: black;
}

    .top-nav a, .top-nav a:hover {
        color: black;
    }

    .top-nav .home-magtek {
        width: 70px;
        height: 57px;
        border-right: 1px solid #95989A;
        border-left: 1px solid #95989A;
    }

        .top-nav .home-magtek .home-link {
            background-image: url('../content/images/home-icon-white.png');
            background-repeat: no-repeat;
            background-size: contain;
            width: 42px;
            height: 42px;
            margin: 10px auto;
        }

    .top-nav ul.shop-nav li {
        float: left;
    }

        .top-nav ul.shop-nav li.shop-home {
            padding: 10px 0px;
            position: absolute;
            left: 37%;
        }

            .top-nav ul.shop-nav li.shop-home .logo-and-header {
                height: 35px;
            }

            .top-nav ul.shop-nav li.shop-home img.magtek-logo {
                float: left;
                margin-right: 10px;
            }



            .top-nav ul.shop-nav li.shop-home header.shop-title {
                float: left;
                font-size: 28px;
                color: white;
                font-family: "Century Gothic", sans-serif !important;
                font-weight: 100;
            }



        .top-nav ul.shop-nav li.login-box {
            font-size: 18px;
            padding: 18px 0px 0px;
            height: 57px;
            float: right;
        }

            .top-nav ul.shop-nav li.login-box a {
                margin: 0px 10px;
            }


        .top-nav ul.shop-nav li.cart-box {
            float: right;
            height: 57px;
            position: relative;
            cursor: pointer;
            z-index: 2;
            visibility: hidden;
        }


            .top-nav ul.shop-nav li.cart-box .cart-btn {
                width: 45px;
                height: 57px;
                background-image: url('../content/images/icon-cart.png');
                background-size: 38px 25px;
                background-repeat: no-repeat;
                background-position: 1px 16px;
            }



                .top-nav ul.shop-nav li.cart-box .cart-btn .item-count {
                    color: #2b85c7;
                    font-family: "LinotypeUniversW02-Medi_726166" !important;
                    font-size: 14px;
                    line-height: 45px;
                    text-align: center;
                }




            /*.top-nav ul.shop-nav li.cart-box:focus {
    /* clicking on label should toggle the menu 
    pointer-events: none;
    outline:0;
    background-color:white;
    box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,.2)
}

.top-nav ul.shop-nav li.cart-box:focus .cart-list {
    /*  opacity is 1 in opened state (see below) /
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements /
    pointer-events: auto;
    
    max-height:410px;
    overflow:hidden;
    
}*/

            .top-nav ul.shop-nav li.cart-box .cart-list {
                position: absolute;
                border-bottom: 1px solid whitesmoke;
                border-left: 1px solid whitesmoke;
                border-right: 1px solid whitesmoke;
                background-color: white;
                width: 300px;
                left: -255px;
                box-shadow: 0px 4px 6px rgba(0,0,0,0.43);
                padding: 20px;
                z-index: 1;
                display: none;
                /* use opacity to fake immediate toggle */
                /*opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;*/
            }

                .top-nav ul.shop-nav li.cart-box .cart-list.open-cart {
                    display: block;
                }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items {
                    border-bottom: 1px solid whitesmoke;
                    margin-bottom: 20px;
                    min-height: 101%;
                    max-height: 300px;
                    overflow-y: scroll;
                }

                    .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item {
                        float: none;
                        margin-bottom: 20px;
                        height: 50px;
                        overflow: hidden;
                    }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item img.item-preview {
                            width: 50px;
                            float: left;
                            vertical-align: middle;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-name {
                            float: left;
                            width: 150px;
                            margin: 0px 10px;
                            font-size: 16px;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-quantity {
                            text-align: right;
                            line-height: 50px;
                        }

                .top-nav ul.shop-nav li.cart-box .cart-list .btn.btn-commerce {
                    /*width: 49%;*/
                    width: 100%;
                    padding: 0px;
                }

/* BEGIN responsive views for top nav*/
/*desktop to tablet*/
@media (min-width:737px) and (max-width:1280px) {

    .btn.btn-commerce {
        /*    height: 4.45vw;
        font-size: 1.4vw;
        padding: 0px 1.95vw;
        line-height: 4.47vw;
    */
    }

    .top-nav {
        height: 4.45vw;
    }

        .top-nav ul.shop-nav li.shop-home {
            padding: .78vw 0px;
        }


            .top-nav ul.shop-nav li.shop-home img.magtek-logo {
                height: 2.73vw;
                margin-right: .78vw;
            }

            .top-nav ul.shop-nav li.shop-home header.shop-title {
                font-size: 2.1875vw;
            }

        .top-nav .home-magtek {
            width: 5.4vw;
            height: 4.45vw;
        }

            .top-nav .home-magtek .home-link {
                width: 3.281vw;
                height: 3.281vw;
                margin: 0.78vw auto;
            }

        .top-nav ul.shop-nav li.login-box {
            font-size: 1.4vw;
            padding: 1.4vw 0px 0px;
            height: 4.45vw;
        }

            .top-nav ul.shop-nav li.login-box a {
                margin: 0px .78vw;
                font-size: 1.64vw;
            }

        .top-nav ul.shop-nav li.cart-box {
            height: 4.45vw;
        }

            .top-nav ul.shop-nav li.cart-box .cart-btn {
                width: 3.5vw;
                height: 4.45vw;
                background-size: 2.9vw 1.9vw;
                background-position: .07vw 1.25vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-btn .item-count {
                    font-size: 1.09vw;
                    line-height: 3.5vw;
                }

            .top-nav ul.shop-nav li.cart-box .cart-list {
                width: 23.437vw;
                left: -19.53vw;
                padding: 1.56vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items {
                    margin-bottom: 1.56vw;
                }

                    .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item {
                        margin-bottom: 1.56vw;
                        height: 3.9vw;
                    }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item img.item-preview {
                            width: 3.9vw;
                            height: 3.9vw;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-name {
                            width: 11.71vw;
                            margin: 0px .78vw;
                            font-size: 1.25vw;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-quantity {
                            line-height: 3.9vw;
                            font-size: 1.64vw;
                        }

                .top-nav ul.shop-nav li.cart-box .cart-list .btn.btn-commerce {
                    padding: 0px;
                    width: 48%;
                }
}
/* END desktop to tablet */

/*BEGIN smartphone portrait and landscape views*/
@media (max-width:736px) {
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .top-nav {
        height: 7.745vw;
    }

        .top-nav .home-magtek {
            border-left: 0px;
            width: 9.510869565217392vw;
            height: 7.744565217391304vw;
        }

            .top-nav .home-magtek .home-link {
                width: 5.706521739130435vw;
                height: 5.706521739130435vw;
                margin: 1.358695652173913vw auto;
            }

        .top-nav ul.shop-nav li.shop-home {
            padding: 1.358695652173913vw 0px;
            left: 25%;
        }

            .top-nav ul.shop-nav li.shop-home .logo-and-header {
                height: 4.755434782608696vw;
                width: 70vw;
                margin-left: 7vw;
            }

            .top-nav ul.shop-nav li.shop-home img.magtek-logo {
                height: 4.755434782608696vw;
                margin-right: 1.358695652173913vw;
            }

            .top-nav ul.shop-nav li.shop-home header.shop-title {
                font-size: 3.804347826086957vw;
            }

        .top-nav ul.shop-nav li.cart-box {
            height: 7.744565217391304vw;
        }

            .top-nav ul.shop-nav li.cart-box .cart-btn {
                width: 6.114130434782608vw;
                height: 7.744565217391304vw;
                background-size: 5.163043478260869vw 3.3967391304347823vw;
                background-position: 0.1358695652173913vw 2.1739130434782608vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-btn .item-count {
                    font-size: 1.9021739130434785vw;
                    line-height: 6.114130434782608vw;
                }

            .top-nav ul.shop-nav li.cart-box .cart-list {
                width: 40.761vw;
                left: -34.647vw;
                padding: 2.717vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items {
                    margin-bottom: 2.717vw;
                }

                    .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item {
                        margin-bottom: 2.717vw;
                        height: 6.793vw;
                    }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item img.item-preview {
                            width: 6.793vw;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-name {
                            width: 20.38vw;
                            margin: 0px 1.359vw;
                            font-size: 2.174vw;
                        }

                        .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-quantity {
                            line-height: 6.793vw;
                        }

                .top-nav ul.shop-nav li.cart-box .cart-list .btn.btn-commerce {
                    width: 48%;
                    height: 7.745vw;
                    padding: 0px 1.397vw;
                    line-height: 7.745vw;
                    font-size: 2.446vw;
                }

        .top-nav ul.shop-nav li.login-box {
            font-size: 2.446vw;
            padding: 2.446vw 3vw 0px;
            height: 7.745vw;
        }

            .top-nav ul.shop-nav li.login-box a {
                margin: 0px .2vw;
            }
}
/*END smartphone portrait and landscape views*/

/*BEGIN smartphone portrait only views */
@media (max-width:480px) {
    .top-nav {
        height: 15vw;
    }

        .top-nav .home-magtek {
            border-left: 0px;
            width: 15vw;
            height: 15vw;
        }

            .top-nav .home-magtek .home-link {
                width: 10vw;
                height: 10vw;
                margin: 2.358695652173913vw auto;
            }

        .top-nav ul.shop-nav li.shop-home {
            padding: 2.358695652173913vw 0px;
            left: 17%;
        }

            .top-nav ul.shop-nav li.shop-home img.magtek-logo {
                float: none;
                display: block;
                height: 5.833vw;
                margin-right: 0px;
            }

            .top-nav ul.shop-nav li.shop-home header.shop-title {
                font-size: 4vw;
                margin-left: 1vw;
            }

        .top-nav ul.shop-nav li.login-box a {
            display: block;
            text-align: right;
            font-size: 3.5vw;
        }

        .top-nav ul.shop-nav li.cart-box {
            height: 15vw;
            width: 15vw;
        }

            .top-nav ul.shop-nav li.cart-box .cart-btn {
                width: 15vw;
                height: 15vw;
                background-size: 9.179vw 6.039vw;
                background-position: 2.3vw 5.333vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-btn .item-count {
                    font-size: 3.5vw;
                    line-height: 12.114130434782608vw;
                }

            .top-nav ul.shop-nav li.cart-box .cart-list {
                width: 85vw;
                left: -70vw;
                padding: 2.717vw;
            }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item img.item-preview {
                    width: 15vw;
                }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-name {
                    width: 50vw;
                    margin: 0px 1.359vw;
                    font-size: 4vw;
                }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item .item-quantity {
                    font-size: 4vw;
                }

                .top-nav ul.shop-nav li.cart-box .cart-list ul.cart-items li.cart-item {
                    margin-bottom: 1.717vw;
                    height: 13vw;
                }

                .top-nav ul.shop-nav li.cart-box .cart-list .btn.btn-commerce {
                    height: 11.875vw;
                    padding: 0px;
                    line-height: 11.875vw;
                    font-size: 4vw;
                }
}

/* END responsive views for top nav*/




.main-body .top-header {
    text-align: center;
}

    .main-body .top-header p {
        font-size: 28px;
        margin: 0px;
    }

        .main-body .top-header p.magensa-key-msg {
            font-size: 18px;
        }

.main-body .main-content {
    margin: 75px auto;
    max-width: 1280px;
    width: 100%;
}

.main-body.product-page {
    position: relative;
}

.product-box {
    text-align: center;
    /*padding-bottom:80px;*/
}



    .product-box .product-image {
        width: 75%;
        margin: 0px auto;
        background-color: whitesmoke;
        border: 1px solid white;
    }

    .product-box .product-details {
        border-right: 1px solid #95989A;
        padding: 30px 20px 50px;
        margin-top: 20px;
    }

.product-row {
    border-bottom: 1px solid #95989A;
    margin-bottom: 50px;
}

    .product-row:last-of-type {
        border-bottom: 0px;
    }

    .product-row .product-box:last-of-type .product-details {
        border-right: 0px;
    }


.product-box.col-3 {
    padding: 0px;
}


.product-box .product-details h2.product-name {
    font-size: 36px;
    color: black;
}

.product-box .product-details h3.product-subhead {
    font-size: 21px;
    line-height: 28px;
}



.product-box .add-to-cart-form {
    margin: 50px auto 0px;
    width: 75%;
    max-width: 289px;
}


    .product-box .add-to-cart-form input.product-q {
        height: 55px;
        float: left;
        padding: 5px;
        width: 80px;
        text-align: right;
        font-size: 21px;
    }

        .product-box .add-to-cart-form input.product-q.smallDigits {
            font-size: 14px;
        }

    .product-box .add-to-cart-form .product-p {
        float: right;
        color: #2b85c7;
        font-size: 40px;
    }

    .product-box .add-to-cart-form .btn.btn-add-to-cart {
        margin-top: 30px;
    }

.cart-confirmation {
    width: 100vw;
    height: 80px;
    background-color: rgba(242,242,242);
    overflow: hidden;
    padding-top: 10px;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.50);
    animation: slideUp forwards;
    animation-duration: .5s;
    animation-delay: 3s;
}

@keyframes slideUp {
    from {
        top: 0;
    }

    to {
        top: -90px;
    }
}


.cart-confirmation .confirmation-message {
    width: 90%;
    max-width: 540px;
    margin: 0px auto;
}

.cart-confirmation p {
    color: #1191D8;
    font-weight: bold;
    font-size: 21px;
    line-height: 60px;
    text-align: center;
}

.cart-confirmation .cart-icon {
    width: 50px;
    height: 48px;
    float: left;
    background-image: url('../content/images/icon-adding-to-cart.svg');
    background-repeat: no-repeat;
    background-size: 50px 48px;
}

@media (max-width: 500px) {
    .cart-confirmation .cart-icon {
        width: 10vw;
        height: 10vw;
        margin-right: 10px;
        background-size: contain;
    }
}

.cart-confirmation .btn.btn-commerce {
    border: 1px solid white;
    margin: 0px 40px;
    float: left;
    cursor: pointer;
}

/* BEGIN product page template responsive styles */
/*desktop to table*/
@media (max-width:1280px) {


    .product-box .product-details {
        padding: 2.34vw 1.5625vw 3.9vw;
        margin-top: 1.5625vw;
    }

        .product-box .product-details h2.product-name {
            font-size: 2.891vw;
        }

        .product-box .product-details h3.product-subhead {
            font-size: 1.64vw;
            line-height: 2.1vw;
        }

    .cart-confirmation {
        height: 6.25vw;
        padding-top: .78vw;
    }

        .cart-confirmation .confirmation-message {
            width: 56.25vw;
        }

        .cart-confirmation p {
            line-height: 4.68vw;
            font-size: 2.1875vw;
        }

        .cart-confirmation .btn.btn-commerce {
            margin: 0px 3.125vw;
        }

    .product-box .add-to-cart-form {
        margin: 3.9vw auto 0px;
    }

        .product-box .add-to-cart-form input.product-q {
            height: 4.2vw;
            padding: .39vw;
            width: 6.25vw;
            font-size: 1.64vw;
        }

        .product-box .add-to-cart-form .product-p {
            font-size: 3.125vw;
        }

        .product-box .add-to-cart-form .btn.btn-add-to-cart {
            margin-top: 2.34vw;
        }
}

/*smartphone portrait and landscape*/
@media (max-width:736px) {
    .main-body .main-content {
        margin: 2.19vw auto;
    }

    .cart-confirmation {
        height: 9.25vw;
    }

        .cart-confirmation .confirmation-message {
            width: 78.25vw;
        }

        .cart-confirmation p {
            line-height: 8.68vw;
            font-size: 2.466vw;
        }

    .btn.btn-commerce {
        /*
        height: 7.745vw;
        font-size: 2.446vw;
        padding: 0px 3.397vw;
        line-height: 7.745vw;
        */
    }

    .main-body .top-header p {
        font-size: 3.804vw;
        line-height: 6vw;
    }

        .main-body .top-header p.magensa-key-msg {
            font-size: 2.45vw;
            line-height: 4vw;
        }
}

/*smartphone portrait*/

@media (max-width:480px) {
    .main-body .main-content {
        margin: 2.19vw auto;
    }

    .container.shop-nav {
        background-size: 120vw;
        background-position: 14vw;
    }

    .cart-confirmation {
        height: 9.25vw;
    }

        .cart-confirmation .confirmation-message {
            width: 78.25vw;
        }

        .cart-confirmation p {
            line-height: 8.68vw;
            font-size: 2.466vw;
        }

    .btn.btn-commerce {
        /*height: 11.875vw;
        padding: 0px 4vw;
        line-height: 11.875vw;
        font-size: 4vw;
        margin-top: 7vw;*/
    }


    .main-body .top-header p {
        font-size: 5vw;
        width: 80%;
        margin: 2vw auto;
        line-height: 7vw;
    }

        .main-body .top-header p.magensa-key-msg {
            font-size: 3.75vw;
            line-height: 6vw;
        }

    p {
        line-height: 10vw;
    }

    .cart-confirmation {
        height: 20vw;
        padding-top: 4vw;
    }

        .cart-confirmation .confirmation-message {
            width: 90%%;
        }

        .cart-confirmation .btn.btn-commerce {
            height: 11.875vw;
            padding: 0px 3vw;
            line-height: 11.875vw;
            font-size: 3.5vw;
        }

        .cart-confirmation p {
            line-height: 5.875vw;
            font-size: 4vw;
        }

    .product-box {
        border-bottom: 1px solid #ccc;
    }

    .product-row:last-of-type .product-box:last-of-type {
        border-bottom: none;
    }

    .product-box.col-3 {
        width: 80%;
        margin: 0px auto;
        float: none;
        padding: 15vw 0px;
    }

    .product-row {
        border-bottom: 0px;
    }

    .product-box .product-details {
        border-right: 0px;
        padding-bottom: 10vw;
    }

        .product-box .product-details h2.product-name {
            font-size: 11.5vw;
            margin-bottom: 2vw;
        }

        .product-box .product-details h3.product-subhead {
            font-size: 4.3vw;
            line-height: 5.8vw;
        }

    .product-box .add-to-cart-form input.product-q {
        height: 11.458vw;
        padding: 1.042vw;
        width: 16.667vw;
        font-size: 4.375vw;
    }

    .product-box .add-to-cart-form .product-p {
        font-size: 8vw;
    }

    .product-box .add-to-cart-form .btn.btn-add-to-cart {
        height: 11.875vw;
        padding: 0px 4vw;
        ;
        line-height: 11.875vw;
        font-size: 4vw;
        margin-top: 7vw;
    }
}

/* END product page template responsive styles */


.cart-table {
    font-size: 21px;
}


.table.cart-table.confirm {
    width: 95%;
    margin: 0px auto;
}

.cart-table tr .col-delete-prod {
    width: 5%;
    text-align: center;
    vertical-align: middle;
}

.cart-table tr .col-prod-img {
    width: 15%;
    padding: 30px;
    vertical-align: middle;
}

.cart-table tr .col-prod-desc {
    width: 40%;
    padding: 30px;
    vertical-align: middle;
}

.cart-table tr .col-prod-price {
    width: 13.333%;
    text-align: right;
    vertical-align: middle;
}

.cart-table tr .col-delete-prod .delete-prod {
    width: 20px;
    height: 24px;
    background-image: url('../content/images/icon-delete.svg');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .cart-table tr .col-delete-prod .delete-prod:hover {
        background-image: url('../content/images/icon-delete-hover.svg');
    }

.cart-table tr .col-prod-price .prod-price:before,
.cart-table tr .col-prod-amount .prod-amount:before,
.cart-table tr .col-prod-amount .subtotal:before,
.cart-table tr .col-prod-amount .shipping-amount:before,
.cart-table tr .col-prod-amount .total-amount:before {
    content: "$";
}

.cart-table tr .col-prod-qty {
    width: 13.333%;
    text-align: right;
    vertical-align: middle;
}

    .cart-table tr .col-prod-qty input.product-q {
        height: 55px;
        font-size: 28px;
        width: 80px;
        padding: 5px;
        text-align: right;
    }

        .cart-table tr .col-prod-qty input.product-q.smallDigits {
            font-size: 14px;
        }

.cart-table tr .col-prod-amount {
    width: 13.333%;
    text-align: right;
    vertical-align: middle;
}


.cart-table tr .col-prod-img img {
    width: 100%;
    background-color: whitesmoke;
}

@media (max-width:768px) {
    .cart-table tr .col-prod-img img {
        width: 10vw;
    }
}

.cart-table thead, .cart-table thead tr {
    border-bottom: 0px transparent;
}

    .cart-table thead tr th {
        text-align: center;
        border-bottom: 0px;
    }

.cart-table tbody tr td {
    border-top: 0px;
    border-bottom: 1px solid whitesmoke;
    padding: 20px 0px;
}

/* BEGIN responsive views for cart tables */
/*desktop to tablet*/
@media (max-width:1280px) {
    .review-cart {
        width: 95%;
        margin: 0px auto;
    }

    .cart-table {
        font-size: 1.64vw;
    }

        .cart-table tr .col-prod-qty input.product-q {
            height: 4.29vw;
            font-size: 2.1875vw;
            width: 6.25vw;
            padding: .39vw;
        }

        .cart-table tr .col-prod-desc {
            padding: 2.34vw;
        }
}
/*smartphone portrait and landscape*/
@media (max-width:736px) {
    .review-cart {
        border: 0px;
    }

    .cart-table {
        font-size: 2.3vw;
    }
}
/*smartphone portrait*/
@media (max-width:480px) {
    .cart-table {
        font-size: 3.5vw;
    }

        .cart-table tr .col-prod-qty input.product-q {
            height: 11.458vw;
            font-size: 3.5vw;
            width: 85%;
            padding: 1vw;
            border: 1px solid black
        }

        .cart-table tbody tr td {
            padding: 15vw 0px;
        }

        .cart-table tbody tr.subtotal-row td {
            padding: 10vw 0px;
        }
}

/* END responsive views for cart tables */


.cart-table tbody tr.subtotal-row td {
    border-bottom: 0px;
}

.cart-table tbody tr.shipping-row td, .cart-table tbody tr.tax-row td, .cart-table tbody tr.total-row td {
    padding: 5px 0px;
    border-bottom: 0px;
}

    .cart-table tbody tr.total-row td.col-prod-qty, .cart-table tbody tr.total-row td.col-prod-amount .total-amount {
        font-family: "LinotypeUniversW02-Medi_726166";
    }

.action-btns {
    text-align: right;
    margin-top: 30px;
}

    .action-btns a:first-of-type {
        margin-right: 20px;
    }

ul.checkout-breadcrumbs {
    width: 100%;
    margin: 0px auto 80px;
}

    ul.checkout-breadcrumbs li.step {
        float: left;
        width: 20%;
        text-align: center;
        font-size: 19px;
        color: #A0A0A0;
    }

        ul.checkout-breadcrumbs li.step.active {
            font-family: "LinotypeUniversW02-Medi_726166";
            background-image: url('../content/images/icon-cart.png');
            background-size: 29px 20px;
            background-repeat: no-repeat;
        }

        ul.checkout-breadcrumbs li.step.signIn.active {
            background-position: 15% 0px;
        }

        ul.checkout-breadcrumbs li.step.shipping.active {
            background-position: 30px 3px;
        }

        ul.checkout-breadcrumbs li.step.shipping-method.active {
            background-position: 0px 0px;
        }

        ul.checkout-breadcrumbs li.step.billing.active {
            background-position: 0px 0px;
        }

        ul.checkout-breadcrumbs li.step.confirm.active {
            background-position: 10px 0px;
        }

        ul.checkout-breadcrumbs li.step.sent.active {
            background-position: 30px 0px;
        }



.login-options .account-login, .login-options .guest-checkout {
    width: 100%;
    max-width: 420px;
    margin: 0px auto;
}

.login-options .col-2:first-of-type {
    border-right: 1px solid #95989A;
}

.checkout h2 {
    font-size: 26px;
    color: black;
    text-align: center;
    margin: 0px 0px 40px;
}



.form-container input.checkout-field {
    height: 46px;
    font-size: 21px;
    text-align: left;
    padding-left: 10px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 45px;
}

.btn.btn-sign-in {
    float: right;
    margin-bottom: 33px;
}

a.password-recovery-link {
    float: right;
}

.account-sign-up {
    text-align: center;
    border-top: 1px solid #95989A;
    margin-top: 35px;
    padding-top: 30px;
}

    .account-sign-up p {
        font-size: 21px;
    }


.btn.btn-guest {
    width: 135px;
    margin: 0px auto;
    display: block;
}


.form-container.error {
    color: #2b85c7;
}

    .form-container.error input.checkout-field {
        margin-bottom: 0px;
        /*border-color:#2b85c7;*/
        border: 1px solid #A9A9A9;
    }

    .form-container.error select.state-menu {
        width: 95%;
    }

.form-container .error-msg {
    display: none;
}

.form-container.error .error-msg {
    font-size: 18px;
    margin: 10px 0px;
    padding-left: 10px;
    display: block;
}

.user-fields {
    float: left;
    width: 70%;
    border-right: 1px solid #95989A;
    padding-right: 30px;
    position: relative;
}

    .user-fields h2, .cart-widget h2 {
        text-align: left;
    }

    .user-fields .user-form .form-container {
        width: 50%;
        float: left;
    }

        .user-fields .user-form .form-container.full-width {
            width: 100%;
        }

        .user-fields .user-form .form-container.half-width {
            width: 24.3%;
        }

.disabled-cover {
    background-color: transparent;
    position: absolute;
    top: 0px;
    opacity: 0.8;
    height: 100%;
    width: 100%;
    display: none;
}

.user-fields .user-form .form-container input {
    /*max-width:350px;*/
    width: 95%;
}

.user-fields .user-form .form-container.full-width input {
    width: 97.5%;
}

.cart-widget {
    width: 30%;
    float: left;
    padding: 0px 30px;
}

    .cart-widget .cart-items-preview {
        width: 100%;
        font-size: 16px;
    }

        .cart-widget .cart-items-preview .prod-price {
            text-align: right;
        }

        .cart-widget .cart-items-preview tr.cart-item-row td {
            padding: 30px 0px;
        }





            .cart-widget .cart-items-preview tr.cart-item-row td .prod-prev {
                width: 100%;
            }

            /*.cart-widget .cart-items-preview tr.cart-item-row td .prod-qty:before {
                content: "Qty. ";
            }*/

            .cart-widget .cart-items-preview tr.cart-item-row td .prod-price:before {
                content: "$";
            }


        .cart-widget .cart-items-preview tr.subtotal-row {
            border-top: 1px solid #95989A;
        }

            .cart-widget .cart-items-preview tr.subtotal-row td {
                padding: 30px 0px;
            }

                .cart-widget .cart-items-preview tr.subtotal-row td:nth-child(2) {
                    text-align: right;
                    text-transform: uppercase;
                }

            .cart-widget .cart-items-preview tr.subtotal-row .subtotal-amount {
                text-align: right;
            }

                .cart-widget .cart-items-preview tr.subtotal-row .subtotal-amount:before {
                    content: "$";
                }

.form-container select {
    height: 46px;
    font-size: 21px;
    text-align: left;
    padding-left: 10px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 45px;
    border-radius: 0px;
    -webkit-appearance: none;
    background-color: white;
}

    .form-container select.card-type-menu {
        width: 91%;
    }

.form-container.error select {
    margin-bottom: 0px;
    border: 1px solid #A9A9A9;
}

.user-fields .user-form .form-container.shipping-container {
    padding-right: 20px;
    width: 100%;
}

.email-fields {
    /*padding:10px;
    border:1px solid whitesmoke;
    margin-bottom:40px;*/
}

p.special-label {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #2b85c7;
    float: none;
    clear: both;
}

.cvc-note {
    color: #48B2E2;
    cursor: pointer;
    font-size: 16px;
}

    .cvc-note:hover {
        color: #23527c;
    }



.btn.btn-commerce.btn-next {
    float: right;
    margin-right: 20px;
}

.user-fields .user-form .form-container.title {
    width: 20%;
    padding-right: 20px;
}

.user-fields .user-form .form-container.expiration-date {
    width: 55%;
    margin-right: 20px;
}


    .user-fields .user-form .form-container.expiration-date label {
        float: left;
        line-height: 46px;
        margin-right: 10px;
        font-size: 14px;
    }


    .user-fields .user-form .form-container.expiration-date select.month-menu {
        width: 46%;
        margin-right: 10px;
        float: left;
    }

    .user-fields .user-form .form-container.expiration-date select.year-menu {
        width: 22%;
    }

.form-container.expiration-date.error .error-msg {
    margin-left: 60px;
}


.user-fields .user-form .form-container.cardholder-name {
    width: 60%;
}

.user-fields .user-form .form-container.card-type {
    width: 30%;
}

.user-fields .user-form .form-container.card-number {
    width: 49.5%;
}

.user-fields .user-form .form-container.cvc {
    width: 25%;
}

    .user-fields .user-form .form-container.cvc input {
        display: inline;
        width: 37%;
        margin-right: 20px;
    }




.checkout-summary h2 {
    text-align: left;
}



.checkout-summary p {
    font-size: 21px;
}



.terms {
    padding: 50px 0px;
    text-align: right;
    width: 96%;
    margin: 0px auto;
}

    .terms input {
        margin-right: 10px;
    }

.action-btns.confirm {
    width: 96%;
    margin: 0px auto;
}

    .action-btns.confirm a:first-of-type {
        margin-right: 0px;
    }

.order-sent-confirmation {
    margin: 0px auto;
    width: 95%;
    text-align: center;
}

    .order-sent-confirmation p a {
        font-size: 22px;
    }

.point-to-guest {
    display: none;
}

/* footer styles */
footer {
    background-color: #807F7F;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 40px;
}

    footer p {
        color: white;
        text-align: center;
        font-size: 18px;
    }

    footer .home-footer {
        width: 100%;
        max-width: 943px;
        margin: 0px auto 50px;
        text-align: center;
    }

.home-footer a {
    float: left;
    line-height: 40px;
    color: white;
    margin: 10px 25px;
}

    .home-footer a:hover {
        color: #ccc;
    }

@media (max-width: 1280px) {
    footer {
        padding: 1.5vw 0px 3.125vw;
    }

        footer p {
            font-size: 1.4vw;
        }

        footer .home-footer {
            max-width: 75vw;
            margin: 0px auto 3.9vw;
        }

    .home-footer a {
        line-height: 3.125vw;
        margin: .78vw 1.9vw;
    }
}

@media (max-width: 736px) {
    footer .home-footer {
        max-width: 81vw;
    }

    .home-footer a {
        margin: .78vw 1.5vw;
        font-size: 2vw;
    }
}

@media (max-width: 480px) {
    .home-footer a {
        margin: 2vw;
        font-size: 5vw;
        float: none;
        display: block;
        line-height: 8vw;
    }

    footer p {
        font-size: 4vw;
    }
}


.modal-content {
    border-radius: 0px;
}

.modal-body p, .modal-body p a, .modal-body ul li a {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0px;
}

    .modal-body p strong {
        font-family: "LinotypeUniversW02-Medi_726166" !important;
    }

.modal-body h5 {
    margin: 10px 0px;
}

.modal-body ul li {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
/*Begin Validation*/
.input-validation-error {
    border: 2px solid #2b85c7 !important;
}

.field-validation-error {
    color: purple;
}
/*End Validation*/

p.form-instructions {
    font-size: 18px;
    line-height: auto;
    margin: 30px 0px;
}

/*BEGIN checkout pages responsive views */
@media (max-width:1280px) {
    .checkout h2 {
        font-size: 2.7vw;
        margin: 0px 0px 3.125vw;
    }

    .form-container input.checkout-field {
        height: 3.59vw;
        font-size: 1.64vw;
        padding-left: .78vw;
        margin-bottom: 3.5vw;
    }

    .form-container.error .error-msg {
        font-size: 1.4vw;
        margin: .78vw 0px;
        padding-left: .78vw;
    }

    .btn.btn-sign-in {
        margin-bottom: 2.578vw;
    }

    .btn.btn-guest {
        width: 10.54vw;
    }

    .login-options .account-login, .login-options .guest-checkout {
        max-width: 32.8125vw;
    }

    .account-sign-up {
        margin-top: 2.7vw;
        padding-top: 2.34vw;
    }

        .account-sign-up p {
            font-size: 1.64vw;
        }

    ul.checkout-breadcrumbs {
        margin: 0px auto 6.25vw;
    }


        ul.checkout-breadcrumbs li.step {
            font-size: 1.3vw;
        }

            ul.checkout-breadcrumbs li.step.active {
                background-size: 2.5vw 1.5vw;
            }


            ul.checkout-breadcrumbs li.step.shipping.active {
                background-position: 2.5vw 0px;
            }

            ul.checkout-breadcrumbs li.step.billing.active {
                background-position: 0px 0px;
            }

            ul.checkout-breadcrumbs li.step.confirm.active {
                background-position: 0.5vw 0px;
            }

            ul.checkout-breadcrumbs li.step.sent.active {
                background-position: 2vw 0px;
            }

    .user-fields .user-form .form-container.shipping-container {
        padding-right: 1.5625vw;
    }

    .form-container select.shipping-menu {
        height: 3.5937499999999996vw;
        font-size: 1.640625vw;
        padding-left: 0.78125vw;
        margin-bottom: 3.515625vw;
    }

    .cart-widget {
        padding: 0px 2.34375vw;
    }

        .cart-widget .cart-items-preview {
            width: 100%;
            font-size: 1.25vw;
        }

            .cart-widget .cart-items-preview tr.cart-item-row td {
                padding: 1.25vw 0px;
            }

                .cart-widget .cart-items-preview tr.cart-item-row td:nth-child(2) {
                    padding: 0px 1.5625vw;
                }

            .cart-widget .cart-items-preview tr.subtotal-row td {
                padding: 2.34375vw 0px;
            }

                .cart-widget .cart-items-preview tr.subtotal-row td:nth-child(2) {
                    padding-right: 1.5625vw;
                }

    .user-fields .user-form .form-container.title {
        padding-right: 1.5625vw;
    }



    .user-fields .user-form .form-container.expiration-date label {
        line-height: 3.594vw;
        margin-right: 0.781vw;
        font-size: 1.094vw;
    }

    .form-container select {
        height: 3.5937499999999996vw;
        font-size: 1.640625vw;
        padding-left: 0.78125vw;
    }

    .user-fields .user-form .form-container.expiration-date select.month-menu {
        margin-right: 0.78125vw;
    }

    .form-container.expiration-date.error .error-msg {
        margin-left: 4.688vw;
    }

    .user-fields .user-form .form-container.cvc input {
        margin-right: 1vw;
    }

    .cvc-note {
        font-size: 1.25vw;
    }

    .checkout-summary p {
        font-size: 1.640625vw;
    }

    .cart-table tr .col-prod-img {
        padding: 2.34375vw;
    }

    .cart-table tr .col-prod-desc {
        padding: 2.34375vw;
    }

    .order-sent-confirmation p a {
        font-size: 2.1875vw;
    }
}

/*smartphone portrait and landscape*/
@media (max-width:736px) {
    .form-container.error .error-msg {
        font-size: 2.853vw;
    }

    .form-container input.checkout-field, .form-container select.shipping-menu {
        height: 8.099vw;
        font-size: 2.853vw;
        padding-left: 1.359vw;
        margin-bottom: 6.114vw;
    }

    .form-container select {
        height: 8.099vw;
        font-size: 2.853vw;
        padding-left: 1.359vw;
    }

    .cvc-note {
        font-size: 1.853vw;
    }

    .cart-widget {
        display: none;
    }

    .user-fields {
        float: none;
        width: 100%;
        border-right: 0px;
        padding-right: 0px;
    }

    ul.checkout-breadcrumbs li.step {
        display: none;
        width: 100%;
        font-size: 3vw;
    }

        ul.checkout-breadcrumbs li.step.active {
            display: block;
            background-size: 5vw 3vw;
        }

        ul.checkout-breadcrumbs li.step.shipping.active {
            background-position: 34vw;
        }

        ul.checkout-breadcrumbs li.step.shipping-method.active {
            background-position: 30vw;
        }

        ul.checkout-breadcrumbs li.step.billing.active {
            background-position: 28vw;
        }

        ul.checkout-breadcrumbs li.step.confirm.active {
            background-position: 30vw;
        }

        ul.checkout-breadcrumbs li.step.sent.active {
            background-position: 32vw;
        }

    .table-responsive {
        border: 0px;
    }

    .checkout-summary .col-4 {
        width: 50%;
        margin-bottom: 7vw;
    }

    .checkout-summary p {
        font-size: 2.853vw;
    }

    .cart-table tr .col-prod-img {
        padding: 1vw;
    }

    .order-sent-confirmation p a {
        font-size: 3.3vw;
    }

    .btn.btn-commerce.btn-next {
        margin-right: 2vw;
    }

    .user-fields .user-form .form-container.expiration-date label {
        line-height: 8.25vw;
        margin-right: 1.359vw;
        font-size: 1.902vw;
    }

    .form-container.expiration-date.error .error-msg {
        margin-left: 8.832vw;
    }
}
/*smartphone portrait*/
@media (max-width:480px) {
    .checkout h2 {
        font-size: 7vw;
        margin: 5vw 0px 10vw;
    }

    .cart-table tr .col-delete-prod {
        width: 0%;
    }

    .cart-table tr .col-prod-img {
        padding: 0px;
        width: 0%;
    }

    .table-responsive > .table > tbody > tr > td.col-prod-desc {
        width: 62.5vw;
        padding: 0px 3vw;
        white-space: normal;
    }



    .cart-table tr .col-prod-price, .cart-table tr .col-prod-qty, .cart-table tr .col-prod-amount {
        width: 0%;
    }

    .cart-table tr .col-delete-prod .delete-prod {
        width: 4.167vw;
        height: 5.0vw;
    }

    .cart-table tr .col-prod-img img {
        width: 17.188vw;
    }

    .action-btns {
        margin-top: 0px;
    }

    .login-options .col-2:first-of-type {
        border-right: 0px;
        padding-bottom: 10vw;
    }

    .login-options .account-login, .login-options .guest-checkout {
        max-width: 90%;
    }

    .login-options .guest-checkout {
        padding-top: 10vw;
    }

        .login-options .guest-checkout h2 {
            margin-bottom: 5vw
        }

    .form-container input.checkout-field, .form-container select.shipping-menu {
        height: 12.583vw;
        font-size: 5.375vw;
        padding-left: 2.083vw;
    }

    .user-fields .user-form .form-container.full-width input {
        width: 95.5%;
    }

    .user-fields .user-form .form-container.half-width {
        width: 100%;
    }


    .user-fields .user-form .form-container.card-type {
        width: 100%
    }

    .form-container select {
        height: 12.583vw;
        font-size: 5.375vw;
        padding-left: 2.083vw;
        width: 95%;
    }

    .form-container.error .error-msg {
        height: 12.583vw;
        font-size: 4vw;
        padding-left: 2.083vw;
    }

    .form-container select.card-type-menu {
        width: 95%;
    }

    .btn.btn-sign-in {
        width: 30.54vw;
    }

    .btn.btn-guest {
        width: 30.54vw;
    }

    .account-sign-up {
        margin-top: 10vw;
        padding: 5vw;
        background-color: whitesmoke;
        border-top: 0px;
    }

        .account-sign-up p {
            font-size: 5vw;
            width: 70%;
            margin: 0px auto;
        }

    .point-to-guest {
        font-size: 4vw;
        line-height: 8vw;
        display: block;
    }

    .user-fields {
        width: 88%;
        margin: 0px auto;
    }

        .user-fields .user-form .form-container {
            width: 100%;
            float: none;
        }

            .user-fields .user-form .form-container.expiration-date label {
                line-height: 12.583vw;
                margin-right: 2.083vw;
                font-size: 2.917vw;
            }


            .user-fields .user-form .form-container.expiration-date select.month-menu {
                width: 54%;
            }

    .form-container.expiration-date.error .error-msg {
        margin-left: 12.5vw;
    }



    .user-fields .user-form .form-container.card-number {
        width: 100%;
    }


    .user-fields .user-form .form-container.cardholder-name {
        width: 100%;
    }


    .user-fields .user-form .form-container.expiration-date {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 7vw;
    }

    .user-fields .user-form .form-container.cvc {
        width: 100%;
    }

        .user-fields .user-form .form-container.cvc input {
            width: 50%;
            margin-right: 5vw;
            float: left;
        }

    .cvc-note {
        font-size: 5vw;
        line-height: 14vw;
    }

    ul.checkout-breadcrumbs li.step {
        font-size: 5vw;
    }

        ul.checkout-breadcrumbs li.step.shipping.active {
            background-position: 28vw;
        }

        ul.checkout-breadcrumbs li.step.shipping-method.active {
            background-position: 20vw;
        }

        ul.checkout-breadcrumbs li.step.billing.active {
            background-position: 17vw;
        }

        ul.checkout-breadcrumbs li.step.confirm.active {
            background-position: 21vw;
        }

        ul.checkout-breadcrumbs li.step.sent.active {
            background-position: 24vw;
        }

    .checkout-summary .col-4 {
        width: 90%;
        margin: 0px auto 10vw;
        float: none;
    }

    .checkout-summary p {
        font-size: 5vw;
    }

    .order-sent-confirmation {
        width: 80%;
    }

        .order-sent-confirmation p a {
            font-size: 4vw;
        }

    .terms a {
        font-size: 4vw;
    }
}


/* copy shipping button checkbox */

.copy-shipping-box {
    font-size: 18px;
    margin-bottom: 20px;
}

.user-fields .user-form .form-container .option-container {
    padding: 5px 0px;
}


    .user-fields .user-form .form-container .option-container input.radio {
        width: 15px;
        float: left;
        margin-top: 6px;
    }

    .user-fields .user-form .form-container .option-container label {
        font-size: 21px;
        color: #333;
        margin-left: 20px;
    }

.shipping-cost-est {
    color: green;
}

    .shipping-cost-est:before {
        content: "- ($";
    }

    .shipping-cost-est:after {
        content: ")";
    }

/*BEGIN checkout pages responsive views */
@media (max-width:1280px) {


    .user-fields .user-form .form-container .option-container {
        padding: 0.391vw 0px;
    }

        .user-fields .user-form .form-container .option-container input.radio {
            width: 0.781vw;
            margin-top: 0.469vw;
        }

        .user-fields .user-form .form-container .option-container label {
            font-size: 1.641vw;
            margin-left: 1.562vw;
        }
}

/*smartphone portrait and landscape*/
@media (max-width:736px) {
    .user-fields .user-form .form-container .option-container {
        padding: 0.679vw 0px;
    }

        .user-fields .user-form .form-container .option-container input.radio {
            width: 1.359vw;
            margin-top: 0.815vw;
        }

        .user-fields .user-form .form-container .option-container label {
            font-size: 2.853vw;
            margin-left: 2.717vw;
        }
}
/*smartphone portrait*/
@media (max-width:480px) {

    .user-fields .user-form .form-container .option-container {
        padding: 1.042vw 0px;
    }

        .user-fields .user-form .form-container .option-container input.radio {
            width: 4.083vw;
            margin-top: 1.25vw;
        }

        .user-fields .user-form .form-container .option-container label {
            font-size: 4.375vw;
            margin-left: 4.167vw;
            display: inline;
        }
}

/*card brands styles on billing page */

.brands {
    margin-bottom: 20px;
}

    .brands.security {
        margin-top: 50px;
    }

    .brands p {
        font-size: 18px;
    }

    .brands img {
        margin-bottom: 10px;
    }

.card-brand {
    width: 100%;
    max-width: 222px;
    max-height: 75px;
}

.security-brand {
    width: 100%;
    max-width: 450px;
    max-height: 75px;
}

/* tax-exempt field styles*/

.tax-exempt-input {
    display: none;
}

.confirm table {
    padding: 20px;
}

* {
    font-family: "Arial", sans-serif !important;
}

.main-body {
    position: Relative;
    overflow-x: hidden;
    min-height: 800px;
}

.page-container {
    width: 100%;
    max-width: 1124px;
    margin: 0px auto;
    padding: 20px;
}

.new-content {
    width: 90%;
    margin: 0px auto;
}

.page-col-2 {
    width: 50%;
    float: left;
    padding: 20px 0px;
}

    .page-col-2:first-of-type {
        border-right: 1px solid gray;
        padding-right: 40px;
    }

    .page-col-2:nth-of-type(2n) {
        padding-right: 40px;
        border-right: 1px solid gray;
    }

    .page-col-2:nth-of-type(3n) {
        padding-left: 40px;
    }

.page-col-3 {
    width: 33.33%;
    float: left;
    padding: 5px;
}

@media (max-width: 650px) {
    .page-col-3 {
        width: 100%;
        float: none;
    }
}




@media (max-width:800px) {
    .page-col-2 {
        width: 100%;
        float: none;
    }

        .page-col-2:first-of-type {
            border-right: 0px;
            padding-right: 0px;
            border-bottom: 1px solid gray;
        }

        .page-col-2:nth-of-type(2n) {
            padding-left: 0px;
            border-right: 0px;
            border-bottom: 1px solid gray;
        }

        .page-col-2:nth-of-type(3n) {
            padding-left: 0px;
        }
}

h1 {
    font-size: 42px;
    color: #222222;
    font-weight: bold;
}

h2 {
    font-size: 28px;
    color: #222222;
    font-weight: bold;
    margin-top: 40px;
}

p {
    font-size: 18px;
    line-height: 28px;
    color: #222222;
}



@media (max-width: 1024px) {
    p.get-started-text {
        width: 100%;
    }
}

.option {
}

    .option ul li {
        font-size: 18px;
        line-height: 24px;
        color: #222222;
        margin: 20px 0px 20px 20px;
        list-style-type: disc;
    }

.member-icon {
    border: 1.5px solid #1191d8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: -3px;
    background-image: url('../content/images/icon-member.svg');
    background-repeat: no-repeat;
    float: left;
    background-size: 30px;
    background-position: 10px 7px;
}

.jump-to {
    top: 180px;
    width: 500px;
    background-color: #FFFAFA;
    padding: 20px;
    margin: 20px 0px;
    -webkit-box-shadow: 5px 4px 10px -2px rgba(0,0,0,0.61);
    box-shadow: 5px 4px 10px -2px rgba(0,0,0,0.61);
    cursor: pointer;
    transform: scale(1);
    transition: all 300ms;
    transition-timing-function: ease-out;
    z-index: 10;
    width: 300px;
}



    .jump-to.members {
        margin-right: 0px;
        margin-left: auto;
        float: right;
    }



    .jump-to.get-started {
        text-align: right;
    }



    .jump-to .icon {
        border: 1.5px solid #1191d8;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 0px 10px;
        background-repeat: no-repeat;
    }



    .jump-to.members .icon {
        background-image: url(../content/images/icon-member.svg);
        background-size: 60%;
        background-position: 9px 8px;
        float: left;
        margin-left: 0px;
    }

    .jump-to.get-started .icon {
        float: right;
        background-image: url(../content/images/icon-get-started.svg);
        background-size: 60%;
        background-position: 9px 13px;
        margin-right: 10px;
    }




    .jump-to:hover {
        transition: all 100ms;
        transition-timing-function: ease-out;
        background-color: black;
        width: 320px;
    }


        .jump-to:hover .icon {
            border-color: white;
            transform: scale(1.1);
            transition: all 300ms;
            transition-timing-function: ease-out;
        }

    .jump-to.members:hover .icon {
        background-image: url(../content/images/icon-member-white.svg);
    }

    .jump-to.get-started:hover .icon {
        background-image: url(../content/images/icon-get-started-white.svg);
    }

    .jump-to:hover h2, .jump-to:hover p {
        color: white;
    }



    .jump-to h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 21px;
    }

    .jump-to p {
        color: #1191D8;
        font-size: 16px;
    }

@media (max-width: 650px) {
    h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }



    p {
        font-size: 16px;
    }

    .option ul li {
        font-size: 16px;
        line-height: 18px;
    }

    .member-icon {
        width: 80px;
        height: 80px;
        background-size: 55%;
        background-position: 45% 37%;
        margin-right: 16px;
    }
}

@media (max-width: 375px) {
    .member-icon {
        width: 100px;
        height: 102px;
        background-position: 50% 42%;
    }
}

.jump-to.members {
    -webkit-border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px;
    border-radius: 30px 0px 0px 30px;
    right: 0px;
}

.jump-to.get-started {
    -webkit-border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    border-radius: 0px 30px 30px 0px;
    left: 0px;
}


@media (max-width: 414px) {
    .jump-to.members {
        margin-right: -51px;
    }

    .jump-to.get-started {
        margin-left: -51px;
    }
}


.jump-to.get-started {
    left: 0px;
    margin-bottom: 0px;
}

#members {
    display: none;
}

.selection-box {
    padding: 20px 0px;
    margin: 0px;
}

.price {
    color: #2B85C7;
    font-size: 46px;
}

.per-text {
    font-size: 28px;
}

.select-btn {
    width: 80px;
    margin: 20px 0px;
}

    .select-btn .btn {
        background-color: #2b85c7;
    }

    .select-btn#addToCart {
        width: 91px;
    }

    .select-btn#checkOut {
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
    }

        .select-btn#checkOut .btn-commerce {
            width: 100%;
            float: none;
            margin: 10px 0px;
        }



.postSelect, .proceedToCheckout {
    display: none;
    min-height: 600px;
}


.membership-checkmark {
    width: 75px;
    height: 75px;
    background-image: url(../content/images/ul-li-check.svg);
    background-size: 75px 75px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px auto 20px;
}

.membership-added-text {
    font-size: 22px;
    color: #2B85C7;
    text-align: center;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
}

.processing-icon {
    width: 65px;
    margin: 0px auto;
}

.savings-box {
    font-size: 30px;
    color: #2b85c7;
}

.disclaimer {
    margin: 30px;
}

    .disclaimer p {
        font-size: 14px;
        text-align: center;
    }

/*adding to cart modal window*/

.adding-to-cart-modal {
    position: fixed;
    width: 100vw;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: -22px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 100;
    left: 0px;
}

.modal-window {
    position: fixed;
    width: 50vw;
    height: 60vw;
    max-width: 500px;
    max-height: 300px;
    background-color: rgba(242,242,242);
    top: 40vh;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.50);
}

    .modal-window p {
        color: #1191D8;
        font-size: 21px;
        font-weight: bold;
    }




    .modal-window .icon-add-to-cart {
        width: 50px;
        height: 48px;
        margin: 50px auto 30px;
        background-image: url('../content/images/icon-adding-to-cart.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

@media (max-width: 500px) {
    .modal-window p {
        font-size: 16px;
        line-height: 21px;
    }

    .modal-window .icon-add-to-cart {
        margin-top: 10px;
    }
}