body {
}

.IBDCart-Procced-Bttn {
    background-color: #20c325;
    color: #fff;
    border: 0 none;
    border-radius: 3px;
    margin: 0 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 12px 15px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.IBDCart-Billing {
    margin: 0 20px;
}

.IBDCart-Proession-Button {
    margin-right:50px;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.IBDCart-Billing-Content {
    margin: 0px 130px;
    position: absolute;
    bottom: 0px;
    top: 0px;
    overflow: scroll;
    display: block;
    overflow-x: hidden;
}

.IBDCart-Submit {
    margin: 0;
}

.IBDCart-Submit-Content {
    margin: 0px 160px;
    position: absolute;
    bottom: 0px;
    top: 0;
    overflow: scroll;
    display: block;
    overflow-x: hidden;
    width: -webkit-fill-available;
}

.IBDCart-layout hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.IBDCart-layout form {

}
    .IBDCart-layout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: rgba(255,128,0,0.25);
}

.IBDCart-layout .basketImage {
    width: 100%;
}

.IBDCart-layout.overlay {
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
    margin: 50px;
    position: fixed;
}

    IBDCart.IBDCart-layout * {
        font-family: 'Barlow', sans-serif;
        font-weight: 400;
        font-size: 17px;
        letter-spacing: -0.25px;
    }

.IBDCart-layout .CloseIcon {
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    background: url('/images/1024px-Orange_x.svg.png') 0px 0px;
    background-size: contain;
    cursor:grab;
    z-index:1050;
}

.IBDCart-footer {
    background-color: inherit;
    color:#ff8000;
}

.IBDCart-layout .IBDCart-layout__main-container {
    margin: 0 auto;
    max-width: 62.25em;
    position: relative;
}

.IBDCart-layout .Items-Header {
    vertical-align: middle;
    padding: 10px;
    background-color: #e5e5e5;
    margin-top: 2px;
    text-align: center;
}

.IBDCart-bttn {
    background-color: #ff8000;
    color:#fff;
    border: 0 none;
    border-radius: 3px;
    position: center;
    margin: 0;
    font-size: 16px;
    font-weight:700;
    text-align:center;
    padding:12px 15px 12px;
}

    .IBDCart-bttn.bttn-QuAdjust {
        font-size: 12px;
        padding: 6px 10px 8px;
        transition: all 0.2s ease-in-out 0s;
        font-size: 20px;
        font-weight: 900;
        padding: 1px 3px 3px 3px;
        background-color: #e5e5e5;
    }

    .IBDCart-bttn.bttn-Remove {
        background-color: rgba(242,16,16,1);
        font-size: 12px;
        padding: 8px 15px 10px;
        transition: all 0.2s ease-in-out 0s;
        font-weight: 900;
        font-size: 20px;
        padding: 10px;
    }

    .IBDCart-Content.alert {
        margin:15px;
        padding:15px;
    }
    .IBDCart-Content.row {
        margin: 5px;
        padding: 15px;
    }
.IBDCart-layout.Value {
    vertical-align: middle;
    background-color: inherit;
    text-align: center;
}

.IBDCart-layout .Cart-btn,
.IBDCart-layout .Cart-header,
.IBDCart-layout .Cart-layout__loading,
.IBDCart-layout .Cart-table__loading {
    font-weight: 700;
    text-transform: uppercase
}

.IBDCart-layout .Cart-header {
    position: relative;
    height: 105px;
    text-align:center;
}


.Cart-header__title {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 50px;
    display: block;
    line-height: 1;
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0px;
}

.Cart-header__title .hd-show{
	display:block
}

.IBDCart-layout .Cart-header__total {
    position:absolute;
    top: 50%;
    left: 50%;
    height: auto;
    margin: 0;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    padding: .5em;
    transform: translate(-50%, -50%);
    line-height: 1;
}

.IBDCart-layout .Cart-tabs .tabs-panel {
    border-width: 0;
    padding: 0;
    background: none;
    position: relative;
    margin: 0px;
    top: 0px;
    bottom: 0px;
    display: inline;
}

.IBDCart-layout .Items-Header p {
    padding: 0;
    margin:0;
}

.IBDCart-layout .Cart-tabs .tabs-panel-col {
    margin: 0px;
    top: 5px;
	overflow: scroll;
}

.IBDCart-layout .Cart-tabs .tabs-panel .col {
    margin: 0px;
    top: 0px;
    display: inline-block;
    height: 100%;
}

.IBDCart-row {
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
}


.IBDCart-basket-control {
    bottom: 10px;
    padding: 10px;
    padding-right: 15px;
    position: absolute;
    left: 0px;
    width: 100%;
    display: inline-block;
}



.IBDCart-content {
    margin: 0px;
    margin-right: 15px;
    padding-top: 0px;
    position: absolute;
    top: 40px;
    left: 0px;
    /* padding-bottom: 50px; */
    /* margin-bottom: 0px !important; */
    height: 80%;
    overflow: auto;
    display: contents;
}

.IBDCart-Col-Padding-None .col-md-10 {
    padding-left: 0;
    padding-right: 0;
}

.IBDCart-layout .Cart-tabs .tabs-panel content {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
    position: initial;
}

@media(min-width:992px) {
    .IBDCart-layout .Cart-header__total {
        padding: 15px;
    }
}

.IBDCart-layout .Cart-header__total-label {
    margin-right: .625em
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}


.IBDCart-layout .Cart-tabs {
    position: absolute;
    padding: 0;
    margin: 5px;
    bottom: 20px;
    top: 105px;
    display: block;
    background-color: inherit;
}

.Cart-tabs .ui-widget .ui-widget-content {
    border: 1px solid #c5c5c5;
    background-color: black;
}

.Cart-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: initial;
    display: initial;
    background-color: rgba(0,0,0,0);
}

    .Cart-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        width: 20%;
    }

        .Cart-tabs .ui-tabs-nav span {
            width: 100%;
            height: 100%;
            position: relative;
            top: 0;
            margin: 0;
            padding: 0;
        }

        .Cart-tabs .ui-tabs-nav .cart-img,
        .Cart-tabs .ui-tabs-nav .billing-img,
        .Cart-tabs .ui-tabs-nav .payment-img,
        .Cart-tabs .ui-tabs-nav .check-img,
        .Cart-tabs .ui-tabs-nav .checkout-img {
            margin: 0px 20px 0px 5px;
            height: 50px;
            width: 60px;
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: center;
            background-size: contain;
        }

        .Cart-tabs .ui-tabs-nav .cart-img {
            background-image: url(/images/basket-154317.png);
        }

        .Cart-tabs .ui-tabs-nav .billing-img {
            background-image: url(/images/envelope-27881.png);
        }

        .Cart-tabs .ui-tabs-nav .payment-img {
            background-image: url(/images/card-3810869.png);
        }

        .Cart-tabs .ui-tabs-nav .check-img {
            background-image: url(/images/hook-881437.png);
        }

        .Cart-tabs .ui-tabs-nav .checkout-img {
            background-image: url(/images/cashbox-2583529.png);
        }

        .Cart-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: 0;
            text-decoration: none;
        }

        .Cart-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.Cart-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 0;
    text-decoration: none;
}

    .Cart-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .Cart-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .Cart-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
    }

.Cart-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

.Cart-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}





.Cart-tabs .ui-widget-content {
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }




/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background-color: #e5e5e5;
    font-weight: normal;
    color: #454545;
}

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        width:inherit;
    }

        .ui-state-hover,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus,
        .ui-button:hover,
        .ui-button:focus {
            border: 1px solid #cccccc;
            background: #ededed;
            font-weight: normal;
            color: #2b2b2b;
        }

            .ui-state-hover a,
            .ui-state-hover a:hover,
            .ui-state-hover a:link,
            .ui-state-hover a:visited,
            .ui-state-focus a,
            .ui-state-focus a:hover,
            .ui-state-focus a:link,
            .ui-state-focus a:visited,
            a.ui-button:hover,
            a.ui-button:focus {
                color: #2b2b2b;
                text-decoration: none;
            }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgba(255, 128, 0, 0.5);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #ff8000;
    background-color: #9e9e9e;
    font-weight: normal;
    color: #555;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }




.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #ff8000;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}









    .snip-layout .snip-col--right, .snip-layout .snip-flash__content .snip-flash__confirm {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    @font-face {
        font-family: Snipcart;
        src: url(fonts/snipcart/Snipcart.woff?94043836) format("woff"),url(fonts/snipcart/Snipcart.ttf?94043836) format("truetype");
        font-weight: 400;
        font-style: normal
    }

    body.snip-open {
        height: auto !important;
        margin: 0 !important;
        overflow: hidden !important;
        padding: 0 !important
    }


    .snip-layout .snip-ico--credit-cart:before {
        content: ""
    }

    .snip-layout .snip-ico--truck:before {
        content: ""
    }

    .snip-layout .snip-ico--letter:before {
        content: ""
    }

    .snip-layout .snip-ico--receipt:before {
        content: ""
    }

    .snip-layout .snip-ico--checklist:before {
        content: ""
    }

    .snip-layout .snip-ico--basket:before {
        content: ""
    }

    .snip-layout .snip-ico--check:before {
        content: ""
    }

    .snip-layout .snip-ico--close:before {
        content: ""
    }

    .snip-layout a, .snip-layout dd, .snip-layout div, .snip-layout dl, .snip-layout dt, .snip-layout em, .snip-layout form, .snip-layout h1, .snip-layout h2, .snip-layout h3 h4, .snip-layout img, .snip-layout label, .snip-layout li, .snip-layout ol, .snip-layout p, .snip-layout small, .snip-layout span, .snip-layout strong, .snip-layout table, .snip-layout tbody, .snip-layout td, .snip-layout th, .snip-layout thead, .snip-layout tr, .snip-layout ul {
        border: 0;
        box-sizing: border-box;
        font: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
    }


    .snip-layout a, .snip-layout button {
        text-decoration: none;
        -webkit-transition: background .33s ease;
        transition: background .33s ease
    }

    .snip-layout table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .snip-layout td, .snip-layout th {
        vertical-align: middle
    }

    .snip-layout ol, .snip-layout ul {
        list-style: none
    }

    .snip-layout input:focus, .snip-layout input:hover, .snip-layout select:focus, .snip-layout select:hover {
        box-shadow: none;
        outline: 0
    }

    .snip-layout input[type=password], .snip-layout input[type=text], .snip-layout select {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #eee;
        box-sizing: border-box;
        color: #555;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: 18px;
        margin: 0;
        padding: .571em .429em;
        -webkit-transition: border .66s ease;
        transition: border .66s ease;
        width: 100%
    }

        .snip-layout input[type=password]:focus, .snip-layout input[type=password]:hover, .snip-layout input[type=text]:focus, .snip-layout input[type=text]:hover, .snip-layout select:focus, .snip-layout select:hover {
            border-color: #333
        }

    .snip-layout .snip-btn {
        background-color: #555;
        border-radius: 3px;
        border: 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        height: 36px;
        line-height: 36px;
        outline: 0;
        padding: 0 1em
    }

        .snip-layout .snip-btn:hover {
            background-color: #3c3c3c
        }

    .snip-layout .snip-btn--small {
        height: auto;
        line-height: normal;
        padding: .417em
    }

    .snip-layout .snip-btn--highlight {
        background: #efe778;
        color: #222
    }

        .snip-layout .snip-btn--highlight:hover {
            background-color: #eadf4a
        }

    .snip-layout .snip-btn--left {
        float: left
    }

    .snip-layout .snip-btn--right {
        float: right;
        margin-left: 1em
    }

    .snip-layout .snip-btn--danger {
        background-color: #f10
    }

        .snip-layout .snip-btn--danger:hover {
            background-color: #cc0e00
        }

    .snip-layout .snip-btn--full {
        display: block;
        margin-top: 1em;
        text-align: center
    }



    .snip-layout .snip-layout__close {
        color: #fff;
        font-size: 1.8em;
        padding: 0;
        position: absolute;
        right: .417em;
        top: .1em;
        z-index: 2
    }

    .snip-layout .snip-layout__loading {
        color: #333;
        padding: 5em 0;
        text-align: center;
        margin-top: -.3em
    }

    .snip-layout .snip-layout__content {
        padding: 1em 0
    }

    .snip-layout .snipcart-step--inner-loading .snip-layout__loading {
        display: block
    }

    .snip-layout .snipcart-step--inner-loaded .snip-layout__loading, .snip-layout .snipcart-step--inner-loading .snip-layout__content {
        display: none
    }

    .snip-layout .snipcart-step--inner-loaded .snip-layout__content {
        display: block
    }

    .snip-layout .snip-layout__content--highlight {
        background-color: #f8f8f8;
        border-bottom: 1px solid #bbb;
        border-top: 1px solid #bbb;
        padding: 1em 0
    }

    .snip-layout .snip-layout__content--bordered {
        border-bottom: 1px solid #eee
    }

    .snip-layout .snip-layout__subtitle {
        padding: 0 1em;
        text-transform: uppercase;
        font-size: 18px
    }

    .snip-layout .snip-header {
        background: #222;
        color: #fff;
        padding: 1em;
        position: relative;
        text-align: left
    }

    .snip-layout .snip-header__user {
        background: #111;
        font-size: 14px;
        padding: .714em 1.429em;
        text-align: center
    }

    .snip-layout .snip-header__user-text {
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: auto
    }

    .snip-layout .snip-header__back {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-box;
        display: flex;
        background: #111;
        font-size: 14px;
        padding: .714em 1.429em
    }

    .snip-layout .snip-header__back--button {
        cursor: pointer;
        cursor: hand;
        margin: auto
    }

        .snip-layout .snip-header__back--button:hover, .snip-layout .snip-header__user-mail {
            color: #fff
        }

    .snip-layout .snip-header__title {
        display: none;
        font-size: 15px;
        text-align: center
    }




    .snip-layout .snip-header__continue {
        display: none
    }

    .snip-layout .snip-footer {
        background: #222;
        padding: .125em .625em;
        text-transform: uppercase
    }

    .snip-layout .snip-footer__copyright {
        background: url(img/lock.png) left .3em no-repeat;
        color: #555;
        display: inline-block;
        font-size: 10px;
        height: 35px;
        line-height: 35px;
        padding-left: 3.2em
    }

    .snip-layout .snip-actions__link, .snip-layout .snip-footer__highlight {
        color: #999
    }

    .snip-layout .snip-actions {
        border-top: 1px solid #eee;
        padding: 1em
    }

        .snip-layout .snip-actions::after {
            clear: both;
            content: "";
            display: table
        }

    .snip-layout .snip-actions--no-border {
        border-top: none
    }

    .snip-layout .snip-actions--top {
        border-top: none;
        border-bottom: 1px solid #eee
    }

    .snip-layout .snip-actions__link--small {
        font-size: 12px
    }

    .snip-layout .snip-actions__link--right {
        float: right
    }

    .snip-layout .snip-table {
        font-size: 14px;
        text-align: left;
        width: 100%
    }

        .snip-layout .snip-table td, .snip-layout .snip-table th, .snip-layout .snip-table tr {
            border-bottom: 1px solid #eee;
            padding: inherit
        }

            .snip-layout .snip-table td.snip-table__row--no-border, .snip-layout .snip-table th.snip-table__row--no-border, .snip-layout .snip-table tr.snip-table__row--no-border {
                border-bottom: none
            }

                .snip-layout .snip-table td.snip-table__row--no-border td, .snip-layout .snip-table th.snip-table__row--no-border td, .snip-layout .snip-table tr.snip-table__row--no-border td {
                    border-bottom: 0
                }

        .snip-layout .snip-table .snip-table__cell__notices {
            margin: 0;
            padding: 0
        }

            .snip-layout .snip-table .snip-table__cell__notices div {
                margin: 10px 20px 5px;
                padding: 10px;
                border-radius: 5px
            }

                .snip-layout .snip-table .snip-table__cell__notices div.snip-table__cell__notices--warning {
                    background-color: #faf7d3;
                    color: #333
                }

                .snip-layout .snip-table .snip-table__cell__notices div.snip-table__cell__notices--error {
                    background-color: #ffcfcc;
                    color: #333
                }

    .snip-layout .snip-table__header {
        font-size: 12px;
        padding: 1em 2em;
        text-transform: uppercase
    }

        .snip-layout .snip-table__header ~ .snip-table__header {
            border-top: 1px solid #eee
        }

    .snip-layout .snip-table__body {
        border-top: 1px solid #eee;
        display: table-row-group;
        padding: 1.429em
    }

    .snip-layout .snip-table__body--small {
        background: #f8f8f8
    }

    .snip-layout .snip-table__body--big {
        font-size: 20px
    }

    .snip-layout .snip-table__loading {
        text-align: center;
        font-size: 14px;
        color: #333
    }

    .snip-layout .snip-table__cell--center {
        text-align: center
    }

    .snip-layout .snip-table__cell--right {
        text-align: right
    }

    .snip-layout .snip-table__cell--clear::after {
        clear: both;
        content: "";
        display: table
    }

    .snip-layout .snip-table__cell--invalid {
        text-decoration: line-through;
        font-weight: 400;
        display: block
    }

    .snip-layout .snip-table__cell--bold {
        font-weight: 700
    }

    .snip-layout .snip-table__cell--highlight {
        font-weight: 700;
        color: #333
    }

    .snip-layout .snip-table__cell--success {
        font-weight: 700;
        color: #76d443
    }

    .snip-layout .snip-product {
        background: #f8f8f8;
        border-top: 1px solid #eee;
        font-size: 14px;
        padding: 2em 1.25em
    }

        .snip-layout .snip-product::after {
            clear: both;
            content: "";
            display: table
        }

    .snip-layout .snip-product--selectable {
        cursor: pointer
    }

    .snip-layout .snip-product--selectable-item {
        background: url(img/checkbox.png) 0 center no-repeat;
        padding-left: 2.286em
    }

        .snip-layout .snip-product--selectable-item.js-selected {
            background-image: url(img/selected.png)
        }

    .snip-layout .snip-product__thumbnail {
        display: none;
        float: left;
        height: 65px;
        margin-right: .714em;
        width: 65px
    }

        .snip-layout .snip-product__thumbnail img {
            max-height: 100%;
            max-width: 100%
        }

    .snip-layout .snip-product__name {
        font-weight: 700;
        color: #333;
        font-size: 1.125em;
        overflow: hidden;
        text-transform: uppercase
    }

    .snip-layout .snip-product__description {
        font-size: 12.44px;
        margin-top: .25em;
        overflow: hidden
    }

    .snip-layout .snip-product__important {
        font-weight: 700;
        font-size: 12.44px
    }

    .snip-layout .snip-product__remove {
        color: #f10;
        font-size: 30px;
        position: static
    }

    .snip-layout .snip-product__remove--disabled {
        opacity: .2;
        cursor: default
    }

    .snip-layout .snip-product__customfields-checkbox {
        float: left;
        margin: 0 .5em .75em 0
    }

    .snip-layout .snip-product__empty {
        font-size: 20px;
        padding: 1em 2em;
        text-align: center;
        text-transform: uppercase
    }

    .snip-layout .snip-quantity-trigger {
        font-weight: 700;
        -webkit-box-align: center;
        align-items: center;
        color: #111;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0 auto
    }

    .snip-layout .snip-quantity-trigger__text {
        float: left;
        padding: 0 .313em
    }

    .snip-layout .snip-quantity-trigger__btn--duplicate {
        background-color: #efe778;
        border-radius: 30px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        color: #111;
        font-size: 22px;
        font-weight: 400;
        margin-top: -1.6px;
        line-height: 1.6;
        height: 1em;
        width: 1em
    }

        .snip-layout .snip-quantity-trigger__btn--duplicate:hover {
            background-color: #eadf4a
        }

        .snip-layout .snip-quantity-trigger__btn--duplicate:before {
            display: block;
            height: 1em;
            width: 1em
        }

    .snip-layout .snip-quantity-trigger__btn {
        background-color: #ccc;
        border-radius: 30px;
        color: inherit;
        float: left;
        font-size: 18px;
        font-weight: 400;
        height: 1em;
        width: 1em
    }

        .snip-layout .snip-quantity-trigger__btn:hover {
            background-color: #efe778
        }

        .snip-layout .snip-quantity-trigger__btn:before {
            display: block;
            height: 1em;
            width: 1em
        }

    .snip-layout .snip-quantity-trigger__btn--add:before {
        content: "+";
        line-height: 1em
    }

    .snip-layout .snip-quantity-trigger__btn--minus:before {
        content: "-";
        line-height: 14px
    }

    .snip-layout .snip-quantity-trigger__btn--disabled {
        background-color: #eee;
        color: #bbb;
        cursor: default
    }

        .snip-layout .snip-quantity-trigger__btn--disabled:hover {
            background-color: #eee
        }

    .snip-layout .snip-loader.js-active {
        background-image: url(img/ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat
    }

    .snip-layout .snip-loader--table.js-active {
        background-size: 20px 20px;
        height: 20px;
        width: 20px
    }

    .snip-layout .snip-loader--bar {
        height: .3em;
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #222;
        margin-top: -.3em
    }

        .snip-layout .snip-loader--bar:before {
            display: block;
            position: absolute;
            content: "";
            left: -200px;
            width: 30%;
            height: .3em;
            background-color: #efe778;
            -webkit-animation: snip-loading 2s ease-in-out infinite;
            animation: snip-loading 2s ease-in-out infinite
        }

        .snip-layout .snip-loader--bar.js-hidden {
            display: none
        }

    @-webkit-keyframes snip-loading {
        from {
            left: -30%
        }

        to {
            left: 100%
        }
    }

    @keyframes snip-loading {
        from {
            left: -30%
        }

        to {
            left: 100%
        }
    }

    .snip-layout .snip-form--small {
        padding: 2em 15%;
        text-align: center
    }

    .snip-layout .snip-form--discount {
        float: right;
        margin-right: .5em;
        max-width: 50%
    }

    .snip-layout .snip-form__container {
        clear: left
    }

        .snip-layout .snip-form__container::after {
            clear: both;
            content: "";
            display: table
        }

        .snip-layout .snip-form__container + .snip-form__container {
            margin-top: 1em
        }

    .snip-layout .snip-form__label {
        color: #999;
        display: block;
        font-size: 12px;
        margin: 0 0 .5em;
        overflow: hidden;
        text-transform: uppercase;
        cursor: pointer
    }

    .snip-layout .snip-form__description {
        margin: 1em 0
    }

    .snip-layout .snip-form__help {
        font-weight: 700;
        color: #333;
        float: right;
        font-size: 12px
    }

        .snip-layout .snip-form__help:hover {
            text-decoration: underline
        }

    .snip-layout .snip-form__select--small {
        float: left;
        width: 49%
    }

        .snip-layout .snip-form__select--small ~ .snip-form__select--small {
            margin-left: 2%
        }

    .snip-layout .snip-form__error {
        background: #f10;
        border-radius: 3px;
        color: #fff;
        font-size: 14px;
        padding: .357em;
        text-align: center
    }

    .snip-layout .snip-form__sq-input {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #eee;
        box-sizing: border-box;
        color: #555;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: 18px;
        margin: 0;
        padding: .571em .429em;
        -webkit-transition: border .66s ease;
        transition: border .66s ease;
        width: 100%
    }

        .snip-layout .snip-form__sq-input:focus, .snip-layout .snip-form__sq-input:hover {
            border-color: #333
        }

    .snip-layout .snip-steps {
        background: #ccc;
        display: block;
        height: 48px
    }

        .snip-layout .snip-steps.snip-steps--4 li {
            width: 25%
        }

        .snip-layout .snip-steps.snip-steps--5 li {
            width: 20%
        }

        .snip-layout .snip-steps.snip-steps--6 li {
            width: 16.66667%
        }

        .snip-layout .snip-steps.snip-steps--7 li {
            width: 14.28571%
        }

    .snip-layout .snip-step__item {
        background: #ccc;
        border-bottom: 1px solid #bbb;
        color: #999;
        cursor: pointer;
        display: table;
        float: left;
        height: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    @supports ((display:-webkit-box) or (display:flex)) {
        .snip-layout .snip-step__item {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center
        }
    }

    .snip-layout .snip-step__item + .snip-step__item {
        border-left: 1px solid #bbb
    }

    .snip-layout .snip-step__item.js-active {
        background: #fff;
        border-bottom-color: #fff;
        color: #333
    }

    .snip-layout .snip-step__item.js-hidden {
        display: none
    }

    .snip-layout .snip-step__nb {
        display: table-cell;
        font-size: 27.2px;
        padding: 0 .25em;
        text-align: center;
        vertical-align: middle
    }

    .snip-layout .snip-step__label {
        display: none
    }

    .snip-layout .snip-col {
        padding: 0 1em 1em
    }

        .snip-layout .snip-col + .snip-col {
            border-top: 1px solid #eee;
            padding-top: 1em
        }

    .snip-layout .snip-col--right {
        border-left: 1px solid #eee
    }

    .snip-layout .snip-col--no-border {
        border: none
    }

    .snip-layout .snip-error {
        padding: 2em 15%
    }

    .snip-layout .snip-error__text {
        color: #f10;
        font-size: 14px;
        margin-bottom: 1em
    }

    .snip-layout .snip-error__text--centered {
        text-align: center
    }

    .snip-layout .snip-error__title {
        font-weight: 700;
        color: #333;
        margin: 1em 0;
        text-align: center;
        text-transform: uppercase
    }

    .snip-layout .snip-error__list {
        font-size: 14px;
        list-style: disc inside;
        margin: 2em 0
    }

    .snip-layout .snip-error__list-item {
        padding: .25em 0
    }

    .snip-layout .snip-error__textarea {
        width: 100%
    }

    .snip-layout .snip-error__feedback {
        font-size: 14px;
        text-align: center;
        text-transform: uppercase
    }

    .snip-layout .snip-static {
        padding: 1em 15%;
        text-align: center
    }

    .snip-layout .snip-static--highlight {
        background: #f8f8f8;
        border-top: 1px solid #eee
    }

    .snip-layout .snip-static__title {
        font-weight: 700;
        color: #333;
        font-size: 1em;
        text-transform: uppercase
    }

    .snip-layout .snip-static__title--main {
        margin: .5em 1.429em 1em
    }

    .snip-layout .snip-static__content {
        font-size: 12px;
        line-height: 1.6;
        margin-top: 1em
    }

    .snip-layout .snip-static__item {
        max-width: 100%
    }

        .snip-layout .snip-static__item ~ .snip-static__item {
            margin-top: 1.5em
        }

    .snip-layout .snip-static__link {
        color: #999;
        display: inline-block;
        margin-top: .25em;
        text-decoration: underline
    }

        .snip-layout .snip-static__link:hover {
            color: #333
        }

    .snip-layout .snip-tooltip {
        background-color: #ccc;
        border-radius: 3px;
        bottom: 100%;
        display: none;
        margin-bottom: 15px;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        text-align: center
    }

        .snip-layout .snip-tooltip:after {
            border-color: #ccc transparent;
            border-style: solid;
            border-width: 15px 15px 0;
            bottom: -15px;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 0
        }

    .snip-layout .snip-tooltip__toggle:before {
        content: "?";
        display: block;
        text-align: center;
        width: 1.5em
    }

    .snip-layout .snip-tooltip__toggle.js-active:before {
        content: "-"
    }

    .snip-layout .snip-tooltip__container {
        position: relative
    }

    .snip-layout .snip-tooltip__list {
        color: #555
    }

    .snip-layout .snip-tooltip__item {
        font-weight: 700;
        color: #111;
        margin-bottom: 5px
    }

    .snip-layout .snip-flash__content {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

        .snip-layout .snip-flash__content .snip-static__title {
            line-height: 4em;
            vertical-align: middle
        }

        .snip-layout .snip-flash__content .snip-flash__confirm .snip-btn {
            padding: 0
        }

        .snip-layout .snip-flash__content .snip-flash__confirm a {
            font-size: smaller;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 5px
        }

    .snip-layout .snip-flash__item {
        border-bottom: 1px solid #333;
        padding: 10px 20px;
        font-size: 12px
    }

    .snip-layout .snip-flash__item--success {
        background-color: #76d443;
        color: #333
    }

        .snip-layout .snip-flash__item--success:hover {
            background-color: #489021
        }

    .snip-layout .snip-flash__item--warn {
        background-color: #efe778;
        color: #333
    }

    .snip-layout .snip-flash__item--confirm {
        background-color: #222
    }

        .snip-layout .snip-flash__item--confirm .snip-static__title {
            color: #fff
        }

    .snip-layout .snip-flash__item--error {
        background-color: #f10;
        color: #fff
    }

        .snip-layout .snip-flash__item--error:hover {
            background-color: #990a00
        }

    .snip-layout .snip-discount__remove {
        color: #f10;
        font-size: 20px;
        position: static
    }

    .snip-layout .snip-badge {
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3px;
        padding: .5em;
        display: inline-block;
        margin: 0 1em;
        font-size: smaller
    }

    .snip-layout .snip-badge--success {
        background-color: #76d443;
        color: #333
    }

    .snip-layout .snip-badge--error {
        background-color: #f10;
        color: #fff
    }

    .snip-layout .snip-badge--warn {
        background-color: #efe778;
        color: #333
    }

    @media only screen and (max-width:26em) {
        body.snip-open {
            position: fixed;
            width: 100%
        }
    }

    @media only screen and (min-width:48em) {
        .snip-layout .snip-btn {
            font-size: 12px;
            padding: 0 2em
        }

        .snip-layout .snip-layout__close {
            font-size: 1.5em;
            top: .208em
        }

            .snip-layout .snip-layout__close.js-hidden {
                display: none
            }

        .snip-layout .snip-layout__content {
            padding: 2em 0
        }

        .snip-layout .snip-header {
            color: #fff;
            height: 105px;
            padding: 0;
            text-align: center
        }

        .snip-layout .snip-header__title {
            display: block;
            font-size: 30px;
            left: 1.25em;
            line-height: 105px;
            position: absolute;
            text-align: left
        }

        .snip-layout .snip-header__total {
            height: 38px;
            line-height: 38px;
            margin-top: 2.188em;
            padding: 0 .625em
        }

        .snip-layout .snip-header__continue.js-show, .snip-layout .snip-header__placeorder {
            display: block;
            margin-top: -1.5em;
            position: absolute;
            right: 1.25em;
            top: 50%
        }

        .snip-layout .snip-actions {
            padding: 20px
        }

        .snip-layout .snip-table__body--small {
            padding: .429em 1.429em .429em 2.857em
        }

        .snip-layout .snip-table__body--big {
            padding: 1.222em 1.111em 1.222em 1.222em
        }

        .snip-layout .snip-table__cell--long-text {
            max-width: 20em
        }

        .snip-layout .snip-product__thumbnail {
            display: block
        }

        .snip-layout .snip-product__description, .snip-layout .snip-product__name {
            font-size: 14px;
            margin-top: .5em
        }

        .snip-layout .snip-product__important {
            font-size: 14px
        }

        .snip-layout .snip-product__remove {
            float: left;
            margin: -.154em .192em 0 0
        }

        .snip-layout .snip-product__customfields {
            max-width: 200px
        }

        .snip-layout .snip-form--discount {
            margin-right: 1em;
            max-width: none
        }

        .snip-layout .snip-steps {
            height: 60px
        }

        .snip-layout .snip-step__item {
            -webkit-box-pack: initial;
            justify-content: initial
        }

        .snip-layout .snip-step__nb {
            font-size: 34px
        }

        .snip-layout .snip-step__label {
            font-weight: 700;
            display: table-cell;
            font-size: 10px;
            line-height: 16px;
            padding-right: .5em;
            text-align: left;
            text-transform: uppercase;
            vertical-align: middle;
            width: 66.666666%
        }

        .snip-layout .snip-cols {
            display: -webkit-box;
            display: flex
        }

            .snip-layout .snip-cols::after {
                clear: both;
                content: "";
                display: table
            }

        .snip-layout .snip-col {
            float: left;
            padding: .25em 1.25em;
            width: 33.333333%
        }

            .snip-layout .snip-col + .snip-col {
                border-left: 1px solid #eee;
                border-top: 0;
                padding-top: .25em
            }

                .snip-layout .snip-col + .snip-col.snip-col--no-border {
                    border-left: none
                }

        .snip-layout .snip-col--half {
            width: 50%
        }

        .snip-layout .snip-col--full {
            width: 100%
        }

        .snip-layout .snip-discount__remove {
            float: left
        }
    }

    @media only screen and (max-width:48em) {
        .snip-layout .snip-table--small {
            display: block;
            font-size: 14px;
            text-align: left
        }

            .snip-layout .snip-table--small td, .snip-layout .snip-table--small th, .snip-layout .snip-table--small tr {
                display: block
            }

                .snip-layout .snip-table--small td:empty, .snip-layout .snip-table--small th:empty, .snip-layout .snip-table--small tr:empty {
                    padding: 0;
                    width: 0
                }

            .snip-layout .snip-table--small tr {
                padding: 1em 0;
                position: relative
            }

                .snip-layout .snip-table--small tr::after {
                    clear: both;
                    content: "";
                    display: table
                }

            .snip-layout .snip-table--small td {
                border: 0;
                padding: 1em
            }

            .snip-layout .snip-table--small .snip-table__header {
                display: none
            }

            .snip-layout .snip-table--small .snip-table__body {
                border: 0;
                display: block;
                padding: 0
            }

                .snip-layout .snip-table--small .snip-table__body:empty {
                    padding: 0
                }

                .snip-layout .snip-table--small .snip-table__body ~ .snip-table__body {
                    border-top: 1px solid #eee
                }

                    .snip-layout .snip-table--small .snip-table__body ~ .snip-table__body:empty {
                        border: 0
                    }

            .snip-layout .snip-table--small .snip-table__body--big, .snip-layout .snip-table--small .snip-table__body--small {
                text-align: center
            }

                .snip-layout .snip-table--small .snip-table__body--big td, .snip-layout .snip-table--small .snip-table__body--big tr, .snip-layout .snip-table--small .snip-table__body--small td, .snip-layout .snip-table--small .snip-table__body--small tr {
                    padding: .5em;
                    text-align: inherit
                }

        .snip-layout .snip-table__small-col {
            float: left;
            margin-top: 2em;
            text-align: center;
            width: 33.333333%
        }

            .snip-layout .snip-table__small-col + .snip-table__small-col {
                border-left: 1px solid #eee
            }

        .snip-layout .snip-discount__remove, .snip-layout .snip-product__remove {
            position: absolute;
            right: .28571em;
            top: .57143em
        }
    }

    @media only screen and (min-width:64em) {
        .snip-layout .snip-step__label {
            padding-right: 1em
        }

        .snip-layout {
            font-size: 16px;
            padding: 1.5em 0
        }
    }

    @media only screen and (min-width:768px) {
        .snip-layout .snip-flash__content {
            display: block
        }

            .snip-layout .snip-flash__content .snip-flash__confirm a {
                display: inline-block;
                width: 10%;
                margin-left: 10px
            }

            .snip-layout .snip-flash__content .snip-flash__confirm {
                float: right;
                width: 50%;
                text-align: right
            }
    }