@import url("http://hello.myfonts.net/count/2c9615");

@font-face {
    font-family: 'Montserrat Light 300';
    font-weight: 300;
    font-style: normal;
    src: url("../../../font/HSRB/Montserrat-VariableFont_wght.ttf") format("truetype")
}

@font-face {
    font-family: 'Montserrat SemiBold 600';
    font-weight: 600;
    font-style: normal;
    src: url("../../../font/HSRB/Montserrat-VariableFont_wght.ttf") format("truetype")
}

@font-face {
    font-family: 'Montserrat Extra Bold 800';
    font-weight: 800;
    font-style: normal;
    src: url("../../../font/HSRB/Montserrat-VariableFont_wght.ttf") format("truetype")
}

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) ProximaNova, FontAwesome, Stratum
 */
 @font-face {
    font-family: 'FontAwesome';
    src: url("../../../font/HSRB/fontawesome-webfont78ce.eot?v=4.2.0");
    src: url("../../../font/HSRB/fontawesome-webfontd41d.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../../../font/HSRB/fontawesome-webfont78ce.woff?v=4.2.0") format("woff"), url("../../../font/HSRB/fontawesome-webfont78ce.ttf?v=4.2.0") format("truetype"), url("../../../font/HSRB/fontawesome-webfont78ce.svg?v=4.2.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #e4200e
    }

    70% {
        -webkit-box-shadow: 0 0 0 7px rgba(228, 32, 14, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 7px rgba(228, 32, 14, 0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #e4200e;
        box-shadow: 0 0 0 0 #e4200e
    }

    70% {
        -webkit-box-shadow: 0 0 0 7px rgba(228, 32, 14, 0);
        box-shadow: 0 0 0 7px rgba(228, 32, 14, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(228, 32, 14, 0);
        box-shadow: 0 0 0 0 rgba(228, 32, 14, 0)
    }
}

select:focus::-ms-value {
    background: none;
    color: inherit
}

select::-ms-expand {
    display: none
}

input,
textarea {
    border-radius: 0
}

input[type=submit],
input[type=text],
input[type=password],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px
}

address {
    font-style: normal
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.checkbox-container {
    display: inline-block
}

.checkbox-container input[type=checkbox] {
    display: none
}

.checkbox-container input[type=checkbox]:checked+label .square:before {
    content: "\f00c";
    font-family: "Montserrat Light 300";
    font-size: 30px;
    color: #000000;
    position: absolute;
    top: 0;
    left: 0
}

.checkbox-container .square {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    border: 1px solid #c9c8c3;
    background-color: white;
    position: relative;
    cursor: pointer
}

.checkbox-container .label {
    float: left;
    display: block;
    margin-left: 15px;
    margin-top: 2px
}

@media only screen and (max-width: 767px) {
    .checkbox-container .label {
        max-width: 80%
    }
}

.shoppingcart-disabled-infomsg,
.shoppingcart-notinstock-infomsg {
    background-color: #fff09e;
    border: 1px solid #ffd800;
    padding: 5px 10px;
    margin: 5px 0;
    display: inline-block;
    position: relative;
    min-height: 30px;
    float: right;
    clear: both
}

.shoppingcart-disabled-infomsg span,
.shoppingcart-notinstock-infomsg span {
    color: #000;
    padding-left: 15px;
    display: block
}

.shoppingcart-disabled-infomsg span:before,
.shoppingcart-notinstock-infomsg span:before {
    font-family: "Montserrat Light 300";
    content: "\f12a";
    color: #000;
    font-size: 20px;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 10px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal {
    min-height: 48px;
    clear: both;
    display: table;
    width: 100%
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview {
    width: auto;
    max-width: 450px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview>a {
    display: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview h4 {
    padding-left: 0;
    display: table-cell;
    vertical-align: middle;
    height: 48px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview .favorites {
    display: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview .color-background {
    border: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details {
    width: auto
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details .last-column .total-price h4 {
    width: auto;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details .prices h4 {
        min-height: 50px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details>div {
    height: auto
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details .bundle-color,
.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details div.unit {
    display: none
}

.shoppingcart-table .shoppingcart-wrapper .combideal-container .product-details {
    padding: 0
}

.shoppingcart-table .shoppingcart-wrapper .combideal-container .product-details>div {
    height: 74px
}

.combideal-container {
    margin-top: 10px;
    background-color: #f8f7f4;
    clear: both;
    position: relative
}

.combideal-container.open .show-more-combideals span.show {
    display: none
}

.combideal-container.closed .show-more-combideals span.hide {
    display: none
}

.combideal-container:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #f8f7f4;
    border-width: 20px
}

.combideal-container .show-more-combideals {
    display: block;
    padding-bottom: 10px;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .combideal-container .show-more-combideals {
        padding-bottom: 10px
    }
}

.combideal-container .show-more-combideals span {
    font-size: 0.875em;
    cursor: pointer
}

.combideal-container .show-more-combideals span.show,
.combideal-container .show-more-combideals span.hide {
    margin-left: 30px
}

@media only screen and (max-width: 767px) {

    .combideal-container .show-more-combideals span.show,
    .combideal-container .show-more-combideals span.hide {
        margin-left: 15px
    }
}

.combideal-container .show-more-combideals span.show:before,
.combideal-container .show-more-combideals span.hide:before {
    font-family: "Montserrat Light 300";
    content: "\f067";
    font-size: 0.75em;
    margin-right: 10px
}

.combideal-container .show-more-combideals span.hide:before {
    content: "\f068"
}

.combideal-container .configure-product.configure-bundle {
    border-bottom: 0;
    width: 100%
}

.combideal-container .configure-product.configure-bundle.last .product-wrapper:after {
    display: none
}

.combideal-container .configure-product.configure-bundle.last .product-wrapper .configure-product .product-details {
    padding-bottom: 0
}

.combideal-container .configure-product.configure-bundle div.unit span,
.combideal-container .configure-product.configure-bundle div.amount span {
    padding-left: 17px
}

@media only screen and (max-width: 1072px) {

    .combideal-container .configure-product.configure-bundle div.unit span,
    .combideal-container .configure-product.configure-bundle div.amount span {
        padding-left: 20px
    }
}

@media only screen and (max-width: 767px) {

    .combideal-container .configure-product.configure-bundle div.unit span,
    .combideal-container .configure-product.configure-bundle div.amount span {
        padding-left: 0
    }
}

@media only screen and (max-width: 767px) {

    .combideal-container .configure-product.configure-bundle div.unit .unit,
    .combideal-container .configure-product.configure-bundle div.amount .unit {
        display: none
    }
}

@media only screen and (max-width: 767px) {

    .combideal-container .configure-product.configure-bundle div.unit .single-volume-value,
    .combideal-container .configure-product.configure-bundle div.amount .single-volume-value {
        float: left;
        display: block;
        color: #666;
        line-height: 28px
    }
}

.combideal-container .configure-product.configure-bundle .bundle-inner-wrapper.last-visible .product-wrapper {
    padding-bottom: 0
}

.combideal-container .configure-product.configure-bundle .bundle-inner-wrapper.last-visible .product-wrapper:before {
    display: none
}

.combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper {
    position: relative;
    padding: 5px 0 10px 0;
    display: table
}

.combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper:before {
    position: absolute;
    font-family: "Montserrat Light 300";
    content: "\f067";
    font-size: 0.75em;
    color: #999;
    bottom: -8px;
    left: 30px
}

@media only screen and (max-width: 767px) {
    .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper:before {
        bottom: 18px
    }
}

.combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .configure-product .product-preview .color-background {
    background-color: #fff;
    margin-left: 5px
}

.what-you-need-container .product-actions-container .product-rating-container {
    width: auto
}

.what-you-need-container .product-actions-container .product-rating-container .amount-of-reviews {
    display: none
}

.compare-products .product-actions-wrapper .product-rating-container {
    width: auto
}

.product-actions-wrapper .product-rating-container,
.product-actions .product-rating-container,
.product-actions-container .product-rating-container {
    float: left;
    width: 50%
}

.product-actions-wrapper .product-rating-container .amount-of-reviews,
.product-actions .product-rating-container .amount-of-reviews,
.product-actions-container .product-rating-container .amount-of-reviews {
    display: block;
    clear: both;
    font-size: 14px;
    color: #999;
    margin-top: -5px;
    font-weight: normal
}

.product-actions-wrapper .product-rating-container .stars-container,
.product-actions .product-rating-container .stars-container,
.product-actions-container .product-rating-container .stars-container {
    display: table;
    width: 100%
}

.product-actions-wrapper .product-rating-container .stars-container .star,
.product-actions .product-rating-container .stars-container .star,
.product-actions-container .product-rating-container .stars-container .star {
    float: left;
    display: block;
    margin-right: 2px;
    color: #ccc
}

.product-actions-wrapper .product-rating-container .stars-container .star:before,
.product-actions .product-rating-container .stars-container .star:before,
.product-actions-container .product-rating-container .stars-container .star:before {
    font-family: "Montserrat Light 300";
    content: "\f006";
    font-size: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal
}

.product-actions-wrapper .product-rating-container .stars-container .star.full:before,
.product-actions .product-rating-container .stars-container .star.full:before,
.product-actions-container .product-rating-container .stars-container .star.full:before {
    content: "\f005"
}

.product-actions-wrapper .product-rating-container .stars-container .star.half:before,
.product-actions .product-rating-container .stars-container .star.half:before,
.product-actions-container .product-rating-container .stars-container .star.half:before {
    content: "\f123"
}

.js-ppg-product-reviews {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ppg-product-reviews-overview {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.ppg-product-reviews-overview h3 {
    margin-top: 0
}

.ppg-product-reviews-overview .ppg-product-review-rating-stars {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ppg-product-reviews-overview-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ppg-product-reviews-overview-header .write-review-link {
    font-size: 1.2rem
}

@media only screen and (min-width: 1073px) {
    .ppg-product-reviews-overview-header {
        max-width: 55%
    }
}

@media screen and (max-width: 420px) {
    .ppg-product-reviews-overview-header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ppg-product-reviews-overview-header-rating {
    display: -ms-flexbox;
    display: flex
}

.ppg-product-reviews-overview-header-rating .total-reviews {
    margin-left: 10px
}

.ppg-product-review {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    color: #716c6c;
    margin: 2em 0
}

.ppg-product-review:first-child {
    margin-top: 0
}

.ppg-product-review:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.ppg-product-review-score {
    margin-right: 2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center
}

.ppg-product-review-score>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ppg-product-review-rating-number {
    overflow: hidden;
    font-size: 2.5em;
    position: relative
}

.ppg-product-review-rating-number svg {
    height: 2em;
    width: 1.85em
}

.ppg-product-review-rating-number span {
    color: #fff;
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -.5em;
    z-index: 1
}

.ppg-product-review-rating {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    clear: left
}

.ppg-product-review-rating-component {
    margin-top: 0;
    margin-bottom: 1em
}

.ppg-product-review-rating-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center
}

.ppg-product-review-rating-title h4 {
    margin: 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ppg-product-review-rating-stars {
    margin-left: -.1em;
    margin-right: -.1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.5rem
}

.ppg-product-review-rating-stars [class^=icon-star] {
    color: #ccc;
    padding: 0 .1em;
    font-family: "Montserrat Light 300"
}

.ppg-product-review-rating-stars .icon-star:before {
    content: "\f005"
}

.ppg-product-review-rating-stars .icon-star-o:before {
    content: "\f006"
}

.ppg-product-review-rating-stars .icon-star-half-full:before {
    content: "\f123"
}

.ppg-product-review-rating-opinion>p.opinion {
    margin-top: 0
}

.ppg-product-review-rating-question-wrapper {
    display: -ms-flexbox;
    display: flex
}

.ppg-product-review-rating-question-wrapper span {
    margin-right: .5em
}

.ppg-product-review-rating-meta-data {
    margin-top: 1.5em;
    font-size: .875rem
}

.ppg-product-review-rating-meta-data>strong,
.ppg-product-review-rating-meta-data>span {
    margin-right: 1em
}

.js-load-more-reviews {
    display: inline-block;
    text-align: center
}

.compare-product {
    float: left;
    width: 50%
}

@media only screen and (max-width: 767px) {
    .compare-product {
        display: none
    }
}

.compare-product .checkbox-wrapper {
    float: right
}

.compare-product .checkbox-wrapper .square {
    position: relative;
    background: white;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1px solid #b4b4ba;
    display: inline-block;
    vertical-align: text-top
}

.compare-product .checkbox-wrapper .square:after {
    color: #999
}

.compare-product .checkbox-wrapper input[type="checkbox"] {
    left: -9999px;
    visibility: hidden;
    position: absolute
}

.compare-product .checkbox-wrapper input[type="checkbox"]:checked+.square:after {
    position: absolute;
    top: -3px;
    left: 0;
    font-family: "Montserrat Light 300";
    font-size: 19px;
    content: "\f00c"
}

.compare-product .checkbox-wrapper label.checkbox-label {
    padding-left: 4px;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer
}

header .logo img {
    padding: 34px 0 0 0
}

nav.target-group ul {
    top: 56px
}

nav.main {
    margin: 0
}

@media screen and (max-width: 960px) {
    .wrapper header .search {
        margin-bottom: -30px
    }

    .wrapper header nav.main {
        top: 7em
    }

    .mobile-scbtn {
        display: none
    }
}

@media screen and (min-width: 960px) {
    .mobile-scbtn {
        display: none
    }
}

.color-popup .window .paging {
    overflow: hidden;
    margin: 1em 0;
    display: inline-block
}

.color-popup .window .paging li {
    float: left;
    padding: 0
}

.color-popup .window .paging li a,
.color-popup .window .paging li span {
    float: left;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    min-width: 14px;
    padding: 2px 10px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #d6d6d6
}

.color-popup .window .paging li a.current,
.color-popup .window .paging li span.current {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.color-popup .window .paging li a.disabled,
.color-popup .window .paging li span.disabled {
    border: none;
    background: #fff
}

.color-popup .window .paging li:before {
    display: none
}

.color-popup .window .paging li:after {
    display: none
}

.logon-form {
    max-width: 30em
}

.logon-form input[type="submit"] {
    margin: 0 0 .2em 0
}

.logon-form a.forgot-password {
    float: left;
    margin: .75em 0 0 0;
    display: block;
    background: transparent;
    color: #0c59A1;
    padding: 0;
    text-transform: none
}

.logon-form a.forgot-password:hover {
    text-decoration: underline
}

.logon-form table {
    width: 100%
}

.logon-form .info-message {
    display: block;
    margin-bottom: 10px
}

.l-content .logon-form .error,
.l-content .logon-form .message-board-form .form-control-error,
.message-board-form .l-content .logon-form .form-control-error {
    background-image: none;
    padding-left: 0
}

.l-content .logon-form .ErrorLabel {
    max-width: 500px
}

.LogonPageBackground label {
    margin-right: 9px;
    font-weight: normal
}

.LogonPageBackground input[type=text],
.LogonPageBackground input[type=password] {
    max-width: 20em;
    margin: 3px 0
}

.LogonPageBackground .ErrorLabel {
    color: red;
    margin: 0.5em 0
}

.LogonPageBackground .form-control-error {
    color: red;
    margin-left: 9px
}

.LogonPageBackground .checkbox {
    display: inline-block;
    margin-top: 17px;
    margin-bottom: 9px
}

.LogonPageBackground .DialogPosition tr:first-child+tr a {
    display: inline-block;
    margin-top: 9px
}

.logon-form-left,
.logon-form-right {
    float: left;
    width: 100%;
    background-color: #f8f7f4;
    margin-right: 20px
}

.logon-form .logon-label {
    width: 200px
}

.logon-form .logon-input {
    width: 240px;
    margin: 2px 0 6px 0
}

@media only screen and (max-width: 1072px) {
    .logon-form .logon-input {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .logon-form .logon-input {
        width: 100%
    }
}

.logon-form input[type="checkbox"]+label {
    padding: 0 0 0 5px
}

.logon-form .right {
    margin-top: 20px
}

.block {
    margin: 25px
}

.checkout-login .Aanmelden,
.checkout-login .Gegevens {
    width: 100%;
    margin: 0
}

.createcontainer,
.logincontainer {
    display: block;
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%
}

@media only screen and (max-width: 767px) {

    .createcontainer,
    .logincontainer {
        width: 98%;
        margin-top: 20px;
        text-align: center
    }
}

.createcontainer h4,
.logincontainer h4 {
    color: #152752;
    font-weight: normal;
    margin-top: 0
}

.return-products-page .logincontainer {
    float: none;
    display: table;
    width: 100%
}

.flexcol {
    -ms-flex: 1;
    flex: 1;
    padding: 1em
}

.login-title,
.create-account-title {
    float: left;
    margin-bottom: 10px
}

.change-password-container {
    float: left;
    margin-bottom: 10px
}

.change-password-container .break {
    margin-top: 10px
}

.return-product-wrapper {
    display: table;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .return-product-wrapper {
        margin-top: 15px
    }
}

.return-product-wrapper .return-product-title h4 {
    color: #000;
    margin-top: 0;
    margin-bottom: 22px
}

.return-product-wrapper .return-product-container {
    background-color: #f8f7f4;
    padding: 16px
}

.return-product-wrapper .return-product-container .info-message {
    margin-top: 0
}

.return-product-wrapper .return-product-container .return-product-form label {
    display: block
}

.return-product-wrapper .return-product-container .return-product-form>div {
    margin-bottom: 10px
}

.return-product-wrapper .return-product-container .return-product-form input {
    margin-bottom: 0
}

.return-product-wrapper .proclaimer-message {
    font-size: .875em;
    font-style: italic;
    margin-top: 5px;
    line-height: normal;
    color: #555
}

.ppg-checkout-type-select {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.ppg-checkout-type-select li {
    margin-right: 20px
}

.ppg-checkout-type-select li input {
    display: none
}

.ppg-checkout-type-select li input+label {
    position: relative;
    padding-left: 28px
}

.ppg-checkout-type-select li input+label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #152752;
    width: 20px;
    height: 20px
}

.ppg-checkout-type-select li input:checked+label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #152752;
    width: 12px;
    height: 12px
}

@media only screen and (max-width: 767px) {
    .ppg-checkout-type-select {
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {

    .logon-form-left,
    .logon-form-right {
        width: 100%
    }

    .createcontainer,
    .logincontainer {
        margin-top: 5px
    }
}

.autocomplete-suggestions {
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    min-width: 185px;
    margin: 2px 1px
}

.autocomplete-suggestions .autocomplete-suggestion {
    padding: .5em
}

.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
    cursor: pointer;
    background: #f3f3f3
}

@media only screen and (max-width: 767px) {
    .product-detail .collapsible h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 24px
    }
}

.product-detail h1 {
    margin-bottom: 8px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .product-detail h1 {
        font-size: 34px;
        line-height: 36px;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

.product-detail .grid-row .left,
.product-detail .grid-row .right {
    float: left;
    overflow: hidden;
    width: 50%
}

@media only screen and (max-width: 767px) {

    .product-detail .grid-row .left,
    .product-detail .grid-row .right {
        width: 100%;
        float: none
    }
}

.product-detail .product-downloads ul li {
    margin-bottom: 10px
}

.product-detail .product-downloads ul li a {
    padding-left: 24px;
    text-decoration: none;
    border-bottom: 1px solid #d5d7dc
}

.product-detail .product-downloads ul li a:hover {
    border-bottom: none
}

.product-detail .product-actions {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 5px
}

@media only screen and (max-width: 767px) {
    .product-detail .product-actions {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

.product-detail .product-actions .product-rating-container {
    float: none;
    width: 100%
}

.product-detail .product-actions .product-rating-container .amount-of-reviews {
    color: #005570
}

.product-detail .product-actions .product-rating-container .stars-container {
    line-height: 1
}

.product-detail .product-actions .product-rating-container .stars-container .star:before {
    font-size: 30px;
    color: #ffba16
}

.product-detail .product-info {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 32px;
    margin-top: 20px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'product-images product-info';
    grid-gap: 20px
}

@media only screen and (max-width: 767px) {
    .product-detail .product-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 20px auto;
        grid-template-areas: 'product-images'
            'product-info'
    }
}

.product-detail .product-info .ppg-product-images {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: product-images;
    position: relative;
    overflow: hidden
}

.product-detail .product-info .ppg-product-images .favorites {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9
}

.product-detail .product-info .ppg-product-images .favorites a {
    width: 18px;
    height: 16px;
    cursor: pointer
}

.product-detail .product-info .ppg-product-images .favorites a:before {
    background: url("../../../image/rambo/sprite-rambo.png") 0 -44px;
    width: 18px;
    height: 16px;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.product-detail .product-info .ppg-product-images .favorites a:hover:before,
.product-detail .product-info .ppg-product-images .favorites a.checked:before {
    background-position: 0 -69px
}

.product-detail .product-info .ppg-product-images .favorites a span {
    display: none
}

@media only screen and (max-width: 767px) {
    .product-detail .product-info .ppg-product-images .favorites {
        display: none
    }
}

.product-detail .product-info .ppg-product-detail {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: product-info
}

@media only screen and (max-width: 767px) {
    .product-detail .product-info .ppg-product-images {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .product-detail .product-info .ppg-product-detail {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

.product-detail .product-info .new-product {
    display: block;
    color: white;
    height: 34px;
    line-height: 34px;
    padding: 0 10px
}

.product-detail .product-info .new-product+.grid-col .favorites {
    top: 42px
}

.product-detail .mobile-gallery {
    height: 250px
}

.product-detail .mobile-gallery .item {
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    top: 0;
    height: 250px
}

.product-detail .mobile-gallery .item .touch-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 130px
}

.product-detail .mobile-gallery .item iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 250px
}

.product-detail .mobile-gallery .item img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 100%
}

.product-detail .mobile-gallery .owl-controls {
    top: calc(50% - 14px)
}

.product-detail .mobile-gallery .owl-controls .owl-buttons {
    width: 100%;
    overflow: visible
}

.product-detail .mobile-gallery .owl-controls .owl-buttons .owl-prev,
.product-detail .mobile-gallery .owl-controls .owl-buttons .owl-next {
    padding: 6px;
    margin: auto;
    width: 28px;
    height: 28px;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

.product-detail .mobile-gallery .owl-controls .owl-buttons .owl-prev {
    margin-left: 3px;
    background: url("../../../image/rambo/sprite-rambo.png") 8px -390px #eff3f5
}

.product-detail .mobile-gallery .owl-controls .owl-buttons .owl-next {
    margin-right: 3px;
    background: url("../../../image/rambo/sprite-rambo.png") 9px -357px #eff3f5
}

@media screen and (min-width: 768px) {
    .product-detail .mobile-gallery {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-gallery {
        width: 100%
    }
}

.product-detail .product-gallery .gallery-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 430px;
    margin-bottom: 15px;
    overflow: visible
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-gallery .gallery-main {
        min-height: 400px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-gallery .gallery-main {
        display: none
    }
}

.product-detail .product-gallery .gallery-main.heavenly-blue {
    background: #7ecdf2
}

.product-detail .product-gallery .gallery-main.old-dutch-pink {
    background: #e3bfd9
}

.product-detail .product-gallery .gallery-main.broken-boulevard-green {
    background: #bff4dc
}

.product-detail .product-gallery .gallery-main.dark-grey {
    background: #72888d
}

.product-detail .product-gallery .gallery-main img,
.product-detail .product-gallery .gallery-main iframe {
    max-width: 100%
}

.product-detail .product-gallery .gallery-main iframe {
    display: block
}

.product-detail .product-gallery .ppg-galery-bottom {
    display: -ms-flexbox;
    display: flex
}

.product-detail .product-gallery .ppg-galery-bottom .previews {
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin-bottom: 15px
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-gallery .ppg-galery-bottom .previews {
        width: 74%
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-gallery .ppg-galery-bottom .previews {
        display: none
    }
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview {
    width: 90px;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 15px;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-gallery .ppg-galery-bottom .previews .preview {
        width: 74px;
        height: 74px;
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-gallery .ppg-galery-bottom .previews .preview {
        display: none
    }
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview .image-container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview .image-container .play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../../includes/image/1youtube.png) center center no-repeat;
    background-size: contain;
    opacity: 0.5
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview:first-child img,
.product-detail .product-gallery .ppg-galery-bottom .previews .preview:first-child input[type="image"] {
    max-width: 70%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media only screen and (max-width: 767px) {

    .product-detail .product-gallery .ppg-galery-bottom .previews .preview:first-child img,
    .product-detail .product-gallery .ppg-galery-bottom .previews .preview:first-child input[type="image"] {
        display: none
    }
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview img,
.product-detail .product-gallery .ppg-galery-bottom .previews .preview input[type="image"] {
    max-width: 100%;
    height: auto
}

@media only screen and (max-width: 767px) {

    .product-detail .product-gallery .ppg-galery-bottom .previews .preview img,
    .product-detail .product-gallery .ppg-galery-bottom .previews .preview input[type="image"] {
        display: none
    }
}

.product-detail .product-gallery .ppg-galery-bottom .previews .preview:last-child {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .product-detail .product-gallery .ppg-galery-bottom .previews .preview:last-child {
        display: none
    }
}

.product-detail .product-gallery .ppg-galery-bottom .compare-product .checkbox-wrapper .square {
    display: none
}

.product-detail .product-gallery .ppg-galery-bottom .checkbox-wrapper {
    position: relative;
    float: none;
    display: block;
    width: 100%
}

.product-detail .product-gallery .ppg-galery-bottom .checkbox-wrapper input[type="checkbox"] {
    margin-left: -999px;
    visibility: hidden
}

.product-detail .product-gallery .ppg-galery-bottom .checkbox-wrapper input[type="checkbox"]:checked+label:after {
    background: url("../../../image/rambo/sprite-rambo.png") 0 -96px;
    width: 13px;
    height: 9px;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto
}

.product-detail .product-gallery .ppg-galery-bottom .checkbox-wrapper label.checkbox-label {
    font-family: "Montserrat Light 300";
    font-weight: normal;
    color: #152752;
    text-decoration: underline;
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    cursor: pointer;
    max-width: inherit
}

.product-detail .product-info .usps {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'configure-product configure-product';
    list-style-image: url("../../../image/rambo/custom-bullet.png");
    margin-top: 0
}

.product-detail .product-info .usps .order-product {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: configure-product
}

.product-detail .product-info .usps .ppg-product-features {
    grid-area: product-features;
    margin-top: -48px
}

.product-detail .product-info .usps ul {
    padding-left: 0
}

.product-detail .product-info .usps li {
    font-size: 18px;
    font-family: "Montserrat Light 300";
    color: #005570;
    padding-left: 12px;
    margin-bottom: 5px;
    line-height: 30px
}

.product-detail .product-info .usps li:before {
    display: none
}

.product-detail .product-info .usps .downloads {
    display: none
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-info .usps iframe {
        width: 100%
    }
}

.product-detail .no-color-selected {
    display: none
}

.product-detail .configure-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.product-detail .configure-product .prices {
    width: 100%
}

.product-detail .configure-product .prices h4 {
    display: none
}

@media only screen and (max-width: 767px) {

    .product-detail .configure-product .prices .from,
    .product-detail .configure-product .prices .crossed-out {
        float: left
    }
}

.product-detail .configure-product .prices .from-price-container {
    overflow: hidden;
    margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product .prices .crossed-out {
        margin-left: 5px
    }
}

.product-detail .configure-product .prices .your-price>div {
    display: none
}

.product-detail .configure-product .prices .price {
    font-size: 48px;
    font-family: "Montserrat Extra Bold 800";
    color: #005570;
    margin-top: 25px;
    display: inline-block
}

.product-detail .configure-product .prices .suffix {
    font-family: "Montserrat Extra Bold 800";
    color: #005570;
    font-size: 18px;
    margin-left: 5px
}

.product-detail .configure-product .readymixed-colors,
.product-detail .configure-product .popular-colors {
    border: 1px solid #cbcbcb;
    background: white;
    margin-top: -1px;
    width: 227px;
    margin-left: 0;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    max-height: 211px;
    overflow-y: auto
}

@media only screen and (max-width: 767px) {

    .product-detail .configure-product .readymixed-colors,
    .product-detail .configure-product .popular-colors {
        width: 100%
    }
}

@media only screen and (min-width: 1073px) {

    .product-detail .configure-product .readymixed-colors,
    .product-detail .configure-product .popular-colors {
        width: 100%
    }
}

.product-detail .configure-product .readymixed-colors.visible,
.product-detail .configure-product .popular-colors.visible {
    display: block
}

.product-detail .configure-product .readymixed-colors>li,
.product-detail .configure-product .popular-colors>li {
    border-bottom: 1px solid #cbcbcb;
    width: 100%;
    float: none;
    display: block;
    height: 52px
}

.product-detail .configure-product .readymixed-colors>li:hover,
.product-detail .configure-product .popular-colors>li:hover {
    background: whitesmoke
}

.product-detail .configure-product .readymixed-colors>li:last-child,
.product-detail .configure-product .popular-colors>li:last-child {
    border: 0
}

.product-detail .configure-product .readymixed-colors>li .readymixed-color-preview,
.product-detail .configure-product .readymixed-colors>li .popular-color-preview,
.product-detail .configure-product .popular-colors>li .readymixed-color-preview,
.product-detail .configure-product .popular-colors>li .popular-color-preview {
    float: left;
    width: 35px;
    height: 35px;
    margin: 8px 0 0 0
}

.product-detail .configure-product .readymixed-colors>li .select-readymixed-color,
.product-detail .configure-product .readymixed-colors>li .select-popular-color,
.product-detail .configure-product .popular-colors>li .select-readymixed-color,
.product-detail .configure-product .popular-colors>li .select-popular-color {
    min-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 16px;
    color: black;
    text-align: left;
    line-height: 52px;
    padding-left: 52px
}

.product-detail .configure-product.steps-3 {
    min-height: 300px
}

@media only screen and (max-width: 1072px) {
    .product-detail .configure-product.steps-3 {
        min-height: 320px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product.steps-3 {
        min-height: 0
    }
}

.product-detail .configure-product.steps-2 .update-always {
    right: auto;
    left: 320px
}

@media only screen and (max-width: 1072px) {
    .product-detail .configure-product.steps-2 .update-always {
        left: 259px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product.steps-2 .update-always {
        left: 10px
    }
}

@media only screen and (max-width: 1072px) {
    .product-detail .configure-product {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product {
        padding: 16px
    }
}

.product-detail .configure-product .update-always .error,
.product-detail .configure-product .update-always .message-board-form .form-control-error,
.message-board-form .product-detail .configure-product .update-always .form-control-error {
    position: absolute;
    clear: both;
    text-align: right;
    padding: 0;
    background: none;
    border: none;
    top: 52px;
    width: 215px;
    right: 20px;
    margin: 0
}

.product-detail .configure-product.non-paint {
    display: none
}

.product-detail .configure-product.non-paint .amount-selection {
    width: 50%;
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product.non-paint .amount-selection {
        width: 100%
    }
}

.product-detail .configure-product.non-paint .order {
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .product-detail .configure-product.non-paint .order {
        width: 100%;
        padding-left: 0
    }
}

.product-detail .configure-product h3 {
    margin: 0 0 24px 0;
    float: none
}

.product-detail .configure-product>h4 {
    font-size: 18px;
    margin-top: 0;
    color: #005570;
    margin-bottom: 10px;
    font-family: "Montserrat Light 300";
    line-height: normal
}

.product-detail .update-always .make-selection-first-message {
    font-family: "Montserrat Light 300";
    font-size: 15px;
    color: #999;
    display: inline-block;
    width: 100%;
    margin-top: 6px
}

.product-detail .update-always .ppg-order-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 1073px) {

    .product-detail .update-always .ppg-order-buttons .ppg-order-buttons-hatch,
    .product-detail .update-always .ppg-order-buttons .ppg-order-buttons-order {
        width: 50%
    }
}

@media only screen and (min-width: 1073px) {
    .product-detail .update-always .ppg-order-buttons .ppg-order-buttons-hatch {
        -ms-flex-order: 0;
        order: 0
    }
}

@media only screen and (min-width: 1073px) {
    .product-detail .update-always .ppg-order-buttons .ppg-order-buttons-order {
        -ms-flex-order: 1;
        order: 1;
        text-align: right
    }
}

.product-detail .update-always .ppg-order-buttons .add-to-cart,
.product-detail .update-always .ppg-order-buttons .hatch-order {
    background: #4DB5C2;
    text-align: left;
    color: #000;
    padding: 3px 12px 3px 15px;
    position: relative;
    min-width: 150px;
    max-width: 200px;
    width: 100%;
    clear: both;
    text-decoration: none;
    font-family: "Montserrat Light 300"
}

.product-detail .update-always .ppg-order-buttons .add-to-cart:after,
.product-detail .update-always .ppg-order-buttons .hatch-order:after {
    background: url("../../../image/rambo/sprite-rambo.png") 0 -262px;
    width: 30px;
    height: 27px;
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px
}

.product-detail .update-always .ppg-order-buttons .add-to-cart:disabled,
.product-detail .update-always .ppg-order-buttons .hatch-order:disabled {
    opacity: .25;
    cursor: default
}

@media only screen and (min-width: 1073px) {

    .product-detail .update-always .ppg-order-buttons .add-to-cart,
    .product-detail .update-always .ppg-order-buttons .hatch-order {
        margin-top: 26px
    }
}

@media only screen and (max-width: 1072px) {

    .product-detail .update-always .ppg-order-buttons .add-to-cart,
    .product-detail .update-always .ppg-order-buttons .hatch-order {
        max-width: 100%
    }
}

.product-detail .update-always .ppg-order-buttons .hatch-order {
    background: #fff;
    color: #000;
    border: 2px solid #000;
    font-size: inherit
}

.product-detail .update-always .ppg-order-buttons .hatch-order:after {
    display: none
}

@media only screen and (max-width: 1072px) {
    .product-detail .update-always .ppg-order-buttons {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-detail .update-always .js-ppg-add-to-cart-warning {
    margin-top: 10px;
    color: #E4200E
}

.product-detail .product-summary {
    margin-top: 50px;
    width: 50%;
    padding-left: 10px
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-summary {
        width: 73%
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-summary {
        margin-top: 30px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-summary h3 {
        font-size: 21px
    }
}

.product-detail .product-summary ul {
    padding-left: 0
}

.product-detail .product-summary a {
    display: block;
    margin-bottom: 14px
}

.product-detail .product-review {
    clear: both
}

.product-detail .product-review .reviews {
    background: #f8f7f4;
    padding: 20px 17px;
    margin-top: 50px;
    width: 50%;
    float: left
}

@media only screen and (max-width: 1072px) {
    .product-detail .product-review .reviews {
        width: 75%
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-review .reviews {
        width: 100%;
        margin-top: 0
    }
}

.product-detail .product-review .reviews h3 {
    margin: 0
}

.product-detail .product-review .reviews p {
    float: left;
    margin-right: 22px
}

.product-detail .product-review .reviews a {
    background: #005570;
    font-family: "Montserrat Light 300";
    height: 32px;
    line-height: 32px;
    float: left;
    padding: 0 17px;
    color: white;
    text-decoration: none;
    margin-top: 12px
}

.product-detail .product-review .reviews span {
    display: block;
    color: #e9e8e6;
    font-style: italic;
    clear: both;
    padding-top: 15px
}

.product-detail hr {
    display: none
}

@media only screen and (max-width: 1072px) {
    .product-detail hr {
        border-top: 2px dotted #d5d5d5;
        border-bottom: none;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .product-detail hr {
        display: none
    }
}

.product-detail .mobile {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .product-detail .mobile {
        display: block !important
    }
}

.product-detail .tablet {
    display: none !important
}

@media screen and (min-width: 768px) {
    .product-detail .tablet {
        display: block !important
    }
}

.product-detail .product-specifications-container .tabs [role="tablist"] {
    margin: 0 0 -0.1em;
    overflow: visible
}

.product-detail .product-specifications-container .tabs [role="tab"] {
    position: relative;
    padding: 15px 15px 15px 0;
    margin: 0 0 10px;
    border: 0;
    overflow: visible;
    background-color: #fff;
    color: #005570
}

.product-detail .product-specifications-container .tabs [role="tab"][aria-selected="true"] {
    outline: 0;
    font-weight: 600
}

.product-detail .product-specifications-container .tabs [role="tab"]:hover,
.product-detail .product-specifications-container .tabs [role="tab"]:focus,
.product-detail .product-specifications-container .tabs [role="tab"]:active {
    outline: 0;
    font-weight: 600
}

.product-detail .product-specifications-container .tabs [role="tab"]:after {
    display: block;
    content: attr(data-text);
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

@media only screen and (max-width: 767px) {
    .product-detail .product-specifications-container .tabs [role="tab"] {
        text-align: left
    }
}

.product-detail .product-specifications-container .tabs [role="tabpanel"] {
    position: relative;
    padding: 20px;
    border: 1px solid #d9d9d9
}

.product-detail .product-specifications-container .tabs [role="tabpanel"]#information-tab:not([hidden]) {
    display: -ms-flexbox;
    display: flex
}

.product-detail .product-specifications-container .tabs [role="tabpanel"]#information-tab:not([hidden])>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.product-detail .product-specifications-container .tabs [role="tabpanel"]#information-tab:not([hidden])>* h3 {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .product-detail .product-specifications-container .tabs [role="tabpanel"]#information-tab:not([hidden])>* h3 {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-specifications-container .tabs [role="tabpanel"]#information-tab:not([hidden]) {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-detail .product-specifications-container .tabs [role="tabpanel"] ul {
    margin: 0
}

.product-detail .product-specifications-container .tabs [role="tabpanel"]:focus {
    outline: 0
}

.product-detail .product-specifications-container .tabs [role="tabpanel"] p {
    margin: 0
}

.product-detail .product-specifications-container .tabs [role="tabpanel"] *+p {
    margin-top: 1em
}

@media only screen and (max-width: 767px) {
    .product-detail .product-specifications-container {
        padding: 0 16px
    }
}

.hatch-popup .hatch-overview-list {
    padding-left: 0;
    margin: 0
}

.hatch-popup .hatch-overview-list li {
    list-style-type: none
}

.ppg-configure-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ppg-configure-product .select-color-label,
.ppg-configure-product .select-size-label,
.ppg-configure-product .select-quantity-label {
    width: 100px;
    padding-right: 10px
}

.ppg-configure-product .color {
    position: relative;
    min-height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.ppg-configure-product .color .edit-color,
.ppg-configure-product .color .change-color {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "color color"
        "color-code button";
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #d3d3d3
}

.ppg-configure-product .color .edit-color .selected-color,
.ppg-configure-product .color .edit-color .select-color-text,
.ppg-configure-product .color .edit-color .selected-color-code,
.ppg-configure-product .color .change-color .selected-color,
.ppg-configure-product .color .change-color .select-color-text,
.ppg-configure-product .color .change-color .selected-color-code {
    display: inline-block;
    border-right: 1px solid #d3d3d3;
    padding: 7px;
    color: #000
}

.ppg-configure-product .color .edit-color .selected-color-code,
.ppg-configure-product .color .edit-color .select-color-text,
.ppg-configure-product .color .change-color .selected-color-code,
.ppg-configure-product .color .change-color .select-color-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ppg-configure-product .color .edit-color .selected-color,
.ppg-configure-product .color .change-color .selected-color {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: color;
    height: 40px
}

.ppg-configure-product .color .edit-color .selected-color-code,
.ppg-configure-product .color .change-color .selected-color-code {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: color-code;
    padding: 3px 7px;
    font-size: 14px;
    line-height: 1
}

.ppg-configure-product .color .edit-color .select-color-text,
.ppg-configure-product .color .change-color .select-color-text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: button;
    white-space: nowrap;
    border-right: 0
}

.ppg-configure-product .color .edit-color .selected-color,
.ppg-configure-product .color .edit-color .selected-color-code,
.ppg-configure-product .color .change-color .selected-color,
.ppg-configure-product .color .change-color .selected-color-code {
    min-width: 40px
}

.ppg-configure-product .color .edit-color.disabled,
.ppg-configure-product .color .change-color.disabled {
    cursor: not-allowed
}

.ppg-configure-product .color .edit-color.disabled .selected-color-code,
.ppg-configure-product .color .change-color.disabled .selected-color-code {
    border-right: 0
}

@media only screen and (min-width: 1073px) {

    .ppg-configure-product .color .edit-color,
    .ppg-configure-product .color .change-color {
        grid-template-areas: "color color-code button"
    }

    .ppg-configure-product .color .edit-color .selected-color,
    .ppg-configure-product .color .change-color .selected-color {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .ppg-configure-product .color .edit-color .selected-color-code,
    .ppg-configure-product .color .change-color .selected-color-code {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ppg-configure-product .color .edit-color .select-color-text,
    .ppg-configure-product .color .change-color .select-color-text {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.ppg-configure-product .color .edit-color {
    grid-template-areas: "color button"
}

.ppg-configure-product .color.has-color h4 {
    font-size: 18px;
    margin-top: 0;
    color: #005570;
    margin-bottom: 10px;
    font-family: "Montserrat Light 300";
    line-height: normal;
    border: 0
}

.ppg-configure-product .color.has-color h4:after {
    display: none
}

.ppg-configure-product .color.has-color h4+h4 {
    display: none
}

.ppg-configure-product .color .colors {
    float: left;
    width: 100%;
    margin: 0 0 100px -20px
}

@media only screen and (max-width: 1072px) {
    .ppg-configure-product .color .colors {
        margin-bottom: 0
    }
}

.ppg-configure-product .color .colors .color-preview {
    background: white;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    position: relative;
    display: block
}

.ppg-configure-product .color .colors .color-preview .color-code {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 70px auto auto;
    color: #8f8f95;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.ppg-configure-product .color .colors .color-preview:before {
    width: 48px;
    height: 48px;
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%
}

.ppg-configure-product .color .colors .color-preview.heavenly-blue:before {
    background: #7ecdf2
}

.ppg-configure-product .color .colors .color-preview.old-dutch-pink:before {
    background: #e3bfd9
}

.ppg-configure-product .color .colors .color-preview.broken-boulevard-green:before {
    background: #bff4dc
}

.ppg-configure-product .color .colors .color-preview.dark-grey:before {
    background: #72888d
}

.ppg-configure-product .color .colors .color-preview .edit-color {
    position: absolute;
    right: 20px;
    top: 75px;
    font-weight: bold;
    font-family: "Montserrat Light 300";
    color: #0c59A1;
    text-transform: none;
    font-size: 16px;
    text-decoration: none
}

@media only screen and (max-width: 1072px) {
    .ppg-configure-product .color .colors .color-preview .edit-color {
        right: -142px
    }
}

@media only screen and (max-width: 767px) {
    .ppg-configure-product .color .colors .color-preview .edit-color {
        right: auto;
        left: 5px;
        top: 40px
    }
}

.ppg-configure-product .color .fav-colors {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    text-decoration: none;
    left: 0
}

@media only screen and (max-width: 1072px) {
    .ppg-configure-product .color .fav-colors {
        right: 40px;
        left: auto;
        bottom: 36px
    }
}

.ppg-configure-product .color .fav-colors:after {
    background: url("../../../image/rambo/sprite-rambo.png") 0 -144px;
    width: 14px;
    height: 12px;
    position: absolute;
    content: "";
    top: 6px;
    bottom: 0;
    right: -24px
}

@media only screen and (max-width: 1072px) {
    .ppg-configure-product .select-size-label {
        min-width: 40px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .ppg-configure-product .select-size-label {
        text-align: left
    }
}

.ppg-flex-container-mobile .ppg-flex-container {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 160px;
    margin-bottom: -10px
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit {
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%;
    margin-bottom: 10px
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit input {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit input:focus {
    position: relative;
    clip: auto;
    width: auto;
    height: auto;
    overflow: auto
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit input:checked+label {
    background-color: #005570;
    color: #fff
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit input:disabled+label {
    background-color: #F8F7F4;
    cursor: not-allowed
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder .available-units .available-units-unit label {
    width: 40px;
    height: 40px;
    color: #000;
    border: 1px solid #d3d3d3;
    display: inline-block;
    padding: 7px 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

.ppg-flex-container-mobile .ppg-flex-container .units-placeholder h4 {
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .ppg-flex-container-mobile .ppg-flex-container .units-placeholder {
        margin-top: 30px
    }
}

@media only screen and (max-width: 1072px) {
    .ppg-flex-container-mobile .ppg-flex-container {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .ppg-flex-container-mobile .ppg-flex-container {
        margin-top: 0
    }
}

.ppg-flex-container-mobile .quantity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ppg-flex-container-mobile .quantity input[type=number] {
    width: 40px;
    height: 40px;
    padding: 6px;
    border: 1px solid #d3d3d3;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.ppg-flex-container-mobile .quantity input[type=number]::-webkit-inner-spin-button,
.ppg-flex-container-mobile .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ppg-flex-container-mobile .quantity input[type=number]:disabled {
    cursor: not-allowed
}

@media only screen and (max-width: 1072px) {
    .ppg-flex-container-mobile .quantity input[type=number] {
        padding: 6px;
        text-align: center
    }
}

@media only screen and (max-width: 1072px) {
    .ppg-flex-container-mobile .quantity {
        -ms-flex-order: 0;
        order: 0
    }
}

@media only screen and (max-width: 1072px) {
    .ppg-flex-container-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ppg-colors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.js-highlight {
    bottom: auto;
    -webkit-box-shadow: 0 0 0 #E4200E;
    box-shadow: 0 0 0 #E4200E;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

@media only screen and (max-width: 767px) {
    .js-highlight {
        height: auto
    }
}

body .content.category-content .items li.item>div {
    position: relative;
    width: auto;
    min-height: 4.5em
}

body .content.category-content .items li.item>div>p,
body .content.category-content .items li.item>div>h2 {
    margin-right: 180px
}

@media screen and (max-width: 960px) {

    body .content.category-content .items li.item>div>p,
    body .content.category-content .items li.item>div>h2 {
        margin-right: 0
    }
}

body .content.category-content .items li.item>div.order-product.multiple,
body .content.category-content .items li.item>div.order-product.favorites-multiple {
    position: static;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .items li img.icon-favorites {
    position: inherit;
    width: auto;
    margin-right: 0.5em;
    float: none;
    display: inline;
    vertical-align: middle;
    margin: 0 1em 0 0
}

.content .items li div.favorites {
    position: inherit;
    margin-top: 0.5em;
    width: 100%
}

.content .items>li h2 .new {
    color: #C03400
}

.content .items>li a {
    position: relative;
    overflow: hidden
}

.content .items>li a .new {
    position: absolute;
    top: 0;
    right: 0;
    background: #0053a0;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: 61% 373%;
    -webkit-transform-origin: 61% 373%;
    transform-origin: 61% 373%;
    padding: 0 4em
}

.content .items>.favorite-config-item {
    margin-bottom: 0;
    border-bottom: none
}

.content .items>.favorite-config-item>div {
    padding: 0;
    margin: 0 !important;
    min-height: 0 !important
}

.content .items>.favorite-config-item>div h3 {
    padding-right: 0.5em;
    margin-right: 0.5em;
    border-right: 1px solid black
}

.content .items>.favorite-config-item .configure-product {
    padding: 0;
    margin: 0
}

.content .items>.favorite-config-item .configure-product .prices {
    float: left
}

.content .items .favorite-product {
    border: none
}

.content .items .favorite-product .favorite-product-header {
    float: none !important;
    margin: 0 !important;
    padding: 0
}

.product-list .items .popular-colors li,
.product-list .items .readymixed-colors li {
    width: 25%;
    display: inline;
    float: left;
    margin: 0px;
    min-height: 75px;
    height: auto;
    border: none
}

@media only screen and (max-width: 767px) {

    .product-list .items .popular-colors li,
    .product-list .items .readymixed-colors li {
        width: 50%
    }
}

.product-list .items .popular-colors li:hover,
.product-list .items .readymixed-colors li:hover {
    border: none
}

.product-list .items .popular-colors li>a,
.product-list .items .readymixed-colors li>a {
    display: block;
    border: none;
    padding: 0px;
    height: auto;
    text-align: left;
    line-height: 14px
}

.product-list .items .popular-colors li>a span,
.product-list .items .readymixed-colors li>a span {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    text-align: center
}

.product-list .items .popular-colors li .popular-color-preview,
.product-list .items .popular-colors li .readymixed-color-preview,
.product-list .items .readymixed-colors li .popular-color-preview,
.product-list .items .readymixed-colors li .readymixed-color-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (max-width: 960px) {

    body .content .category .items>li.item>a,
    body .content .category .items>li .favorite-product-header>a {
        max-width: 5em;
        float: left;
        position: relative
    }

    body .content .category .items>li.item>a img,
    body .content .category .items>li .favorite-product-header>a img {
        max-width: 100%
    }

    body .content .category .items>li.item>div,
    body .content .category .items>li .favorite-product-header>div {
        margin-left: 6em
    }

    .content .items .favorite-product ul.items {
        padding-left: 7em
    }

    .content .items>.favorite-config-item {
        margin-bottom: 2em;
        border-bottom: none
    }

    .content .items>.favorite-config-item:after {
        display: none !important
    }

    .content .items>.favorite-config-item>div {
        padding: 0;
        margin: 0 !important;
        min-height: 0 !important;
        display: inline
    }

    .content .items>.favorite-config-item>div h3 {
        padding-right: 0.5em;
        margin-right: 0.5em;
        border-right: 1px solid black;
        font-size: 1.1em;
        margin-left: 0;
        display: inline
    }

    .content .items>.favorite-config-item>div h3:after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .order-product.multiple .configure-product .tool-tip-wrapper:hover span {
        left: 7em;
        top: 0
    }

    .order-product {
        width: 100%
    }
}

.no-price-displayed {
    font-style: italic
}

.no-price-displayed.right-align {
    text-align: right
}

aside.grid-3 {
    float: left
}

@media only screen and (max-width: 767px) {
    aside.grid-3.product-overview-filters {
        margin-top: 0
    }
}

aside.grid-3 .product-selector,
aside.grid-3 .filter {
    width: 100%;
    max-width: none
}

@media only screen and (max-width: 1072px) {
    aside.grid-3 .search-product.product-selector {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1072px) {
    aside.grid-3 {
        width: 31.333%
    }
}

@media only screen and (max-width: 767px) {
    aside.grid-3 {
        width: 100%
    }
}

@media screen and (max-width: 1072px) {
    .grid-3+.grid-9:not(.footer-newsletter) {
        width: 66%;
        float: left;
        padding-left: 10px;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .grid-3+.grid-9:not(.footer-newsletter) {
        width: 100%;
        padding-left: 0
    }
}

.product-overview-results .items {
    padding-top: 15px;
    margin-top: 30px
}

.product-overview-results .items h3 {
    font-family: "Montserrat Light 300";
    clear: both;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #87837d;
    margin-top: 5px
}

.product-overview-results .items .item {
    background: #f3f1ee;
    width: 31.5%;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    height: auto;
    min-height: 480px
}

.product-overview-results .items .item.ecommerce-off {
    min-height: 360px
}

@media only screen and (max-width: 767px) {
    .product-overview-results .items .item.ecommerce-off {
        min-height: 335px
    }
}

.product-overview-results .items .item.ecommerce-off .read-more {
    display: none
}

.product-overview-results .items .item.ecommerce-off>a {
    height: 150px
}

.product-overview-results .items .item.ecommerce-off>a img {
    top: -30px
}

@media screen and (max-width: 1072px) {
    .product-overview-results .items .item {
        width: 47.92%
    }
}

@media only screen and (max-width: 767px) {
    .product-overview-results .items .item {
        width: 100%
    }
}

.product-overview-results .items .item .favorites+div {
    background: #f3f1ee
}

.product-overview-results .items .item .checkbox-wrapper {
    background: white
}

.product-overview-results .items .item:hover .favorites+div {
    background: #f3f1ee
}

.product-overview-results .items .item:hover p {
    color: #333
}

.product-overview-results .items .item:hover .favorites,
.product-overview-results .items .item:hover .product-actions {
    background: white
}

@media screen and (max-width: 1072px) {
    .product-overview-results .items .item:nth-child(odd) {
        margin-right: 0
    }
}

@media screen and (max-width: 1072px) {
    .product-overview-results .items .item:nth-child(even) {
        margin-left: 0
    }
}

@media screen and (min-width: 1072px) {
    .product-overview-results .items .item:nth-child(3n+4) {
        margin-right: 0
    }
}

.product-overview-results .items .item .price-button-container,
.product-overview-results .items .item .button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.product-overview-results .items .item>a {
    line-height: 24px;
    position: relative;
    height: 185px;
    float: none;
    margin: 0 auto;
    background: white;
    border: none
}

.product-overview-results .items .item>a img {
    top: -40px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute
}

.product-overview-results .items .item h3 {
    margin-top: 15px;
    padding: 0;
    font-family: "Montserrat SemiBold 600";
    font-size: 19px;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 0
}

.product-overview-results .items .item h3 a {
    text-decoration: none;
    color: #005570
}

.product-overview-results .items .item p {
    margin-top: 5px;
    padding: 0;
    font-size: 14px;
    height: 35px;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: "Montserrat Light 300"
}

.product-overview-results .items .item .read-more {
    font-size: 14px;
    font-family: "Montserrat Light 300";
    text-decoration: none;
    font-weight: bold;
    color: #005570
}

.product-overview-results .items .product-downloads {
    display: none
}

.product-overview-results .items .product-actions {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 5px;
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0;
    padding: 0 7px;
    z-index: 2;
    height: auto
}

@media screen and (max-width: 815px) {
    .product-overview-results .items .product-actions {
        width: 100%
    }
}

.product-overview-results .items .product-actions .rating,
.product-overview-results .items .product-actions .compare {
    overflow: hidden
}

.product-overview-results .items .product-actions .rating span,
.product-overview-results .items .product-actions .compare span {
    color: #005570;
    font-size: 12px;
    display: block;
    float: left;
    position: relative;
    margin-left: 7px
}

.product-overview-results .items .product-actions .rating>.star,
.product-overview-results .items .product-actions .compare>.star {
    cursor: pointer;
    background: url(../../../image/rambo/sprite-rambo.png) 0 0;
    width: 12px;
    height: 12px;
    margin: 6px 0 0 0
}

.product-overview-results .items .product-actions .rating>.star:hover,
.product-overview-results .items .product-actions .compare>.star:hover {
    background-position: 0 -22px
}

.product-overview-results .items .product-actions .rating .checkbox-label,
.product-overview-results .items .product-actions .compare .checkbox-label {
    color: #005570;
    font-size: 12px;
    padding-left: 21px
}

.product-overview-results .items .product-actions .rating {
    margin-right: 20px;
    float: left
}

@media screen and (max-width: 815px) {
    .product-overview-results .items .product-actions .rating {
        margin-right: 0
    }
}

.product-overview-results .items .product-actions .rating span {
    margin-top: 2px
}

@media screen and (max-width: 815px) {
    .product-overview-results .items .product-actions .compare {
        float: right;
        margin-right: 60px
    }
}

.product-overview-results .items .favorites {
    position: absolute;
    right: 0;
    top: 40px;
    border: 0;
    height: auto;
    background: white;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .product-overview-results .items .favorites {
        top: 0
    }
}

.product-overview-results .items .new-product {
    color: white;
    height: 34px;
    display: block;
    line-height: 34px;
    padding: 0 10px;
    margin-top: -46px;
    position: relative;
    z-index: 3;
    font-weight: bold;
    font-size: 16px;
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden
}

.product-overview-results .items .pricing {
    overflow: hidden;
    font-size: 14px
}

.product-overview-results .items .pricing .from,
.product-overview-results .items .pricing .crossed-out {
    font-family: "Montserrat Light 300";
    font-size: 14px
}

.product-overview-results .items .pricing .price {
    color: black;
    font-size: 16px;
    display: block;
    float: left;
    clear: both;
    margin: 0 5px 20px 0;
    font-family: "Montserrat Light 300"
}

.product-overview-results .items .pricing .quantity {
    float: left;
    color: #676767
}

.product-overview-results .items .order-in-listing {
    background: #4DB5C2;
    color: black;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    position: relative;
    text-decoration: none;
    font-family: "Montserrat Light 300";
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    border: 1px solid #000
}

.product-overview-results .items .order-in-listing:after {
    background: url(../../../image/rambo/sprite-rambo.png) 0 -261px;
    width: 30px;
    height: 27px;
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px
}

.product-overview-results .items .view-product {
    background: #4DB5C2;
    color: black;
    height: 44px;
    line-height: 44px;
    text-align: center;
    left: 0;
    bottom: 0;
    text-decoration: none;
    font-family: "Montserrat Light 300";
    font-size: 15px;
    text-transform: uppercase;
    width: 100%;
    display: block
}

.product-list .items .product-details-container li>a img {
    top: 0
}

.order-listing .orderconfirmation-overlay-wrapper .added {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat Light 300"
}

.order-listing .orderconfirmation-overlay-wrapper .continue-shopping {
    margin-right: 15px
}

.order-listing .orderconfirmation-overlay-wrapper .complete-order {
    background: #4DB5C2;
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #333;
    text-align: left;
    margin-bottom: 15px;
    font-family: "Montserrat Light 300"
}

.order-listing .orderconfirmation-overlay-wrapper .related-products {
    border-bottom: none
}

.order-listing .orderconfirmation-overlay-wrapper .related-products ul li:before {
    margin-top: 20px
}

.order-listing .related-products ul {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.order-listing .related-products ul li {
    width: 45%;
    position: relative;
    float: left;
    margin-bottom: 24px;
    height: 110px;
    background-color: #e6e2dc
}

.order-listing .related-products ul li:nth-child(odd) {
    margin-right: 5%
}

.order-listing .related-products ul li:nth-child(3n) {
    clear: left
}

.order-listing .related-products ul li>a {
    display: block;
    height: 110px;
    background: #fff;
    border: 2px solid #e6e2dc;
    position: relative
}

.order-listing .related-products ul li img {
    float: left;
    margin-right: 10px;
    width: 60px
}

.order-listing .related-products ul li .button {
    display: block;
    float: left;
    padding: 0;
    height: auto;
    width: 100%;
    background-color: transparent;
    color: #1d3b3d;
    font-size: 18px;
    text-decoration: none;
    position: absolute;
    top: 12px;
    padding-left: 32%;
    padding-right: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    border: none
}

.order-listing .related-products ul li p {
    padding-left: 110px;
    text-align: left
}

.order-listing .related-products ul li:hover {
    background: #F0ECE5
}

.order-listing .related-products ul li:hover>a {
    border: 2px solid #F0ECE5
}

.order-listing .related-products ul li:hover .button {
    border: none
}

.header-buttons .checkoutButtonBack {
    background-color: transparent;
    color: #005570;
    text-transform: none;
    text-decoration: none;
    padding: 0px 10px
}

.header-buttons .checkoutButtonBack:hover {
    background-color: transparent
}

.complete-order-container {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px
}

.complete-order-container .checkoutButtonNext {
    float: right;
    clear: both;
    background-color: #4DB5C2;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase
}

.complete-order-container .checkoutButtonNext:hover {
    background-color: #4DB5C2;
    border: 1px solid #000
}

.shoppingcart-step .validations .error ul,
.shoppingcart-step .validations .message-board-form .form-control-error ul,
.message-board-form .shoppingcart-step .validations .form-control-error ul {
    padding-left: 0
}

.shoppingcart-step .validations .error ul li,
.shoppingcart-step .validations .message-board-form .form-control-error ul li,
.message-board-form .shoppingcart-step .validations .form-control-error ul li {
    margin: 12px 0;
    color: #e62111;
    padding: 10px;
    padding-left: 25px;
    border: 1px solid #e62111;
    background: #fee6e6;
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 500px;
    margin-right: 10px
}

.shoppingcart-step .validations .error ul li[style*="inline"],
.shoppingcart-step .validations .message-board-form .form-control-error ul li[style*="inline"],
.message-board-form .shoppingcart-step .validations .form-control-error ul li[style*="inline"] {
    display: inline-block !important;
    width: auto
}

.shoppingcart-step .validations .error ul li:before,
.shoppingcart-step .validations .message-board-form .form-control-error ul li:before,
.message-board-form .shoppingcart-step .validations .form-control-error ul li:before {
    content: '\f12a';
    font-family: "Montserrat Light 300";
    font-size: 20px;
    position: absolute;
    left: 8px;
    top: 11px
}

.shoppingcart-step .validations .error ul li+li,
.shoppingcart-step .validations .message-board-form .form-control-error ul li+li,
.message-board-form .shoppingcart-step .validations .form-control-error ul li+li {
    margin-right: 10px
}

.shoppingcart-step .validations .error ul li:last-child,
.shoppingcart-step .validations .message-board-form .form-control-error ul li:last-child,
.message-board-form .shoppingcart-step .validations .form-control-error ul li:last-child {
    margin-bottom: 0
}

.shoppingcart-step .delivery-outer-wrapper .ppg-add-new-address-checkbox {
    margin-bottom: 25px
}

.shoppingcart-step .tool-tip {
    position: relative;
    cursor: default
}

.shoppingcart-step .tool-tip div {
    display: none;
    position: absolute;
    top: -157px;
    left: -65px;
    background: white;
    border-radius: 3px;
    border: 1px solid #000F8B;
    padding: 12px;
    width: 150px;
    cursor: text;
    text-align: left;
    color: #999
}

.shoppingcart-step .tool-tip div:before,
.shoppingcart-step .tool-tip div:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.shoppingcart-step .tool-tip div:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #000F8B;
    border-width: 11px;
    margin-left: -11px
}

.shoppingcart-step .tool-tip div:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.shoppingcart-step .tool-tip span {
    background: #000F8B;
    padding: 0 6px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    font-family: "Montserrat Light 300";
    font-size: 15px
}

.shoppingcart-step .tool-tip span:hover+div,
.shoppingcart-step .tool-tip div:hover {
    display: block
}

.shoppingcart-step .quotations-wrapper h3 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 24px;
    clear: both;
    display: inline-block;
    float: left;
    margin-top: 12px
}

.shoppingcart-step .bundle-subheader {
    font-weight: bold;
    display: block;
    margin: 12px 0
}

.shoppingcart-step .bundle-header {
    clear: both;
    overflow: hidden
}

.shoppingcart-step .shoppingcart-totals-container {
    background: #f3f1ee;
    margin-top: 30px;
    padding: 20px;
    display: table;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step .shoppingcart-totals-container {
        margin-top: 20px;
        padding: 10px
    }
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper {
    position: relative;
    min-height: 115px
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper.loading:before {
    top: 50px
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .show-bundle {
    float: left;
    margin-top: 12px;
    clear: left
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .bundle-product {
    display: none
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .bundle-inner-wrapper .item {
    border-bottom: none
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .bundle-inner-wrapper div.unit {
    width: 110px
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .bundle-inner-wrapper .product-wrapper {
    border-top: none
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .bundle-inner-wrapper .configure-product {
    padding: 7px 0
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .configure-bundle .bundle-inner-wrapper .product-wrapper .product-preview h4 {
    float: left;
    padding-left: 5px;
    color: #005570;
    text-decoration: none;
    width: 200px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .configure-bundle .bundle-inner-wrapper .product-wrapper .product-preview h4 {
        width: 116px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .configure-bundle .bundle-inner-wrapper .product-wrapper .product-preview h4 {
        width: 70%;
        padding-left: 16px
    }
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .color h4 {
    display: none
}

.shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .color h4.visible {
    display: block;
    text-transform: uppercase
}

.shoppingcart-step .shoppingcart-totals,
.shoppingcart-step .shoppingcart-subtotals {
    float: right;
    margin-right: 25px;
    text-align: right
}

@media only screen and (max-width: 767px) {

    .shoppingcart-step .shoppingcart-totals,
    .shoppingcart-step .shoppingcart-subtotals {
        float: none;
        clear: both;
        margin-top: 15px
    }
}

.shoppingcart-step .shoppingcart-totals.shoppingcart-subtotals,
.shoppingcart-step .shoppingcart-subtotals.shoppingcart-subtotals {
    margin-top: 0;
    margin-bottom: 0
}

.shoppingcart-step .shoppingcart-totals.shoppingcart-subtotals td:first-child,
.shoppingcart-step .shoppingcart-subtotals.shoppingcart-subtotals td:first-child {
    text-align: left
}

.shoppingcart-step .shoppingcart-totals.shoppingcart-subtotals td:last-child,
.shoppingcart-step .shoppingcart-subtotals.shoppingcart-subtotals td:last-child {
    vertical-align: top;
    padding-top: 3px
}

.shoppingcart-step .shoppingcart-totals td:first-child,
.shoppingcart-step .shoppingcart-subtotals td:first-child {
    color: #999
}

.shoppingcart-step .shoppingcart-totals.shoppingcart-subtotalsquotations,
.shoppingcart-step .shoppingcart-subtotals.shoppingcart-subtotalsquotations {
    margin-top: 0;
    margin-bottom: 12px;
    clear: both;
    overflow: hidden;
    float: none
}

.shoppingcart-step .shoppingcart-totals.shoppingcart-subtotalsquotations table,
.shoppingcart-step .shoppingcart-subtotals.shoppingcart-subtotalsquotations table {
    float: right
}

.shoppingcart-step .shoppingcart-totals table,
.shoppingcart-step .shoppingcart-subtotals table {
    border-collapse: collapse
}

.shoppingcart-step .shoppingcart-totals table tr:nth-last-child(2) td,
.shoppingcart-step .shoppingcart-subtotals table tr:nth-last-child(2) td {
    padding-bottom: 0.5em
}

.shoppingcart-step .shoppingcart-totals table .shipping-wrapper .tooltip-container,
.shoppingcart-step .shoppingcart-subtotals table .shipping-wrapper .tooltip-container {
    margin-left: 10px
}

@media only screen and (max-width: 767px) {

    .shoppingcart-step .shoppingcart-totals table .shipping-wrapper .tooltip-container,
    .shoppingcart-step .shoppingcart-subtotals table .shipping-wrapper .tooltip-container {
        margin-left: 0
    }
}

.shoppingcart-step .shoppingcart-totals table .total td,
.shoppingcart-step .shoppingcart-subtotals table .total td {
    border-top: 1px solid #d5d5d5
}

.shoppingcart-step .shoppingcart-totals .subtotal,
.shoppingcart-step .shoppingcart-totals .vat,
.shoppingcart-step .shoppingcart-totals .total-value,
.shoppingcart-step .shoppingcart-totals .shipping-result,
.shoppingcart-step .shoppingcart-totals .discount-result,
.shoppingcart-step .shoppingcart-subtotals .subtotal,
.shoppingcart-step .shoppingcart-subtotals .vat,
.shoppingcart-step .shoppingcart-subtotals .total-value,
.shoppingcart-step .shoppingcart-subtotals .shipping-result,
.shoppingcart-step .shoppingcart-subtotals .discount-result {
    font-family: "Montserrat Light 300";
    font-weight: normal;
    color: #000;
    font-size: 21px;
    padding-top: 6px;
    width: 150px
}

@media only screen and (max-width: 767px) {

    .shoppingcart-step .shoppingcart-totals .subtotal,
    .shoppingcart-step .shoppingcart-totals .vat,
    .shoppingcart-step .shoppingcart-totals .total-value,
    .shoppingcart-step .shoppingcart-totals .shipping-result,
    .shoppingcart-step .shoppingcart-totals .discount-result,
    .shoppingcart-step .shoppingcart-subtotals .subtotal,
    .shoppingcart-step .shoppingcart-subtotals .vat,
    .shoppingcart-step .shoppingcart-subtotals .total-value,
    .shoppingcart-step .shoppingcart-subtotals .shipping-result,
    .shoppingcart-step .shoppingcart-subtotals .discount-result {
        width: 130px
    }
}

.shoppingcart-step .shoppingcart-totals .shipping-result,
.shoppingcart-step .shoppingcart-totals .discount-result,
.shoppingcart-step .shoppingcart-subtotals .shipping-result,
.shoppingcart-step .shoppingcart-subtotals .discount-result {
    font-weight: normal;
    font-family: "Montserrat Light 300"
}

.shoppingcart-step .shoppingcart-totals .discount-result:before,
.shoppingcart-step .shoppingcart-subtotals .discount-result:before {
    content: "- "
}

.shoppingcart-step .shoppingcart-totals .vattotal-wrapper td:first-child,
.shoppingcart-step .shoppingcart-subtotals .vattotal-wrapper td:first-child {
    padding-right: 22px
}

.shoppingcart-step .shoppingcart-totals .total td,
.shoppingcart-step .shoppingcart-subtotals .total td {
    padding-top: 0.5em;
    border-top: 1px solid #f2f2f2
}

.shoppingcart-step .shoppingcart-totals .total td:first-child,
.shoppingcart-step .shoppingcart-subtotals .total td:first-child {
    font-weight: bold
}

.shoppingcart-step .shoppingcart-totals .total td.total-value,
.shoppingcart-step .shoppingcart-subtotals .total td.total-value {
    font-size: 21px
}

.shoppingcart-step .shoppingcart-totals .subtotal-wrapper td:first-child,
.shoppingcart-step .shoppingcart-totals .vattotal-wrapper td:first-child,
.shoppingcart-step .shoppingcart-totals .total td:first-child,
.shoppingcart-step .shoppingcart-totals .shipping-wrapper td:first-child,
.shoppingcart-step .shoppingcart-totals .discount-wrapper td:first-child,
.shoppingcart-step .shoppingcart-subtotals .subtotal-wrapper td:first-child,
.shoppingcart-step .shoppingcart-subtotals .vattotal-wrapper td:first-child,
.shoppingcart-step .shoppingcart-subtotals .total td:first-child,
.shoppingcart-step .shoppingcart-subtotals .shipping-wrapper td:first-child,
.shoppingcart-step .shoppingcart-subtotals .discount-wrapper td:first-child {
    color: #000;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    font-family: "Montserrat Light 300"
}

@media only screen and (max-width: 767px) {

    .shoppingcart-step .shoppingcart-totals .subtotal-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-totals .vattotal-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-totals .total td:first-child,
    .shoppingcart-step .shoppingcart-totals .shipping-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-totals .discount-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-subtotals .subtotal-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-subtotals .vattotal-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-subtotals .total td:first-child,
    .shoppingcart-step .shoppingcart-subtotals .shipping-wrapper td:first-child,
    .shoppingcart-step .shoppingcart-subtotals .discount-wrapper td:first-child {
        font-size: 16px;
        padding-right: 0
    }
}

.shoppingcart-step .shoppingcart-totals .subtotal-wrapper,
.shoppingcart-step .shoppingcart-subtotals .subtotal-wrapper {
    font-weight: bold
}

.shoppingcart-step .val-error {
    border: 2px solid #f00000
}

.shoppingcart-step .val-warning {
    border: 1px solid #ff850a
}

.shoppingcart-step span.warning {
    color: #ff850a
}

.shoppingcart-step h3 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 .3em;
    margin: 0 0 .6em
}

.shoppingcart-step .order-panel .heading-link-wrapper {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 .3em;
    margin: 0 0 .6em
}

.shoppingcart-step h3.with-link {
    display: inline;
    vertical-align: middle;
    border-bottom: none;
    padding: 0;
    margin: 0
}

.shoppingcart-step .header-side-link {
    margin-left: 12px;
    font-size: 1em;
    vertical-align: middle
}

.shoppingcart-step .link-change {
    vertical-align: bottom;
    line-height: 22px
}

.shoppingcart-step .product-wrapper .not-configured .product-details {
    background-color: #FFDCB2
}

.shoppingcart-table .shoppingcart-header {
    border-bottom: 1px solid #87837d;
    overflow: hidden;
    width: 100%
}

.shoppingcart-table .shoppingcart-header .product-preview,
.shoppingcart-table .shoppingcart-header .unit,
.shoppingcart-table .shoppingcart-header .color,
.shoppingcart-table .shoppingcart-header .amount,
.shoppingcart-table .shoppingcart-header .prices,
.shoppingcart-table .shoppingcart-header .total-price {
    float: left;
    display: block;
    height: 25px
}

.shoppingcart-table .shoppingcart-header .product-preview h4,
.shoppingcart-table .shoppingcart-header .unit h4,
.shoppingcart-table .shoppingcart-header .color h4,
.shoppingcart-table .shoppingcart-header .amount h4,
.shoppingcart-table .shoppingcart-header .prices h4,
.shoppingcart-table .shoppingcart-header .total-price h4 {
    font-size: 16px;
    display: inline;
    color: #777;
    text-transform: uppercase
}

.shoppingcart-table .shoppingcart-header .bundle-header {
    border-bottom: 1px solid #f2f2f2
}

.shoppingcart-table .shoppingcart-header .bundle-header .product-preview {
    width: 300px
}

.shoppingcart-table .shoppingcart-header .bundle-header .unit {
    margin-left: 16px;
    width: 112px
}

.shoppingcart-table .shoppingcart-header .product-preview {
    width: 285px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-header .product-preview {
        width: 100%;
        margin-bottom: 10px
    }
}

.shoppingcart-table .shoppingcart-header .product-preview h4 {
    white-space: normal;
    font-size: 17px
}

.shoppingcart-table .shoppingcart-header .unit {
    width: 120px
}

.shoppingcart-table .shoppingcart-header .color {
    width: 168px;
    padding-left: 5px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-header .color {
        width: 128px;
        padding-left: 0
    }
}

.shoppingcart-table .shoppingcart-header .prices {
    width: 130px
}

.shoppingcart-table .shoppingcart-header .amount {
    width: 122px
}

.shoppingcart-table .shoppingcart-header .total-price {
    width: 82px;
    text-align: right
}

.shoppingcart-table .shoppingcart-header .total-price .price {
    font-size: 21px
}

.shoppingcart-table .shoppingcart-wrapper .order-product {
    margin-left: 0;
    position: relative
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper {
    border-bottom: 1px solid #c5c2bd;
    padding: 20px 0;
    display: table;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper {
        padding: 0 0 20px 0
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .notinstock-message {
    display: block;
    clear: both;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    font-size: 15px;
    max-width: 700px;
    text-align: right;
    line-height: normal
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .notinstock-message {
        max-width: 500px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .notinstock-message {
        max-width: none;
        text-align: left;
        margin-left: 10px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color-container {
    height: auto;
    width: 100%;
    display: block
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .change-color {
    position: static
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .last-column {
    width: 120px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview {
    width: 286px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview {
        width: 190px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview {
        width: 100%
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .quotationID {
    display: block;
    font-weight: bold
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 {
    float: left;
    width: 200px;
    padding-left: 5px;
    font-size: 16px;
    white-space: normal;
    color: #005570;
    font-family: "Montserrat Light 300"
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 {
        width: 115px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 {
        width: 75%;
        padding-left: 15px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 a,
.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 span {
    width: 100%;
    text-decoration: none;
    color: #005570;
    line-height: normal
}

@media only screen and (max-width: 1072px) {

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 a,
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview h4 span {
        line-height: 14px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites {
    float: left;
    padding-top: 4px;
    width: 25px;
    padding-left: 5px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites {
        padding-left: 16px;
        width: 50%
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites a {
    position: relative;
    cursor: pointer
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites a:before {
    background: url(../../../image/rambo/sprite-rambo.png) 0 -44px;
    width: 18px;
    height: 16px;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites a:hover:before,
.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-preview .favorites a.checked:before {
    background-position: 0 -69px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-preview {
    float: left;
    position: static;
    width: 55px;
    height: 55px;
    margin-bottom: 4px;
    border-radius: unset
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-preview {
        float: none
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-preview {
        float: left
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-code {
    position: static;
    float: left;
    width: auto;
    font-size: 14px;
    vertical-align: middle;
    color: #333333;
    text-transform: uppercase;
    width: 50%;
    text-align: left
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-code {
        float: none;
        text-align: left
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .edit-color {
    display: block;
    font-size: 14px;
    color: #005570;
    text-decoration: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .readymixed-color {
    margin: 0
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price {
    float: right
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price .mobile-show {
    float: left;
    width: 60%;
    text-align: right;
    color: #999
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price .price {
    font-family: "Montserrat Light 300";
    float: right;
    font-size: 21px;
    display: block;
    color: #000;
    text-align: right
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete.mobile {
    display: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete {
    clear: both;
    float: none;
    text-align: right;
    position: relative;
    width: 68px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete {
        width: 20px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete div.delete-action {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../../../image/sigma/sprite-sigma.png) 0 -292px;
    float: right;
    margin-right: 5px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation {
    display: none;
    background: #f2f2f2;
    border: 1px solid #d6d6d6;
    padding: 5px;
    position: absolute;
    top: -2px;
    left: -92px;
    width: 160px;
    border-radius: 4px;
    z-index: 10
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation {
        top: -8px;
        left: -110px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation {
        top: -2px;
        left: -110px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation .button {
    padding: 5px 10px;
    height: auto;
    text-transform: uppercase
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation h4 {
    display: block;
    line-height: normal;
    font-size: 14px;
    margin-bottom: 8px;
    text-align: center
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation .yes {
    float: left;
    width: 40px;
    text-align: center
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete .delete-confirmation .no {
    float: right
}

.shoppingcart-table .shoppingcart-wrapper .item-not-configured .product-details,
.shoppingcart-table .shoppingcart-wrapper .item-not-instock .product-details {
    background-color: #fff8d6
}

@media only screen and (max-width: 767px) {

    .shoppingcart-table .shoppingcart-wrapper .item-not-configured .product-details,
    .shoppingcart-table .shoppingcart-wrapper .item-not-instock .product-details {
        margin-top: 10px
    }
}

.shoppingcart-table .shoppingcart-wrapper .product-details {
    width: auto;
    position: relative;
    float: left;
    min-height: 74px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .product-details {
        padding: 5px 0
    }
}

.shoppingcart-table .shoppingcart-wrapper .product-details h4 {
    display: none;
    font-size: 16px;
    color: #777
}

.shoppingcart-table .shoppingcart-wrapper .product-details>div {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 75px
}

.shoppingcart-table .shoppingcart-wrapper .product-details>div:last-child {
    border: none
}

.shoppingcart-table .shoppingcart-wrapper .product-details div.unit {
    width: 120px
}

.shoppingcart-table .shoppingcart-wrapper .product-details .prices {
    width: 130px
}

.shoppingcart-table .shoppingcart-wrapper .product-details div.amount {
    width: 105px
}

.shoppingcart-table .shoppingcart-wrapper .product-details div.amount span.amount {
    color: #777
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .product-details div.amount span.amount {
        clear: none;
        float: left;
        width: auto
    }
}

.shoppingcart-table .shoppingcart-wrapper .product-details .color,
.shoppingcart-table .shoppingcart-wrapper .product-details .bundle-color {
    width: 170px
}

@media only screen and (max-width: 1072px) {

    .shoppingcart-table .shoppingcart-wrapper .product-details .color,
    .shoppingcart-table .shoppingcart-wrapper .product-details .bundle-color {
        width: 128px
    }
}

.shoppingcart-table .shoppingcart-wrapper .product-details .your-price {
    margin-bottom: 0
}

.shoppingcart-table .shoppingcart-wrapper .product-details .your-price div {
    margin-bottom: 4px
}

.shoppingcart-table .shoppingcart-wrapper .product-details .your-price .price {
    font-size: 16px
}

.shoppingcart-table .shoppingcart-wrapper .product-details .product-preview {
    width: 100%
}

.loginstep-login,
.loginstep-register {
    float: left;
    width: 50%
}

.loginstep-login input[type=submit].button,
.loginstep-register input[type=submit].button {
    margin: 0
}

.loginstep-register {
    width: auto
}

.loginstep-register .checkoutButtonNext.btn {
    margin: 0 0 .5em 1em
}

#checkoutBreadcrumb {
    margin: 0 0 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.checkoutItemLink {
    font-size: 1em;
    position: relative;
    color: #999999;
    background-color: #f2f2f2;
    float: left;
    height: 34px;
    line-height: 32px;
    padding: 0 15px 0 30px;
    margin: .1em 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-decoration: none
}

.checkoutItemLink:hover {
    text-decoration: none;
    background-color: #999;
    color: #fff
}

.checkoutItemLink:hover::after {
    border-left-color: #999
}

.checkoutItemLink:first-child {
    margin-left: 0;
    padding-left: 15px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-left: 1px solid #d6d6d6
}

.checkoutItemLink:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #f2f2f2;
    z-index: 2
}

.checkoutItemLink:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #d6d6d6;
    z-index: 1
}

.checkoutItemLink.selected {
    color: #fff;
    background-color: #46494C;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #484848
}

.checkoutItemLink.selected:after {
    border-left-color: #484848
}

.checkoutItemLink.selected:before {
    border-left: 17px solid #484848
}

h1.checkout-title {
    margin: .5em 0
}

.checkout-currentPage {
    display: none
}

.block.teaser {
    max-width: 430px;
    display: inline-block;
    margin-right: 50px
}

aside .block.teaser {
    display: block;
    margin-right: 0
}

.l-content .footerButtons input.checkoutButtonBack {
    background-image: none;
    background-color: #f3f1ee;
    color: #005570;
    text-decoration: none;
    padding: 0px 10px
}

.l-content .footerButtons input.checkoutButtonBack:hover {
    background-image: none;
    background-color: transparent
}

.l-content .footerButtons input.checkoutButtonNext {
    background-color: #4DB5C2;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase
}

.checkoutButtonNextInfo {
    display: none;
    float: right;
    clear: right;
    padding-top: 0.5em;
    color: #888;
    font-style: italic;
    text-align: right
}

@media screen and (min-width: 1073px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product {
        width: 100%
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .configure-product .total-price {
        float: right
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .configure-product .total-price .price {
        width: 100%;
        text-align: right;
        padding-right: 0
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .configure-product .delete {
        text-align: right;
        padding-right: 0
    }
}

.shoppingcart-step3 .payment .paymentmethodoption select {
    width: 190px;
    margin-left: 40px;
    margin-bottom: 0;
    margin-top: 0
}

.shoppingcart-step3 .payment .sendTo {
    font-weight: bold;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step3 .payment .sendTo {
        margin-top: 20px
    }
}

.shoppingcart-step3 .payment .paymentmethod-container {
    padding: 0 15px 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #f8f7f4
}

.shoppingcart-step3 .payment .paymentmethod-container:last-of-type {
    margin-bottom: 10px
}

.shoppingcart-step3 .payment .paymentmethod-container .radio-button-container {
    margin-top: 10px
}

.shoppingcart-step3 .payment .paymentmethod-container .top {
    position: relative;
    height: 45px;
    margin-bottom: 10px
}

.shoppingcart-step3 .payment .paymentmethod-container .paymentmethod input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.shoppingcart-step3 .payment .paymentmethod-container .image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    margin-top: auto;
    margin-bottom: auto
}

.shoppingcart-step3 .payment .paymentmethod-container .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    display: table;
    font-weight: bold
}

.shoppingcart-step3 .payment .paymentmethod-container .text.desc {
    top: 40px;
    font-weight: normal;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step3 .payment .paymentmethod-container .text {
        max-width: 75%;
        line-height: 16px
    }
}

.shoppingcart-step3 .footerButtons .checkoutButtonBack {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step3 .footerButtons input[type=submit] {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    #checkoutBreadcrumb {
        font-size: 12px;
        margin: 0;
        padding-bottom: 8px;
        display: -ms-flexbox;
        display: flex
    }

    .checkoutItemLink {
        font-size: 1em;
        position: relative;
        color: #8f8f95;
        background-color: #f2f2f2;
        float: left;
        height: 30px;
        line-height: 28px;
        padding: 0 10px;
        margin: .1em 0;
        border: 1px solid #d6d6d6;
        border-left: 0;
        text-decoration: none;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

    .checkoutItemLink:hover {
        text-decoration: none;
        background-color: #8f8f95;
        color: #fff
    }

    .checkoutItemLink:hover::after {
        border-left-color: #8f8f95
    }

    .checkoutItemLink:first-child {
        margin-left: 0;
        padding-left: 15px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-left: 1px solid #d6d6d6
    }

    .checkoutItemLink:after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        display: block;
        width: 0;
        height: 0;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        z-index: 2
    }

    .checkoutItemLink:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 100%;
        display: block;
        width: 0;
        height: 0;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        z-index: 1
    }

    .checkoutItemLink.selected {
        color: #fff;
        background-color: #46494C;
        border-top: 1px solid #484848;
        border-bottom: 1px solid #484848
    }

    .checkoutItemLink.selected:after {
        border-left-color: #484848
    }

    .checkoutItemLink.selected:before {
        border-left: 0
    }
}

@media only screen and (max-width: 1072px) {
    h1.checkout-title {
        border: 0
    }

    .checkout-currentPage {
        margin-bottom: .5em;
        padding-bottom: .5em;
        display: block;
        width: 100%;
        display: none
    }

    .block.teaser {
        width: 100%;
        max-width: 100%
    }

    .shoppingcart-table .shoppingcart-header .product-preview {
        width: 195px
    }

    .shoppingcart-table .shoppingcart-header .unit {
        width: 105px
    }

    .shoppingcart-table .shoppingcart-header .prices {
        width: 100px
    }

    .shoppingcart-table .shoppingcart-header .amount {
        width: 105px
    }

    .shoppingcart-table .shoppingcart-header .total-price {
        text-align: left
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product select {
        width: 90px !important
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .last-column {
        width: 90px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details>div {
        padding: 0px;
        height: 62px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .prices {
        width: 105px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .unit {
        width: 105px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color {
        width: 120px
    }
}

@media only screen and (max-width: 1072px) and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color {
        width: 128px
    }
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-preview {
        width: 56px;
        height: 56px;
        margin-left: 0
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-code {
        display: block;
        clear: both;
        height: auto;
        margin-top: 5px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price {
        padding-top: 0;
        float: left
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price .mobile-show {
        width: 100%;
        text-align: right;
        padding-left: 20px
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price .price {
        width: 100%;
        text-align: right
    }

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete a.delete {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step .bundle-subheader {
        padding-left: 0
    }

    .shoppingcart-step .bundle-inner-wrapper {
        padding-left: 0
    }

    .shoppingcart-step .shoppingcart-totals {
        margin-right: 0px
    }

    .shoppingcart-step .shoppingcart-totals table {
        width: 100%
    }

    .shoppingcart-step .shoppingcart-totals .subtotal-wrapper td:first-child {
        text-align: left
    }

    .shoppingcart-step .shoppingcart-table {
        border: none
    }

    .shoppingcart-step .shoppingcart-table .header-side-link {
        display: block;
        margin: 0
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-header {
        display: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .product-details h4 {
        display: block;
        float: left;
        width: 75px;
        min-height: 50px;
        text-transform: uppercase
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .product-details>div {
        height: 60px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product {
        width: 100%
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete.mobile {
        display: block;
        float: right;
        top: 25px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .delete {
        display: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-preview {
        width: 55px;
        height: 55px;
        margin-right: 21px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .color-code {
        clear: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .color .edit-color {
        clear: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product>div.total {
        margin-top: 12px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details {
        width: 100%;
        padding: 15px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details>div {
        height: auto
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div:last-child {
        margin: 0
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .unit:not(select),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .color:not(select),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.amount:not(select),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.prices:not(select) {
        float: left;
        width: 100%;
        border: none;
        margin-bottom: 6px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .unit:not(select):nth-child(odd),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .color:not(select):nth-child(odd),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.amount:not(select):nth-child(odd),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.prices:not(select):nth-child(odd) {
        border-right: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .unit:not(select):nth-child(3),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .color:not(select):nth-child(3),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.amount:not(select):nth-child(3),
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.prices:not(select):nth-child(3) {
        clear: left
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details .prices .normal-price {
        float: none
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details select.unit,
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details select.amount {
        margin-bottom: 0
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .product-details div.last-column {
        width: 100%;
        border-top: none;
        position: static;
        display: block
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .update-always .error,
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .update-always .message-board-form .form-control-error,
    .message-board-form .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .update-always .form-control-error {
        width: 100%;
        top: 4px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price,
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .price {
        float: right;
        width: auto;
        padding-top: 3px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price .mobile-show,
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .price .mobile-show {
        float: left;
        text-align: right;
        width: auto;
        margin-right: 36px
    }

    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .total-price.price,
    .shoppingcart-step .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product .price.price {
        float: left;
        width: auto
    }
}

.ppg-coupon-error {
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ppg-coupon-error.error>ul>li,
.message-board-form .ppg-coupon-error.form-control-error>ul>li {
    margin-right: 0
}

.wrapper .shoppingcart-step {
    overflow: hidden
}

.wrapper .shoppingcart-step .order-product h4 {
    white-space: normal;
    margin-left: 4.3em;
    -ms-word-break: break-word;
    word-break: break-word
}

.wrapper .shoppingcart-step>div {
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.wrapper .shoppingcart-step .message.error,
.wrapper .shoppingcart-step .message-board-form .message.form-control-error,
.message-board-form .wrapper .shoppingcart-step .message.form-control-error {
    float: right;
    clear: right
}

.wrapper .shoppingcart-step.loading {
    position: relative
}

.wrapper .shoppingcart-step .shoppingcart-wrapper.loading .order-product {
    background: #fff
}

.wrapper .shoppingcart-step .cartitem-template {
    display: none
}

.wrapper .shoppingcart-step .shoppingcart-header {
    padding: 1em 0;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    overflow: hidden
}

.wrapper .shoppingcart-step .shoppingcart-header>div {
    float: left
}

.wrapper .shoppingcart-step .shoppingcart-header>div.product-preview {
    width: 15em
}

.wrapper .shoppingcart-step .shoppingcart-header>div.unit {
    width: 8em
}

.wrapper .shoppingcart-step .shoppingcart-header>div.color {
    width: 14em
}

.wrapper .shoppingcart-step .shoppingcart-header>div.amount {
    width: 6em
}

.wrapper .shoppingcart-step .shoppingcart-header>div.prices {
    width: 11em
}

.wrapper .shoppingcart-step .shoppingcart-header>div.total-price {
    float: right
}

.wrapper .shoppingcart-step .shoppingcart-header h4 {
    margin: 0;
    font-size: 1.2em
}

.wrapper .shoppingcart-step .shoppingcart .configure-product {
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.wrapper .shoppingcart-step .shoppingcart .configure-product>div.prices {
    width: 12em;
    float: left
}

.wrapper .shoppingcart-step .shoppingcart .configure-product>div.total-price {
    float: right;
    width: auto;
    padding: 1em 0 0;
    text-align: right
}

.wrapper .shoppingcart-step .shoppingcart .configure-product>div.delete {
    float: right;
    clear: right;
    padding: 0
}

.wrapper .shoppingcart-step .shoppingcart .configure-product .update-always {
    clear: right;
    margin: 0
}

.wrapper .shoppingcart-step .shoppingcart .configure-product .update-always .error,
.wrapper .shoppingcart-step .shoppingcart .configure-product .update-always .message-board-form .form-control-error,
.message-board-form .wrapper .shoppingcart-step .shoppingcart .configure-product .update-always .form-control-error {
    top: 4em
}

.wrapper .shoppingcart-step .shoppingcart-totals {
    float: right;
    margin: 1em 0 0
}

.wrapper .shoppingcart-step .shoppingcart-totals.loading {
    min-width: 220px
}

.wrapper .shoppingcart-step .shoppingcart-totals tr.total {
    border-top: 1px solid #808080
}

.wrapper .shoppingcart-step .shoppingcart-totals tr.total td.total-value {
    font-weight: bold
}

.wrapper .shoppingcart-step .shoppingcart-totals td.alignright {
    text-align: right
}

.wrapper .shoppingcart-step .validations {
    width: 100%
}

.wrapper .shoppingcart-step .validations .error,
.wrapper .shoppingcart-step .validations .message-board-form .form-control-error,
.message-board-form .wrapper .shoppingcart-step .validations .form-control-error {
    font-weight: bold;
    color: #f00
}

.footerButtons {
    margin: 1em 0 0 0;
    clear: both;
    float: left;
    width: 100%
}

.footerButtons input.button {
    margin: 0
}

.footerButtons .footerButtons {
    margin: 1em 0 0 0
}

.footerButtons input.checkoutButtonBack {
    clear: none;
    float: left;
    background-color: #585858;
    background-image: -o-linear-gradient(top, #656565, #585858);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#585858));
    background-image: linear-gradient(top, #656565, #585858);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#585858')
}

.footerButtons input.checkoutButtonBack:hover {
    background-color: #656565;
    background-image: -o-linear-gradient(top, #585858, #656565);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#656565));
    background-image: linear-gradient(top, #585858, #656565);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#585858', EndColorStr='#656565')
}

.footerButtons input.checkoutButtonNext {
    clear: none;
    float: right
}

.shoppingcart-leftcolumn {
    background-color: #f8f7f4;
    padding: 1em
}

.shoppingcart-leftcolumn h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0px
}

.shoppingcart-leftcolumn ul {
    margin: 0px;
    padding: 0px
}

.shoppingcart-leftcolumn .aantal-artikelen {
    font-size: 15px;
    padding: 5px 0px;
    color: #000;
    font-weight: bold
}

.shoppingcart-leftcolumn .items li {
    list-style-type: none
}

@media only screen and (max-width: 767px) {
    .shoppingcart-leftcolumn .items li {
        width: 100%;
        display: block;
        clear: both
    }
}

.shoppingcart-leftcolumn .items li img {
    width: 75px;
    float: left;
    margin-right: 10px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-leftcolumn .items li img {
        width: 50px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-leftcolumn .items li img {
        width: 75px
    }
}

.shoppingcart-leftcolumn .items li .name-color {
    width: 185px;
    float: left
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-leftcolumn .items li .name-color {
        width: 130px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-leftcolumn .items li .name-color {
        width: 160px
    }
}

.shoppingcart-leftcolumn .items li h4 {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #005570;
    margin: 0px;
    font-family: "Montserrat Light 300"
}

.shoppingcart-leftcolumn .items li h4 a {
    text-decoration: none;
    color: #005570
}

.shoppingcart-leftcolumn .items li span {
    color: #333333;
    font-size: 14px;
    text-transform: uppercase
}

.shoppingcart-leftcolumn .items li .color-background {
    float: left;
    background: none !important;
    margin-bottom: 12px
}

.shoppingcart-leftcolumn .items li .color-background.combideal {
    margin-left: 85px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-leftcolumn .items li .color-background.combideal {
        margin-left: 60px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-leftcolumn .items li .color-background.combideal {
        margin-left: 85px
    }
}

.shoppingcart-leftcolumn .items li .color-background.combideal h4 {
    color: #005570
}

.shoppingcart-leftcolumn .subtotal {
    padding: 15px 0px 5px 0px;
    clear: both;
    font-weight: bold;
    font-size: 14px
}

.shoppingcart-leftcolumn .shippingcost {
    padding: 5px 0px;
    font-size: 16px;
    position: relative
}

.shoppingcart-leftcolumn .shippingcost .info:before {
    font-family: "Montserrat Light 300";
    content: "\f128";
    background: #1d3b3d;
    color: #fff;
    padding: 3px 7px 2px 6px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
    width: 25px
}

.shoppingcart-leftcolumn .shippingcost .info-msg {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #000F8B;
    width: 234px;
    left: 9px;
    bottom: 39px;
    z-index: 100;
    border-radius: 3px;
    padding: 13px 20px 20px 20px
}

.shoppingcart-leftcolumn .shippingcost .info-msg span {
    display: block;
    color: #999;
    line-height: 16px;
    font-size: .875em;
    text-align: left
}

.shoppingcart-leftcolumn .shippingcost .info-msg:after,
.shoppingcart-leftcolumn .shippingcost .info-msg:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.shoppingcart-leftcolumn .shippingcost .info-msg:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -11px
}

.shoppingcart-leftcolumn .shippingcost .info-msg:before {
    border-color: rgba(2, 73, 149, 0);
    border-top-color: #000F8B;
    border-width: 11px;
    margin-left: -12px
}

.shoppingcart-leftcolumn .total {
    font-weight: bold;
    padding: 15px 0px;
    border-top: 1px solid #d5d5d5;
    font-size: 18px
}

.shoppingcart-leftcolumn .bedrag {
    float: right;
    font-weight: bold
}

.shoppingcart-leftcolumn .bedrag span {
    font-size: 16px
}

.shoppingcart-leftcolumn .discount .bedrag:before {
    content: "- "
}

@media screen and (max-width: 960px) {

    .footerButtons input.checkoutButtonBack,
    .footerButtons input.checkoutButtonNext {
        margin: .3em 0
    }

    .wrapper .shoppingcart-step1 .shoppingcart-wrapper {
        min-width: 0
    }

    .wrapper .shoppingcart-step1 .order-product .configure-product>.product-preview {
        width: 100%
    }

    .wrapper .shoppingcart-step1 .shoppingcart-header {
        display: none
    }

    .wrapper .shoppingcart-step1 .order-product .configure-product>div.unit,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.color,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.amount,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.total-price,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.delete,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.prices {
        height: auto;
        margin: 2% 0 0;
        width: 49%
    }

    .wrapper .shoppingcart-step1 .order-product .configure-product>div.amount,
    .wrapper .shoppingcart-step1 .order-product .configure-product>div.total-price {
        clear: left
    }

    .wrapper .shoppingcart-step1 .order-product .configure-product>div.prices .your-price {
        margin: 0
    }

    .wrapper .shoppingcart-step1 .order-product .configure-product>div.delete {
        margin: 1.4em 0;
        float: left;
        clear: none
    }
}

.micro-shoppingcart {
    float: right;
    cursor: pointer
}

.micro-shoppingcart a.no-link {
    cursor: default
}

.micro-shoppingcart .cart-icon {
    position: relative;
    width: 36px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(../../../image/rambo/icon-shopping-cart.svg);
    z-index: 2
}

.micro-shoppingcart .cart-icon span {
    position: absolute;
    top: -13px;
    left: 11px;
    display: block;
    color: #ccc;
    width: 20px;
    text-align: center;
    font-family: "Montserrat Light 300";
    font-size: 11px;
    background-color: red;
    border-radius: 50%
}

.micro-shoppingcart.mobile-cartbtn {
    display: none;
    float: right
}

.micro-shoppingcart.mobile-cartbtn .cart-icon {
    margin: 0 0 0 .5em;
    width: 38px;
    height: 32px
}

.micro-shoppingcart.mobile-cartbtn .cart-icon span {
    margin: 0.1em .2em
}

.micro-shoppingcart p {
    margin: 20px 0 0 0
}

.micro-shoppingcart.mini-loading {
    opacity: 0.2
}

.micro-shoppingcart.mini-loading+.shoppingcart-flyout {
    display: none !important
}

.shoppingcart-header-wrapper {
    display: inline-block;
    float: right;
    padding-bottom: 27px
}

@media only screen and (min-width: 768px) {
    .shoppingcart-header-wrapper:hover .shoppingcart-flyout {
        display: block
    }
}

.shoppingcart-flyout {
    background-color: #fff;
    border: 1px solid #d0cec8;
    z-index: 10;
    width: 260px;
    margin-top: 60px;
    margin-right: -20px;
    padding: 15px;
    line-height: 32px;
    color: #000;
    position: absolute;
    right: 0;
    display: none
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-flyout {
        right: 11px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-flyout {
        right: -9px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-flyout .tooltip-container .popup {
        width: 280px;
        left: -162px
    }
}

.shoppingcart-flyout .tooltip-container .popup span {
    font-size: 14px;
    line-height: 14px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-flyout .tooltip-container .popup:before {
        right: 95px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-flyout .tooltip-container .popup:after {
        right: 96px;
        left: auto
    }
}

.shoppingcart-flyout:hover {
    display: block
}

.shoppingcart-flyout .title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Montserrat Light 300"
}

.shoppingcart-flyout .articles {
    font-size: 16px;
    width: 100%
}

.shoppingcart-flyout .articles .name {
    float: left;
    font-weight: bold
}

.shoppingcart-flyout .articles .price {
    float: right;
    font-weight: bold
}

.shoppingcart-flyout .shippingcost,
.shoppingcart-flyout .discount {
    font-size: 16px;
    width: 100%
}

.shoppingcart-flyout .shippingcost .tooltip-container,
.shoppingcart-flyout .discount .tooltip-container {
    float: left;
    margin-left: 5px;
    margin-top: -9px
}

.shoppingcart-flyout .shippingcost .name,
.shoppingcart-flyout .discount .name {
    float: left
}

.shoppingcart-flyout .shippingcost .price,
.shoppingcart-flyout .discount .price {
    float: right
}

.shoppingcart-flyout .discount .price:before {
    content: "- "
}

.shoppingcart-flyout .total {
    font-size: 16px;
    width: 100%;
    border-top: 1px solid #d0cec8
}

.shoppingcart-flyout .total .name {
    float: left;
    font-size: 16px;
    font-weight: bold
}

.shoppingcart-flyout .total .price {
    float: right;
    font-weight: bold
}

.shoppingcart-flyout .orderbutton {
    color: #000;
    background-color: #4DB5C2;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    border: 1px solid #000;
    text-transform: uppercase;
    font-family: "Montserrat Light 300";
    cursor: pointer
}

.shoppingcart-flyout:after,
.shoppingcart-flyout:before {
    bottom: 100%;
    left: 87%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.shoppingcart-flyout:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 20px;
    margin-left: -20px
}

.shoppingcart-flyout:before {
    border-color: rgba(208, 206, 200, 0);
    border-bottom-color: #d0cec8;
    border-width: 21px;
    margin-left: -21px
}

@media only screen and (max-width: 1072px) {
    .micro-container {
        right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .micro-container {
        right: 2%;
        top: 55px;
        margin-top: 6px
    }

    .shoppingcart-flyout {
        margin-right: 10px
    }

    .shoppingcart-flyout:after,
    .shoppingcart-flyout:before {
        left: 87%
    }

    .shoppingcart-header-wrapper:focus .shoppingcart-flyout {
        display: block
    }
}

@media screen and (min-width: 1070px) {
    .mobile-scbtn {
        display: none
    }
}

@media all and (max-width: 500px) {
    .micro-shoppingcart .cart-icon {
        margin-top: 24px
    }
}

.micro-container.micro-login {
    -ms-grid-column: 2
}

.micro-container.micro-login .accountdrop,
.micro-container.micro-login .signoutLink,
.micro-container.micro-login .favoriteslink,
.micro-container.micro-login .loginLink {
    font-family: "Montserrat Light 300";
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 15px
}

@media only screen and (max-width: 767px) {
    .micro-container.micro-login {
        display: none
    }
}

@media only screen and (max-width: 1072px) {
    .micro-container.micro-login {
        margin-top: 0;
        position: relative;
        right: initial;
        top: initial
    }

    .micro-container.micro-login .accountdrop {
        font-size: 0
    }

    .micro-container.micro-login .accountdrop:after {
        content: "\f007";
        font-family: "Montserrat Light 300";
        font-size: 15px
    }

    .micro-container.micro-login .my-profile {
        font-size: 0
    }

    .micro-container.micro-login .my-profile:before {
        content: '\f007';
        font-family: "Montserrat Light 300";
        font-size: 15px
    }
}

.shoppingcart-header-wrapper {
    -ms-grid-column: 3;
    position: relative;
    text-align: right;
    margin-right: 30px;
    margin-bottom: -30px;
    padding-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-header-wrapper {
        display: block;
        margin-right: 0
    }
}

.not-logged-in {
    margin-top: 11px
}

.logged-in {
    margin-top: 11px
}

.logged-in .welcome-message {
    display: none
}

.account-wrapper,
.loggedin-wrapper,
.not-logged-in a {
    display: inline-block
}

.account-wrapper:after,
.loggedin-wrapper:after,
.not-logged-in a:after {
    content: '|';
    display: inline-block;
    color: #fff;
    font-size: 15px
}

.account-wrapper:last-child:after,
.loggedin-wrapper:last-child:after,
.not-logged-in a:last-child:after {
    content: ''
}

.account-wrapper.favourites:after,
.loggedin-wrapper.favourites:after,
.not-logged-in a.favourites:after {
    content: "\f004";
    font-family: "Montserrat Light 300"
}

.not-logged-in a:after {
    margin-left: 4px;
    margin-right: 4px
}

.account-wrapper:hover .account-flyout,
.header-mobile-menu .mobile-menu.account:hover+.account-flyout {
    display: block;
    position: absolute;
    z-index: 100
}

.account-flyout {
    display: none
}

.account-flyout:hover {
    display: block
}

.account-flyout .options {
    background-color: #fff;
    line-height: 24px;
    cursor: pointer
}

.account-flyout .accountElem {
    padding: 0;
    list-style-type: none;
    border: 1px solid #E9E9E9;
    margin: 0
}

.account-flyout .accountElem li {
    border-top: 1px solid #E9E9E9;
    padding: 5px
}

.account-flyout .accountElem li:first-child {
    margin: 0
}

.account-flyout .accountElem li:hover {
    background-color: #E9E9E9
}

.account-flyout .accountElem li a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    color: #666
}

.header-mobile-menu .mobile-menu {
    text-decoration: none
}

.header-mobile-menu .account-flyout {
    position: absolute;
    top: 46px;
    right: 60px;
    z-index: 10
}

.header-mobile-menu .account-flyout .accountElem {
    border-color: #999;
    border-top: 0
}

.header-mobile-menu .account-flyout .accountElem li {
    border-color: #999
}

.shoppingcart-step2 textarea {
    border: 1px solid #999999;
    color: #999999;
    width: 280px;
    height: 60px
}

.shoppingcart-step2 input[type=text],
.shoppingcart-step2 input[type=tel],
.shoppingcart-step2 select {
    width: 90%
}

.shoppingcart-step2 .shoppingcart-totals {
    float: right;
    clear: both;
    width: auto
}

.shoppingcart-step2 .shoppingcart-totals td:nth-of-type(2n) {
    text-align: right
}

.shoppingcart-step2 .up>div {
    float: left;
    width: 49%;
    margin: 1em 1% 1em 0
}

.shoppingcart-step2 .up>div.odd {
    margin: 1em 0 1em 1%
}

.shoppingcart-step2 .up>div.full {
    width: 100%;
    margin: 0
}

.shoppingcart-step2 .up>div.validations {
    margin: 0
}

.shoppingcart-step2 .deliverypickup {
    clear: both;
    width: 100%
}

.shoppingcart-step2 .deliverypickup input[type=radio]+label {
    float: none
}

.shoppingcart-step2 .servicecenter {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 1em
}

.shoppingcart-step2 .addresses {
    clear: both;
    width: 100%
}

.shoppingcart-step2 .addresses>.address {
    float: left;
    width: 49%;
    margin: 1em 1% 1em 0
}

.shoppingcart-step2 .addresses>.address.delivery-address {
    margin: 1em 0 1em 1%
}

.shoppingcart-step2 .addresses>.address p,
.shoppingcart-step2 .addresses>.address input,
.shoppingcart-step2 .addresses>.address label {
    float: left;
    clear: both;
    display: block
}

.shoppingcart-step2 .addresses>.address .fullwidth {
    margin-bottom: 12px
}

.shoppingcart-step2 .addresses>.address select {
    clear: both;
    display: block
}

.shoppingcart-step2 .addresses>.address input[type=checkbox] {
    clear: none;
    float: left;
    margin: 4px 6px 0 0
}

.shoppingcart-step2 .addresses>.address input[type=checkbox]+label {
    clear: none
}

.shoppingcart-step2 .addresses .pickup-details {
    clear: both;
    margin: 1em 0
}

.shoppingcart-step2 .addresses .pickup-details .choose-pickup {
    float: left;
    width: 49%;
    margin: 1em 1% 1em 0
}

.shoppingcart-step2 .addresses .pickup-details .choose-pickup input,
.shoppingcart-step2 .addresses .pickup-details .choose-pickup select {
    padding-right: 24px
}

.shoppingcart-step2 .addresses .pickup-details .pickup-day {
    width: 65px
}

.shoppingcart-step2 .addresses .pickup-details .pickup-month {
    width: 300px
}

.shoppingcart-step2 .addresses .pickup-details .pickup-year {
    width: 80px
}

.shoppingcart-step2 .addresses .pickup-details .chosen-pickup {
    float: left;
    width: 49%;
    margin: 1em 0 1em 1%
}

.shoppingcart-step2 .payment {
    clear: both
}

.shoppingcart-step2 .payment input[type=radio] {
    margin: 0.2em 0 0 0.2em
}

.shoppingcart-step2 .remarks {
    clear: both
}

.shoppingcart-step2 .reference-Info {
    color: #888;
    font-style: italic;
    float: left;
    margin-bottom: 0
}

.shoppingcart-step2 .contact-reference label {
    display: block
}

.delivery>div {
    padding-left: 2px
}

.close {
    float: right
}

@media screen and (max-width: 960px) {

    .shoppingcart-step2>div,
    .shoppingcart-step2 .up>div,
    .shoppingcart-step2 .up>div.odd,
    .shoppingcart-step2 .up>div.full {
        width: 100%;
        margin: 0 0 1em 0
    }

    .shoppingcart-step2 .up {
        margin: 0
    }

    .shoppingcart-step2 .reference-Info {
        color: #888;
        font-style: italic;
        margin-left: 0;
        margin-right: 12px;
        float: left
    }

    .shoppingcart-step2 .addresses>.address.delivery-address,
    .shoppingcart-step2 .addresses>.address.invoice-address {
        width: 100%;
        margin: 1em 0
    }

    .shoppingcart-step2 .addresses>.pickup-details label {
        display: block;
        width: 100%
    }

    .shoppingcart-step2 .addresses>.pickup-details .choose-pickup,
    .shoppingcart-step2 .addresses>.pickup-details .chosen-pickup {
        width: 100%;
        margin: .5em 0
    }
}

.shoppingcart-step3 .shoppingcart-header .product-preview {
    width: 300px
}

.shoppingcart-step3 .shoppingcart-header .unit {
    width: 135px
}

.shoppingcart-step3 .shoppingcart-header .total {
    float: right;
    margin-right: 12px
}

.shoppingcart-step3 .shoppingcart-header .total h4 {
    font-family: "Montserrat Light 300";
    font-size: 16px;
    display: inline;
    color: #999
}

.shoppingcart-step3 .configure-product .product-details .total {
    position: absolute;
    top: 12px;
    right: 10px
}

.shoppingcart-step3 .configure-product .product-details .total .price {
    font-weight: bold;
    color: #000;
    font-family: "Montserrat Light 300"
}

.shoppingcart-step3 .configure-product .unit {
    width: 8em;
    float: left
}

.shoppingcart-step3 .configure-product .unit p {
    margin: 0 12px 0 0
}

.shoppingcart-step3 .configure-product .prices {
    float: left
}

.shoppingcart-step3 .configure-product .amount {
    float: left;
    width: 5.5em
}

.shoppingcart-step3 .configure-product .amount p {
    margin: 0 12px 0 0
}

.shoppingcart-step3 .configure-product .color {
    float: left
}

.shoppingcart-step3 .configure-product .color .color-preview-label {
    margin: 0
}

.shoppingcart-step3 .configure-product.small {
    display: none
}

.shoppingcart-step3 .order-panel {
    margin: 1em 0;
    clear: both;
    overflow: hidden
}

.shoppingcart-step3 .order-panel .label {
    font-weight: bold
}

.shoppingcart-step3 .order-panel>div {
    float: left;
    width: 50%
}

.shoppingcart-step3 .order-panel ul li {
    list-style-type: none
}

.shoppingcart-step3 .order-panel ul li:before {
    content: '\f111';
    font-family: 'Montserrat Light 300';
    font-size: 0.3em;
    color: #000F8B;
    margin-right: 10px;
    vertical-align: bottom
}

.shoppingcart-step3 .order-panel.order-confirm a {
    text-decoration: underline
}

.shoppingcart-step3 .order-panel.order-confirm label {
    width: 90%;
    padding: 0
}

.shoppingcart-step3 .order-panel input[type=checkbox] {
    margin-top: 2px
}

@media screen and (max-width: 960px) {
    .wrapper .shoppingcart-step3>.shoppingcart-table {
        overflow-x: auto
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .shoppingcart-wrapper {
        width: 100%
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.wide {
        display: none
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small {
        display: block
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>span {
        width: 100%;
        padding: 0
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>span .color {
        visibility: visible;
        margin-left: 4.6em
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>span .color .color-preview {
        padding: 7px;
        clear: none
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>span .color .color-preview-label {
        padding-top: 2px;
        margin-left: 32px
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>div {
        width: auto;
        margin: 0;
        clear: none
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>div.unit {
        width: 8em;
        color: #aaa;
        clear: left;
        margin-left: 5.2em
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>div.prices {
        width: 8em;
        margin-left: 0;
        font-weight: normal
    }

    .wrapper .shoppingcart-step3>.shoppingcart-table .order-product .configure-product.small>div.total {
        width: 100%;
        text-align: right
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-step3 .configure-product .product-details .total {
        position: static;
        float: right
    }

    .shoppingcart-step3 .order-panel>div {
        width: 100%;
        float: none;
        margin-bottom: 24px
    }

    .shoppingcart-step3 .order-panel>div ul {
        padding: 0;
        margin: 0
    }
}

.order-completed .address {
    margin-top: 10px
}

.product-detail .added,
.product-detail .error,
.product-detail .message-board-form .form-control-error,
.message-board-form .product-detail .form-control-error {
    top: 136px
}

.product-detail img.icon-favorites {
    float: none;
    display: inline;
    vertical-align: middle;
    margin: 0 1em 0 0
}

.tool-tip-wrapper {
    float: right;
    position: relative;
    width: 80px;
    clear: left
}

.tool-tip-wrapper span {
    display: none
}

.tool-tip-wrapper:hover span,
.tool-tip-wrapper:focus span {
    display: block;
    position: absolute;
    width: auto;
    top: -27px;
    left: -20px;
    padding: 0.4em 0.8em;
    background-color: #000;
    z-index: 10;
    color: #fff;
    white-space: nowrap
}

.tool-tip-wrapper:hover span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid black;
    left: 97px;
    top: 28px
}

.product-wrapper .error,
.product-wrapper .message-board-form .form-control-error,
.message-board-form .product-wrapper .form-control-error {
    margin-top: 5px;
    font-size: 14px;
    color: #e62111;
    display: block
}

.product-wrapper .error:before,
.product-wrapper .message-board-form .form-control-error:before,
.message-board-form .product-wrapper .form-control-error:before {
    content: "\f12a";
    font-family: "Montserrat Light 300";
    margin-right: 10px;
    font-size: 16px;
    color: #e62111
}

.order-product {
    clear: both
}

.order-product h3 {
    float: left;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0
}

.order-product h4 {
    margin: 0;
    font-size: 1.2em
}

.order-product .single-volume-value {
    display: none
}

.order-product .popup.amount-popup input {
    display: inline;
    max-width: 7em;
    padding: 7px;
    border: 1px solid #888;
    margin: 0;
    line-height: 1
}

.order-product .popup.amount-popup span {
    display: block;
    margin-bottom: 12px
}

.order-product.multiple,
.order-product.favorites-multiple {
    border-top: #ccc;
    padding-left: 7em
}

.order-product.multiple.favorites-wrapper,
.order-product.favorites-multiple.favorites-wrapper {
    min-height: 0 !important
}

.order-product.multiple.favorites-wrapper .configure-product span,
.order-product.favorites-multiple.favorites-wrapper .configure-product span {
    float: none
}

.order-product.multiple.favorites-wrapper .product-wrapper .prices,
.order-product.favorites-multiple.favorites-wrapper .product-wrapper .prices {
    position: relative;
    float: left
}

.order-product.multiple h4,
.order-product.favorites-multiple h4 {
    margin: 0;
    font-size: 1.1em;
    color: #999999;
    font-family: "Montserrat Light 300"
}

.order-product.multiple .configure-product span,
.order-product.favorites-multiple .configure-product span {
    float: right;
    clear: both
}

.order-product.multiple .configure-product .color,
.order-product.favorites-multiple .configure-product .color {
    width: 11em;
    margin: 0;
    padding-left: 1em
}

.order-product.multiple .configure-product .color-preview,
.order-product.favorites-multiple .configure-product .color-preview {
    margin-bottom: .6em
}

.order-product.multiple .configure-product .update-always,
.order-product.favorites-multiple .configure-product .update-always {
    clear: none;
    width: 100%;
    float: none
}

.order-product .prices {
    width: 9em
}

.order-product .prices .promo {
    background: #cc071e;
    padding: 2px 4px;
    color: #fff;
    display: block;
    width: 60px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.order-product .prices .your-price {
    margin-bottom: 5px
}

.order-product .prices .your-price .price {
    font-weight: bold;
    color: #000;
    font-size: 48px
}

.order-product .prices .your-price .price-from {
    font-size: 14px;
    display: block;
    color: #666666;
    margin-bottom: 2px
}

.order-product .prices .suffix {
    color: #888
}

.order-product .prices .message {
    color: #888;
    font-style: italic
}

.order-product .prices .normal-price {
    font-size: 12px;
    line-height: 18px;
    float: right;
    margin-top: 5px
}

.order-product .prices .no-price {
    color: #dd0000
}

.order-product .configure-product.steps-2 .spacer-one {
    left: 295px
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product.steps-2 .spacer-one {
        left: 238px
    }
}

.order-product .configure-product.steps-2 .spacer-two {
    display: none
}

.order-product .configure-product .spacer {
    position: absolute;
    width: 1px;
    height: 90%;
    top: 5%;
    background: #aca9a5
}

@media only screen and (max-width: 767px) {
    .order-product .configure-product .spacer {
        display: none
    }
}

.order-product .configure-product .spacer-one {
    left: 413px
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .spacer-one {
        left: 268px
    }
}

.order-product .configure-product .spacer-two {
    left: 686px
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .spacer-two {
        left: 499px
    }
}

.order-product .configure-product .tool-tip-wrapper {
    float: right;
    position: relative
}

.order-product .configure-product .tool-tip-wrapper span {
    display: none
}

.order-product .configure-product .tool-tip-wrapper:hover span,
.order-product .configure-product .tool-tip-wrapper:focus span {
    display: block;
    position: absolute;
    width: auto;
    top: -1.7em;
    left: -25px;
    padding: 0.4em 0.8em;
    background-color: #000;
    z-index: 10;
    color: #fff
}

.order-product .configure-product .tool-tip {
    position: absolute;
    pointer-events: none;
    float: right;
    right: 0;
    top: 67px;
    background-color: #000;
    color: white;
    z-index: 10;
    width: auto !important;
    padding: 0.3em !important;
    display: none
}

.order-product .configure-product .tool-tip-wrapper:hover span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid black;
    left: 97px;
    top: 28px
}

.order-product .configure-product select {
    margin: 0;
    display: inline-block;
    width: 90px
}

.order-product .configure-product select.amount {
    width: 60px
}

.order-product .configure-product .update-always .added {
    float: right;
    margin-top: 12px;
    clear: both
}

.order-product .configure-product .update-always .error,
.order-product .configure-product .update-always .message-board-form .form-control-error,
.message-board-form .order-product .configure-product .update-always .form-control-error {
    position: relative;
    top: 75px;
    right: 0;
    text-align: right;
    color: red
}

.order-product .configure-product .update-always .error.customer-price,
.order-product .configure-product .update-always .message-board-form .customer-price.form-control-error,
.message-board-form .order-product .configure-product .update-always .customer-price.form-control-error {
    top: 70px;
    position: absolute;
    padding: 0;
    margin: 0;
    background: 0;
    border: none
}

.order-product .configure-product .update-always .delivery {
    display: inline-block;
    font-weight: bold;
    margin: 1em 1em 1em 0;
    color: #079A0B
}

.order-product .configure-product span.product-preview {
    float: left
}

.order-product .configure-product>span.addtofavoritessuccess,
.order-product .configure-product>span.addtofavoriteserror {
    float: left;
    clear: none;
    margin-top: 12px
}

.order-product .configure-product>span .addtofavoriteserror {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACUElEQVRYw+WXv2tUQRDHP3s8RCQcQURCwFPCkTMn/kBNERBEA2mijdXJNlfFVFaKVYogEoJFSGkhpNnCJv9BiKUgCsaYEBBBCxERCSFYSLi1yDx9bt7mvX2X8woHHuzOzsx3+M7O7lvosqiijtYwANyR6ROl+fDPErCGC8Ay0CuqTeCq0qx0PAFriIBXwDlnaQW4pDQ7IfFKBQiYSAFHdBMdZcAajgIbwDGPyTegpjTfO8XA9D7gyNp0RxiwhjrwBogyTHeA80qzdmAMWAPAnAPeAl7I10roI2BOfA6sBDeAMQf8ptKMKM0IMO4kMSY+7ZfAGg4B74BqQv1caa45dkvA9YTqPXBGaX62y8BdBxxI3eWbzrwqvsVLYA19wFTK0ukUXTVFNyUxCjPwCCin6AelNMnTcTDFriwxwhOwhotA07McAfXEfAA47LFtSqz8CUgLzWcwVM8oSRJj3teWPoAGcCWjPEM5E0BiNXIlYA1HgNkc3ZGseS2H/azEzmTgHlDJEfCUZ+yTisT2H0TWUAHWYW+mnpvvgYwfAv05fH4AQ0rzKbmb/6IpJ3h88z0NvE3j8t7eUwJr/BvFIwvACfkWAvwagvWnBNZQAl6Cv18dWQPOKr17AYn/W6c195PXwLDStGIGmgHgAKsxOICMVwP8fx9yyhrK8pvVFxDgs/x6bQsDPRKjPyDGF6AWAZOB4AjQsjU8lvn9QHAEczICRgu+TS4Dz9p8GI2WYJfGLsl2CZgBtroAvgXMxG14HLgFnCz4WAmRFvARWFSar/z38gt3UYYlCZM/pgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 22px;
    color: red;
    font-size: 12px;
    line-height: 14px
}

.order-product .configure-product .addtofavorites {
    padding: 0;
    padding-top: 12px;
    float: left
}

.order-product .configure-product .addtofavorites a img {
    background: url("../../../image/favorite-3-icon-24.png");
    vertical-align: bottom;
    margin-right: 5px
}

.order-product .configure-product .addtofavorites a:hover img {
    background: url("../../../image/favorite-3-icon-24-active.png")
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message) .single-color-value {
    display: none
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message) .single-volume-value {
    display: none
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).mixSelect {
    float: none;
    margin-bottom: 6px
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).mixSelect label:first-of-type input[type=radio] {
    margin-left: 0
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).amount {
    width: 4em
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).inListAmount {
    width: 5em;
    padding: 0 .5em;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).total-price {
    width: 5em
}

.order-product .configure-product>div:not(.bundle-inner-wrapper):not(.related-message).total-price .price {
    font-weight: bold
}

.order-product .configure-product>.related-message {
    float: none;
    margin-bottom: 6px;
    color: #000F8B;
    font-weight: bold
}

.order-product .configure-product .color .color-container {
    height: 150px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.order-product .configure-product .color .color-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: #fff;
    width: 120px;
    height: 120px
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .color .color-preview {
        margin-right: 1.5em
    }
}

@media only screen and (max-width: 767px) {
    .order-product .configure-product .color .color-preview {
        margin-right: 0
    }
}

.order-product .configure-product .color .color-preview.show {
    display: block
}

.order-product .configure-product .color .color-preview.show+.readymixed-color {
    margin-left: 0;
    display: inline-block;
    float: left;
    width: 80px
}

.order-product .configure-product .color .color-preview.show.transparent {
    display: none
}

.order-product .configure-product .color .image-container {
    margin-top: 10px
}

.order-product .configure-product .color .image-container .color-code {
    position: static;
    text-align: left;
    width: 100%;
    line-height: 14px;
    color: #666666;
    font-size: 18px;
    font-family: "Montserrat Light 300";
    margin-bottom: 5px
}

.order-product .configure-product .color .image-container img {
    float: left;
    display: block;
    max-width: 120px
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .color .image-container img {
        max-width: 80px
    }
}

@media screen and (min-width: 425px) and (max-width: 767px) {
    .order-product .configure-product .color .image-container img {
        max-width: 100px
    }
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .color .change-color {
        margin-right: 1em
    }
}

@media only screen and (max-width: 767px) {
    .order-product .configure-product .color .change-color {
        margin-right: 0
    }
}

.order-product .configure-product .color .color-preview-label {
    display: block;
    margin-left: 40px;
    -ms-word-break: break-word;
    word-break: break-word
}

.order-product .configure-product .color .color-code {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 55%;
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    -ms-word-break: break-word;
    word-break: break-word;
    line-height: 14px;
    color: #666666;
    font-size: 18px;
    font-family: "Montserrat Light 300"
}

@media only screen and (max-width: 1072px) {
    .order-product .configure-product .color .color-code {
        width: 50%;
        text-align: center
    }
}

.order-product .configure-product .color .color-code .edit-color {
    display: block;
    margin-top: 6px
}

.order-product .configure-product .color .readymixed-color {
    display: block;
    max-width: 8.9em
}

.order-product .configure-product .product-preview .color-background {
    float: left;
    width: 74px;
    height: 74px;
    border: 1px solid #c5c2bd;
    position: relative;
    background-color: transparent
}

.order-product .configure-product .product-preview .color-background img {
    width: 64px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.order-product .button.add-to-cart {
    margin-top: 26px;
    padding: 3px 12px 3px 15px;
    clear: both
}

.order-product .button.add-to-cart:after {
    font-family: "Montserrat Light 300";
    content: "\f105";
    margin-left: 5px
}

.order-product .delete a.delete {
    color: #f00;
    text-decoration: underline
}

.popular-colors,
.readymixed-colors {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    display: table;
    width: 100%
}

@media only screen and (max-width: 1072px) {

    .popular-colors,
    .readymixed-colors {
        margin-left: -10px;
        margin-right: 10px
    }
}

@media only screen and (max-width: 767px) {

    .popular-colors,
    .readymixed-colors {
        margin-left: 0;
        margin-right: 0
    }
}

.popular-colors>li,
.readymixed-colors>li {
    display: inline;
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 10px;
    position: relative
}

@media only screen and (min-width: 1073px) {

    .popular-colors>li:nth-child(4n+1),
    .readymixed-colors>li:nth-child(4n+1) {
        clear: left
    }
}

@media only screen and (max-width: 1072px) {

    .popular-colors>li,
    .readymixed-colors>li {
        width: 33.3333%
    }

    .popular-colors>li:nth-child(3n+1),
    .readymixed-colors>li:nth-child(3n+1) {
        clear: left
    }
}

.popular-colors>li a,
.readymixed-colors>li a {
    font-size: 12px;
    text-align: center;
    color: #000000;
    text-decoration: none
}

.popular-colors>li:hover .color-preview-window,
.readymixed-colors>li:hover .color-preview-window {
    display: block
}

.popular-colors>li .color-preview-window,
.readymixed-colors>li .color-preview-window {
    display: none;
    position: absolute;
    top: -175px;
    right: -23px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    z-index: 1
}

@media only screen and (max-width: 1072px) {

    .popular-colors>li .color-preview-window,
    .readymixed-colors>li .color-preview-window {
        top: -150px;
        right: -10px
    }
}

@media only screen and (max-width: 767px) {

    .popular-colors>li .color-preview-window,
    .readymixed-colors>li .color-preview-window {
        top: -150px;
        right: -30px
    }
}

.popular-colors>li .color-preview-window:before,
.readymixed-colors>li .color-preview-window:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 17px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -16px;
    z-index: 2
}

.popular-colors>li .color-preview-window:after,
.readymixed-colors>li .color-preview-window:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 18px 0 18px;
    border-color: #a0a0a0 transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: -1px;
    bottom: -17px;
    z-index: 1
}

.popular-colors>li .color-preview-window .color-preview-box,
.readymixed-colors>li .color-preview-window .color-preview-box {
    width: 150px;
    height: 150px;
    margin: 10px
}

@media only screen and (max-width: 1072px) {

    .popular-colors>li .color-preview-window .color-preview-box,
    .readymixed-colors>li .color-preview-window .color-preview-box {
        width: 125px;
        height: 125px
    }
}

.popular-color-preview,
.readymixed-color-preview {
    width: 54px;
    height: 54px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #bfbcb7
}

.configure-product h4 {
    font-size: 15px
}

.order-popup .product-wrapper .configure-product .selectlabel {
    display: none
}

@media screen and (max-width: 1072px) {

    .wrapper .order-product.multiple .configure-product .tool-tip-wrapper:hover span,
    .wrapper .order-product.multiple .configure-product .tool-tip-wrapper:focus span,
    .wrapper .order-product.favorites-multiple .configure-product .tool-tip-wrapper:hover span,
    .wrapper .order-product.favorites-multiple .configure-product .tool-tip-wrapper:focus span {
        left: -4em
    }

    .order-product.multiple .configure-product .tool-tip-wrapper:hover span,
    .order-product.multiple .configure-product .tool-tip-wrapper:focus span {
        top: 50px;
        padding: 0.2em 0.8em
    }

    .order-product.multiple .configure-product .tool-tip-wrapper:hover span:after,
    .order-product.multiple .configure-product .tool-tip-wrapper:focus span:after {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: 8px solid black;
        border-top: none;
        left: 97px;
        top: -5px
    }

    .order-product {
        margin-left: 0
    }

    .order-product .configure-product .addtofavorites {
        width: 100%
    }

    .order-product .configure-product .addtofavorites a img {
        margin-right: 0.5em
    }

    .wrapper .favorites-wrapper.multiple .configure-product .prices,
    .wrapper .favorites-wrapper.favorites-multiple .configure-product .prices {
        float: none;
        width: auto;
        margin-top: 0 !important
    }

    .wrapper .favorites-wrapper.multiple .configure-product .prices .your-price,
    .wrapper .favorites-wrapper.favorites-multiple .configure-product .prices .your-price {
        margin-top: 0 !important
    }

    .wrapper .order-product .configure-product .tool-tip-wrapper:hover span,
    .wrapper .order-product .configure-product .tool-tip-wrapper:focus span {
        left: -5.4em
    }

    .wrapper .order-product .configure-product,
    .wrapper .order-product.multiple .configure-product,
    .wrapper .order-product.favorites-multiple .configure-product {
        padding: 1em 0 0 0;
        margin: 0
    }

    .wrapper .order-product .configure-product>div,
    .wrapper .order-product.multiple .configure-product>div,
    .wrapper .order-product.favorites-multiple .configure-product>div {
        width: 50%;
        padding: 0;
        margin: 1em 0 0 0;
        clear: none
    }

    .wrapper .order-product .configure-product>div.update-always,
    .wrapper .order-product.multiple .configure-product>div.update-always,
    .wrapper .order-product.favorites-multiple .configure-product>div.update-always {
        width: 100%;
        text-align: left;
        position: relative;
        float: right
    }

    .wrapper .order-product .configure-product>div.update-always .delivery,
    .wrapper .order-product.multiple .configure-product>div.update-always .delivery,
    .wrapper .order-product.favorites-multiple .configure-product>div.update-always .delivery {
        margin: 1em 0 0
    }

    .wrapper .order-product .configure-product>div.update-always .added,
    .wrapper .order-product .configure-product>div.update-always .error,
    .wrapper .order-product .configure-product>div.update-always .message-board-form .form-control-error,
    .message-board-form .wrapper .order-product .configure-product>div.update-always .form-control-error,
    .wrapper .order-product.multiple .configure-product>div.update-always .added,
    .wrapper .order-product.multiple .configure-product>div.update-always .error,
    .wrapper .order-product.multiple .configure-product>div.update-always .message-board-form .form-control-error,
    .message-board-form .wrapper .order-product.multiple .configure-product>div.update-always .form-control-error,
    .wrapper .order-product.favorites-multiple .configure-product>div.update-always .added,
    .wrapper .order-product.favorites-multiple .configure-product>div.update-always .error,
    .wrapper .order-product.favorites-multiple .configure-product>div.update-always .message-board-form .form-control-error,
    .message-board-form .wrapper .order-product.favorites-multiple .configure-product>div.update-always .form-control-error {
        position: static;
        float: right;
        white-space: normal;
        clear: right
    }

    .wrapper .order-product .configure-product>div:nth-of-type(2n+2),
    .wrapper .order-product.multiple .configure-product>div:nth-of-type(2n+2),
    .wrapper .order-product.favorites-multiple .configure-product>div:nth-of-type(2n+2) {
        margin: 1em 0 0 0
    }

    .wrapper .order-product .configure-product>div.color,
    .wrapper .order-product.multiple .configure-product>div.color,
    .wrapper .order-product.favorites-multiple .configure-product>div.color {
        margin-bottom: 2px
    }

    .wrapper .order-product .configure-product>div.color>h4,
    .wrapper .order-product.multiple .configure-product>div.color>h4,
    .wrapper .order-product.favorites-multiple .configure-product>div.color>h4 {
        margin-left: 40px
    }

    .wrapper .order-product .configure-product>div.inListAmount,
    .wrapper .order-product.multiple .configure-product>div.inListAmount,
    .wrapper .order-product.favorites-multiple .configure-product>div.inListAmount {
        clear: left
    }

    .wrapper .order-product .configure-product>div h4,
    .wrapper .order-product.multiple .configure-product>div h4,
    .wrapper .order-product.favorites-multiple .configure-product>div h4 {
        margin: 0
    }

    .wrapper .order-product .configure-product .tool-tip,
    .wrapper .order-product.multiple .configure-product .tool-tip,
    .wrapper .order-product.favorites-multiple .configure-product .tool-tip {
        bottom: 38px;
        top: auto
    }

    .wrapper .order-product .configure-product .readymixed-color,
    .wrapper .order-product.multiple .configure-product .readymixed-color,
    .wrapper .order-product.favorites-multiple .configure-product .readymixed-color {
        margin-top: 0;
        max-width: 66%
    }

    .wrapper .order-product .configure-product .color-preview,
    .wrapper .order-product.multiple .configure-product .color-preview,
    .wrapper .order-product.favorites-multiple .configure-product .color-preview {
        clear: both;
        margin: .3em .3em .8em
    }

    .wrapper .order-product .configure-product .color-code,
    .wrapper .order-product.multiple .configure-product .color-code,
    .wrapper .order-product.favorites-multiple .configure-product .color-code {
        margin: 0;
        line-height: 16px
    }

    .wrapper .order-product .configure-product .color-preview.show+.color-code,
    .wrapper .order-product.multiple .configure-product .color-preview.show+.color-code,
    .wrapper .order-product.favorites-multiple .configure-product .color-preview.show+.color-code {
        display: block;
        margin-left: 40px
    }

    .order-product.multiple,
    .order-product.favorites-multiple {
        padding-left: 6em
    }

    .order-product.multiple h4,
    .order-product.favorites-multiple h4 {
        width: 100%
    }

    body .order-product .popup:not(.js-hatch-popup)>.window,
    body .order-product .popup.color-popup>.window,
    body .order-product .popup.amount-popup>.window {
        width: auto;
        top: 0 !important;
        bottom: 0;
        left: 0 !important;
        right: 0;
        margin: 0;
        padding: 1em
    }

    body .order-product .popup:not(.js-hatch-popup) .step-1 select,
    body .order-product .popup:not(.js-hatch-popup) .step-1 span,
    body .order-product .popup:not(.js-hatch-popup) .step-1 input,
    body .order-product .popup.color-popup .step-1 select,
    body .order-product .popup.color-popup .step-1 span,
    body .order-product .popup.color-popup .step-1 input,
    body .order-product .popup.amount-popup .step-1 select,
    body .order-product .popup.amount-popup .step-1 span,
    body .order-product .popup.amount-popup .step-1 input {
        clear: both;
        width: 100%;
        max-width: none
    }

    body .order-product .popup:not(.js-hatch-popup) .step-1 span.or,
    body .order-product .popup.color-popup .step-1 span.or,
    body .order-product .popup.amount-popup .step-1 span.or {
        text-align: left;
        margin-left: 0
    }

    .order-product .popup.color-popup>.window .button.confirm {
        margin-left: 0
    }

    .order-product .popup.color-popup .colors>div {
        width: 49%
    }

    .order-product .popup.color-popup .colors>div:hover,
    .order-product .popup.color-popup .colors>div:active {
        background: inherit;
        color: inherit
    }
}

@media only screen and (max-width: 767px) {
    .product-wrapper {
        position: relative
    }

    .order-product .button.add-to-cart {
        margin-top: 24px
    }

    .order-product.multiple .prices {
        top: 85px
    }

    .order-product.multiple .configure-product .tool-tip-wrapper {
        float: none;
        width: auto;
        clear: both
    }

    .order-product.multiple .configure-product .tool-tip-wrapper:hover span,
    .order-product.multiple .configure-product .tool-tip-wrapper:focus span {
        left: inherit;
        right: 0;
        top: 60px
    }

    .order-product.multiple .configure-product>div.color:not(.bundle-inner-wrapper):not(.related-message) {
        width: 50%
    }

    .order-product .configure-product .update-always .error.customer-price,
    .order-product .configure-product .update-always .message-board-form .customer-price.form-control-error,
    .message-board-form .order-product .configure-product .update-always .customer-price.form-control-error {
        position: static;
        width: 100%;
        float: left;
        margin-top: 12px
    }

    .order-product .configure-product .update-always .error,
    .order-product .configure-product .update-always .message-board-form .form-control-error,
    .message-board-form .order-product .configure-product .update-always .form-control-error {
        position: static;
        width: 100%;
        text-align: left;
        margin-top: 12px
    }

    .order-product.multiple .configure-product>div.inListAmount:not(.bundle-inner-wrapper):not(.related-message) {
        width: 46%;
        clear: left;
        border-left: 0;
        padding-left: 0;
        border-right: 1px solid #d6d6d6
    }

    .order-product.multiple .configure-product .tool-tip-wrapper:hover span,
    .order-product.multiple .configure-product .tool-tip-wrapper:focus span {
        top: 13px;
        left: -20px
    }

    .order-product.multiple .configure-product .tool-tip-wrapper:hover span:after,
    .order-product.multiple .configure-product .tool-tip-wrapper:focus span:after {
        border-top: 8px solid black;
        border-bottom: none;
        top: 23px
    }

    .order-product.multiple .configure-product .color {
        width: 7em
    }

    .order-product.multiple .configure-product .color .color-code {
        line-height: 14px
    }

    .order-product.multiple .prices,
    .order-product.favorites-multiple .prices {
        position: absolute;
        clear: both;
        display: block;
        text-align: right;
        width: 8em;
        margin-bottom: 24px;
        top: 95px;
        right: 0
    }

    .order-product.multiple .prices .your-price>div,
    .order-product.favorites-multiple .prices .your-price>div {
        font-size: 14px;
        font-family: "Montserrat Light 300"
    }

    .order-product.multiple .prices .your-price span,
    .order-product.favorites-multiple .prices .your-price span {
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        margin-top: 6px
    }

    .order-product>span.addtofavoritessuccess {
        clear: both;
        float: left
    }

    .order-product select {
        width: auto
    }

    .popup.color-popup .step-2>div>p {
        margin-bottom: 0
    }

    .popup.color-popup .chosen-color {
        width: 100%;
        font-size: 14px;
        line-height: 14px
    }

    .popup.color-popup .readymixed-super-wrapper {
        min-width: 0;
        width: 100%
    }

    .button.add-to-cart {
        margin-top: 46px
    }
}

@media all and (max-width: 500px) {

    .order-product .popup.color-popup .colors>div,
    .popup.color-popup .colors>div {
        width: 99% !important;
        margin-top: 5px !important
    }
}

.order-samples .step-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 2em 0 0;
    float: left;
    min-height: 9em
}

.order-samples .step-1 select,
.order-samples .step-1 input {
    float: left;
    width: auto
}

.order-samples .step-1 .or {
    float: left;
    margin: .2em .4em
}

.order-samples .step-2 {
    min-height: 1px;
    width: 40%;
    float: left
}

.order-samples .step-3 {
    margin: 0 0 0 5%;
    width: 55%;
    float: left
}

.order-samples .step-3 .preview-color {
    width: 100%;
    height: 45px
}

.order-samples .step-3 .sample-amount {
    margin: 1.6em .5em 1em 0
}

.order-samples .step-3 .button.confirm {
    display: inline-block;
    margin: 1em 0
}

.order-samples .samples {
    overflow: hidden;
    width: 101%;
    margin-left: -.5%;
    max-height: 300px;
    overflow-y: auto
}

.order-samples .samples>div {
    position: relative;
    float: left;
    width: 94%;
    padding: 20px 2.5%;
    margin: .5%;
    overflow: hidden;
    cursor: pointer
}

.order-samples .samples>div .label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: table;
    background: #0f0f0f;
    color: #fff;
    text-align: center;
    line-height: 13px;
    height: 20px
}

.order-samples .samples>div .label span {
    display: table-cell;
    vertical-align: middle;
    padding: .3em
}

.order-samples .samples>div:hover span,
.order-samples .samples>div.active span {
    background: #c7c7c7;
    color: #000
}

.order-samples .temp-cart .error,
.order-samples .temp-cart .message-board-form .form-control-error,
.message-board-form .order-samples .temp-cart .form-control-error {
    color: red;
    position: relative;
    top: 1.2em
}

.order-samples .temp-cart table {
    width: 100%
}

.order-samples .temp-cart td {
    padding: .6em .7em .3em .3em;
    background: #efefef
}

.order-samples .temp-cart th {
    padding: 0 .7em .5em 0;
    text-align: left
}

.order-samples .temp-cart .color-preview {
    float: left;
    padding: .6em
}

.order-samples .temp-cart .cart-sample-delete {
    padding: .1em .4em;
    font-size: 1.3em;
    position: relative;
    top: -.1em
}

.order-samples .temp-cart .total {
    margin: .3em 0 0 0;
    float: right
}

.order-samples .temp-cart .add-to-cart {
    float: right
}

.add-product-by-code {
    overflow: hidden;
    margin: 1em 0;
    padding: 0 0 .5em 0
}

.add-product-by-code label,
.add-product-by-code input,
.add-product-by-code span {
    float: left;
    width: auto;
    clear: none;
    margin: 0 1em 0 0;
    font-size: 1em;
    padding: .5em
}

.add-product-by-code label {
    padding-left: 0
}

.add-product-by-code .error,
.add-product-by-code .message-board-form .form-control-error,
.message-board-form .add-product-by-code .form-control-error {
    color: red;
    padding: .5em 0 .5em 3em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACUElEQVRYw+WXv2tUQRDHP3s8RCQcQURCwFPCkTMn/kBNERBEA2mijdXJNlfFVFaKVYogEoJFSGkhpNnCJv9BiKUgCsaYEBBBCxERCSFYSLi1yDx9bt7mvX2X8woHHuzOzsx3+M7O7lvosqiijtYwANyR6ROl+fDPErCGC8Ay0CuqTeCq0qx0PAFriIBXwDlnaQW4pDQ7IfFKBQiYSAFHdBMdZcAajgIbwDGPyTegpjTfO8XA9D7gyNp0RxiwhjrwBogyTHeA80qzdmAMWAPAnAPeAl7I10roI2BOfA6sBDeAMQf8ptKMKM0IMO4kMSY+7ZfAGg4B74BqQv1caa45dkvA9YTqPXBGaX62y8BdBxxI3eWbzrwqvsVLYA19wFTK0ukUXTVFNyUxCjPwCCin6AelNMnTcTDFriwxwhOwhotA07McAfXEfAA47LFtSqz8CUgLzWcwVM8oSRJj3teWPoAGcCWjPEM5E0BiNXIlYA1HgNkc3ZGseS2H/azEzmTgHlDJEfCUZ+yTisT2H0TWUAHWYW+mnpvvgYwfAv05fH4AQ0rzKbmb/6IpJ3h88z0NvE3j8t7eUwJr/BvFIwvACfkWAvwagvWnBNZQAl6Cv18dWQPOKr17AYn/W6c195PXwLDStGIGmgHgAKsxOICMVwP8fx9yyhrK8pvVFxDgs/x6bQsDPRKjPyDGF6AWAZOB4AjQsjU8lvn9QHAEczICRgu+TS4Dz9p8GI2WYJfGLsl2CZgBtroAvgXMxG14HLgFnCz4WAmRFvARWFSar/z38gt3UYYlCZM/pgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat
}

.add-product-by-code .success {
    color: green;
    padding: .5em 0
}

.add-product-by-ean-code .success {
    color: green
}

.add-product-by-ean-code>label {
    vertical-align: top;
    margin-top: 4px;
    display: block;
    font-style: italic
}

.add-product-by-ean-code>label:first-child {
    margin-top: 0;
    font-style: normal
}

.add-product-by-ean-code div {
    display: inline-block
}

.add-product-by-ean-code div label {
    display: block;
    margin-bottom: 12px
}

.add-product-by-ean-code input:focus {
    outline: none
}

.add-product-by-ean-code input[type=number]::-webkit-inner-spin-button,
.add-product-by-ean-code input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.add-product-by-ean-code input[type=number] {
    -moz-appearance: textfield
}

.add-product-by-ean-code .inactive {
    cursor: default;
    background-color: #D0D0D0
}

.add-product-by-ean-code .inactive:hover {
    background-color: #D0D0D0
}

.add-product-by-ean-code .add-product {
    height: 33px;
    line-height: 23px;
    margin-left: 6px
}

.add-product-by-ean-code .invalid {
    border-color: red
}

.add-product-by-ean-code #add-product-by-ean-code {
    margin-bottom: 6px
}

@media screen and (max-width: 960px) {
    #add-product-by-code {
        clear: left;
        max-width: 12em
    }

    .add-product-by-ean-code .add-product {
        margin-left: 0;
        clear: left
    }
}

.colorproduct .order-product.multiple .configure-product,
.colorproduct .order-product.favorites-multiple .configure-product {
    float: right;
    overflow: visible;
    border-top: none;
    margin-bottom: 0
}

.colorproduct .order-product.multiple .configure-product:before,
.colorproduct .order-product.favorites-multiple .configure-product:before {
    content: '';
    border-top: 1px solid #eee;
    width: 100%;
    position: absolute;
    right: 0
}

.colorproduct .order-product.multiple .configure-product .update-always,
.colorproduct .order-product.favorites-multiple .configure-product .update-always {
    margin: 0 0 1em
}

@media screen and (max-width: 960px) {

    .wrapper .colorproduct .order-product.multiple .configure-product,
    .wrapper .colorproduct .order-product.favorites-multiple .configure-product {
        float: none
    }

    .wrapper .colorproduct .order-product.multiple .configure-product .update-always,
    .wrapper .colorproduct .order-product.favorites-multiple .configure-product .update-always {
        clear: none;
        float: right;
        width: auto;
        display: block
    }
}

.related-products .order-product.multiple {
    background: #F2F2F2;
    margin: 12px auto 0 auto;
    padding: 12px;
    width: 96%;
    border-radius: 12px
}

.related-products .order-product.multiple .configure-product .cannotaddtofavorites {
    display: none
}

.related-products .order-product.multiple .configure-product .tool-tip-wrapper:hover span {
    top: -30px
}

.related-products .order-product.multiple .configure-product .tool-tip-wrapper:hover span:after {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid black;
    border-bottom: none;
    left: 97px;
    bottom: -7px;
    top: initial
}

.product-detail .related-products .additional-information .order-product.multiple .button {
    margin-top: 12px;
    display: inline-block;
    float: right;
    width: auto;
    padding-right: 21px
}

.product-detail .related-products .additional-information .order-product.multiple .button:hover {
    text-decoration: none
}

.product-detail .related-products .additional-information .order-product.multiple .button:after {
    display: inline-block;
    margin-left: 0;
    line-height: 26px
}

.product-detail .related-products .additional-information .button.open-order {
    margin: 12px 24px 12px 0;
    padding-right: 10px;
    width: auto;
    float: right
}

.product-detail .related-products .additional-information .button.open-order span.hide-order {
    display: none
}

.product-detail .related-products .additional-information .button.open-order:hover {
    text-decoration: none
}

@media all and (min-width: 768px) {
    .related-products .product-wrapper .prices {
        position: static;
        margin-bottom: 12px;
        float: right
    }

    .related-products .order-product.multiple .configure-product .cannotaddtofavorites {
        display: none
    }

    .related-products .order-product.multiple .configure-product>div {
        width: 50%;
        border: none
    }

    .related-products .order-product.multiple .configure-product>div:nth-of-type(n+2) {
        border-left: 1px solid #d6d6d6
    }

    .related-products .order-product.multiple .configure-product>div:empty {
        display: none
    }

    .related-products .order-product.multiple .configure-product>div.update-always {
        width: 100%;
        margin: 12px 0
    }

    .related-products .order-product.multiple .configure-product .tool-tip-wrapper:hover span {
        top: -25px
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .product-detail .mobile-gallery {
        border: 1px solid #bfbcb7
    }
}

.compare-overlay {
    width: auto;
    height: auto;
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(5px);
    -webkit-transform: translateZ(5px);
    transform: translateZ(5px)
}

.compare-overlay .title {
    color: #333333;
    font-family: "Montserrat Light 300";
    font-size: 24px;
    margin-right: 10px;
    text-transform: uppercase;
    float: left
}

.compare-overlay .compare-intro-text {
    width: auto;
    padding-right: 50px;
    float: left;
    font-size: 15px
}

.compare-overlay>.bg {
    opacity: .2;
    background-color: #333;
    z-index: 9998;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.compare-overlay>.window {
    z-index: 10000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border: 1px solid #d0cec8;
    background-color: #ffffff;
    padding: 20px;
    overflow: auto;
    max-height: 85%;
    -webkit-overflow-scrolling: touch;
    width: 780px
}

.compare-overlay>.window .compare-overlay-wrapper .tool-tip-wrapper {
    float: left;
    clear: none;
    margin-left: 20px;
    margin-top: 97px;
    top: auto
}

.compare-overlay>.window .compare-overlay-wrapper>span:not(.title) {
    font-weight: bold;
    font-size: 16px
}

.compare-overlay>.window h2 {
    margin-bottom: 6px;
    font-family: "Montserrat Light 300"
}

.compare-overlay>.window input,
.compare-overlay>.window select {
    float: none;
    clear: both;
    display: block;
    margin: 2px 0 5px 0;
    max-width: 100%
}

.compare-overlay>.window .small input {
    max-width: 7em;
    clear: both
}

.compare-overlay>.window input[type=checkbox],
.compare-overlay>.window input[type=radio] {
    margin: 5px 5px 0 0
}

.compare-overlay>.window .link {
    cursor: pointer;
    font-size: 15px;
    color: #0c59A1
}

.compare-overlay>.window .link:hover:before {
    color: #f2f2f2
}

.compare-overlay>.window .remove {
    cursor: pointer
}

.compare-overlay>.window .button {
    float: left;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 21px;
    color: #999;
    border: 1px solid #999
}

.compare-overlay>.window .button:after {
    font-family: "Montserrat Light 300";
    content: "\f105";
    margin-left: 15px;
    color: #999
}

.compare-overlay>.window .close:before {
    content: "\f107";
    font-family: "Montserrat Light 300";
    font-size: 2em;
    color: #005570;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    padding: 15px 20px 10px 10px
}

@media only screen and (max-width: 767px) {
    .compare-overlay>.window .close:before {
        padding: 25px 10px 10px 10px
    }
}

.compare-overlay>.window .close:hover:before {
    color: #4177b0
}

.compare-overlay>.window .close span {
    display: none
}

.compare-overlay>.window .submit-buttons {
    margin-top: 10px
}

.compare-overlay>.window .submit-buttons .button {
    display: inline-block
}

.compare-overlay>.window .items {
    float: left
}

.compare-overlay>.window .items+button.compare {
    margin-top: 97px;
    margin-left: 20px;
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .compare-overlay>.window .items+button.compare {
        margin-top: 20px
    }
}

.compare-overlay>.window .items ul {
    margin: 0;
    padding: 0
}

.compare-overlay>.window .items ul li {
    float: left;
    margin-right: 20px;
    list-style-type: none;
    width: 159px;
    border: none;
    height: auto
}

@media only screen and (max-width: 1072px) {
    .compare-overlay>.window .items ul li {
        margin-right: 10px
    }
}

@media only screen and (max-width: 767px) {
    .compare-overlay>.window .items ul li {
        margin-right: 20px
    }
}

.compare-overlay>.window .items ul li:last-of-type {
    margin-right: 0
}

.compare-overlay>.window .items ul li p {
    font-family: "Montserrat Light 300";
    color: #005570;
    display: block;
    text-align: center;
    font-size: 16px;
    word-break: break-word;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    height: auto
}

@media only screen and (max-width: 767px) {
    .compare-overlay>.window .items ul li p {
        font-size: 12px
    }
}

.compare-overlay>.window .items ul li .image-container {
    position: relative;
    width: 159px;
    height: 159px;
    border: none;
    background-color: transparent
}

.compare-overlay>.window .items ul li .image-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    max-width: 100px
}

.compare-overlay>.window .items ul li .image-container .remove {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ccc;
    font-size: 1.5em;
    z-index: 10
}

.compare-overlay>.window .items ul li .image-container .remove:before {
    font-family: "Montserrat Light 300";
    content: "X"
}

.compare-overlay>.window .items ul li>div {
    position: relative;
    display: table;
    width: 159px;
    height: 159px;
    border: 1px solid #bfbfbf;
    background-color: #fbfcf9;
    padding-left: 5px;
    padding-right: 5px
}

.compare-overlay>.window .items ul li>div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.compare-overlay>.window .items ul li>div .link {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%
}

.compare-overlay.small>.window {
    width: 35em;
    margin-left: -17.5em
}

.compare-overlay.small input {
    margin-bottom: 12px;
    display: block
}

.compare-overlay.small .close {
    right: 1em
}

.compare-overlay.small .close+div {
    padding-right: 2.5em
}

.compare-product-overlay-trigger {
    border-left: 1px solid #d0cec8;
    border-right: 1px solid #d0cec8;
    border-top: 1px solid #d0cec8;
    background-color: #fff;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 780px;
    z-index: 10;
    cursor: pointer;
    display: none
}

.compare-product-overlay-trigger:after {
    content: "\f106";
    font-family: "Montserrat Light 300";
    font-size: 2em;
    color: #005570;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold
}

.compare-product-overlay-trigger p {
    text-align: center;
    margin-top: 9px;
    padding-right: 30px
}

@media screen and (max-width: 960px) {
    .compare-overlay {
        overflow-y: scroll
    }

    .compare-overlay>.window {
        position: fixed;
        width: auto;
        top: auto;
        bottom: 0;
        left: 10px;
        right: 10px;
        margin: 0;
        overflow-y: auto
    }

    .compare-overlay.small>.window {
        bottom: auto
    }
}

@media only screen and (max-width: 767px) {
    .compare-overlay>.window {
        padding: 25px 10px 25px 10px;
        height: auto
    }

    .compare-overlay>.window .items {
        margin-bottom: 10px;
        width: 100%
    }

    .compare-overlay>.window .items ul {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        width: 283px
    }

    .compare-overlay>.window .items ul li {
        width: 88px;
        margin-right: 1%;
        margin-left: 1%
    }

    .compare-overlay>.window .items ul li>div {
        width: 88px;
        height: 88px;
        padding: 0
    }

    .compare-overlay>.window .items ul li>div span {
        line-height: 18px;
        font-size: 14px
    }

    .compare-overlay>.window .items ul li .image-container {
        height: 88px;
        width: 88px
    }

    .compare-overlay>.window .items ul li .image-container img {
        max-width: 65px
    }

    .compare-overlay>.window .items ul li .image-container .remove {
        top: 1px;
        right: 3px;
        font-size: 1em
    }

    .compare-overlay>.window .items+button.compare {
        float: none;
        display: block;
        clear: both;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }

    .compare-overlay>.window .compare-overlay-wrapper .tool-tip-wrapper {
        float: left;
        clear: both;
        margin-left: 0;
        margin-top: 0;
        width: 100%
    }

    .compare-overlay>.window .compare-overlay-wrapper .tool-tip-wrapper span {
        width: 200px;
        left: 50%;
        right: 50%;
        margin-left: -100px;
        margin-right: -100px
    }

    .compare-overlay>.window .button.compare {
        float: none;
        display: block;
        clear: both;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }

    .compare-overlay .close {
        top: 0;
        right: 0
    }

    .compare-overlay h1 {
        padding-top: .75em
    }
}

@media only screen and (max-width: 1072px) {
    .compare-product-overlay-trigger {
        width: auto;
        left: 10px;
        right: 10px
    }
}

.popup-open .product-overview-results .items .product-actions {
    z-index: auto
}

@media only screen and (max-width: 767px) {
    .compare-products-page .page-wrapper {
        overflow-x: scroll
    }
}

.compare-products {
    width: 80%;
    border: none;
    border-spacing: 0;
    table-layout: fixed;
    margin-bottom: 32px
}

.compare-products .mobile-hidden {
    display: table-cell
}

.compare-products .product {
    position: relative;
    vertical-align: top;
    padding: 5px 10px 60px 10px
}

.compare-products .product .title a {
    text-decoration: none
}

.compare-products .product .title a:hover {
    text-decoration: underline
}

.compare-products .product .product-actions-wrapper {
    position: relative;
    width: 100%;
    z-index: 1
}

.compare-products .product .product-actions-wrapper .rating {
    position: absolute;
    top: 3px;
    left: 8px;
    z-index: 1
}

.compare-products .product .product-actions-wrapper .favorites {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 1
}

.compare-products .product .product-actions-wrapper>a {
    position: absolute;
    top: 3px;
    right: 8px;
    z-index: 1
}

.compare-products .product h3 {
    font-family: "Montserrat Light 300";
    margin-top: 15px;
    color: #000;
    min-height: 100px;
    text-transform: uppercase
}

.compare-products ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.compare-products ul li {
    position: relative;
    padding-left: 20px
}

.compare-products ul li:before {
    position: absolute;
    top: 2px;
    left: 0;
    font-family: "Montserrat Light 300";
    content: "\f054"
}

.compare-products img {
    max-height: 100px;
    max-width: 100px
}

.compare-products p {
    margin: 0
}

.compare-products tr.padding-bottom td,
.compare-products tr.padding-bottom th {
    padding-bottom: 10px
}

.compare-products tr.grey {
    background-color: #f6f5f4
}

.compare-products td,
.compare-products th {
    text-align: left;
    line-height: 24px;
    padding: 5px;
    vertical-align: top;
    border-left: 1px solid #aca9a5
}

.compare-products td:first-child,
.compare-products th:first-child {
    border-left: none
}

.compare-products td>div,
.compare-products th>div {
    text-align: center
}

.compare-products th {
    font-weight: bold
}

.compare-products td {
    font-weight: normal
}

.compare-products .group {
    background-color: #1d3b3d;
    color: #fff
}

.compare-products .group th {
    font-weight: bold
}

.compare-products .group th,
.compare-products .group td {
    padding-top: 5px;
    padding-bottom: 5px
}

.compare-products .button {
    text-transform: uppercase
}

.compare-products .button:after {
    font-family: "Montserrat Light 300";
    content: "\f105";
    margin-left: 15px
}

.compare-products .image-container {
    width: 100%;
    height: 159px;
    position: relative
}

.compare-products .image-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    max-width: 100px
}

.compare-products .overview-description-container {
    min-height: 80px;
    margin-bottom: 10px
}

.compare-products .compare-order-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px
}

.compare-products .compare-order-button .add-to-cart {
    width: 100%
}

.compare-products .product-actions-wrapper {
    float: left
}

.compare-products .product-actions-wrapper .rating,
.compare-products .product-actions-wrapper .favorites,
.compare-products .product-actions-wrapper .compare {
    float: left
}

.compare-products .product-actions-wrapper .rating span,
.compare-products .product-actions-wrapper .favorites span,
.compare-products .product-actions-wrapper .compare span {
    font-size: 14px;
    display: block;
    float: left;
    position: relative;
    margin-left: 7px
}

.compare-products .product-actions-wrapper .favorites span {
    padding-left: 26px;
    cursor: pointer
}

.compare-products .product-actions-wrapper .favorites span:before {
    font-family: "Montserrat Light 300";
    content: "\f08a";
    position: absolute;
    font-size: 18px;
    color: #005570;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    font-weight: normal
}

@media only screen and (max-width: 767px) {
    .compare-products .product-actions-wrapper .favorites span:before {
        margin-bottom: -20px
    }
}

.compare-products .product-actions-wrapper .favorites span:hover:before {
    content: "\f004"
}

.title-container {
    overflow: hidden
}

.title-container h1 {
    float: left
}

.title-container .print {
    float: left;
    margin-top: 43px;
    margin-left: 25px;
    position: relative;
    padding-left: 40px
}

.title-container .print:before {
    font-family: "Montserrat Light 300";
    content: "\f02f";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px
}

@media only screen and (max-width: 1072px) {
    .compare-products {
        table-layout: auto;
        width: 75%
    }

    .compare-products .image-container img {
        max-width: 75px
    }

    .compare-products .product {
        width: 200px
    }

    .compare-products .overview-description-container {
        min-height: 100px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .compare-products {
        width: auto;
        table-layout: fixed;
        padding-right: 20px
    }

    .compare-products td,
    .compare-products th {
        padding-left: 5px;
        padding-right: 5px
    }

    .compare-products .product {
        width: auto;
        text-align: center;
        padding-right: 5px
    }

    .compare-products .product h3 {
        margin-top: 0
    }

    .compare-products .product .product-actions-wrapper .rating {
        top: 0
    }

    .compare-products .product .product-actions-wrapper .favorites {
        top: 40px;
        right: 15%
    }

    .compare-products .image-container {
        width: 100%;
        height: 125px;
        border: none
    }

    .compare-products .image-container img {
        padding-top: 20px;
        max-width: 75px
    }

    .compare-products .mobile-hidden {
        display: none
    }

    .l-content.table-overflow {
        overflow-x: scroll
    }
}

.delivery-pickup-wrapper {
    background-color: #f2f2f2;
    padding: 15px;
    clear: both;
    width: 100%
}

.delivery-pickup-wrapper .add-delivery-address {
    overflow: hidden
}

.delivery-pickup-wrapper .add-delivery-address .title-container {
    margin-bottom: 12px
}

.delivery-pickup-wrapper .add-delivery-address .title-container h5 {
    display: inline-block;
    margin-right: 12px;
    font-weight: bold;
    margin-top: 0;
    font-size: 26px
}

.delivery-pickup-wrapper .add-delivery-address .gender-container {
    margin-bottom: 12px
}

.delivery-pickup-wrapper .add-delivery-address .gender-container .gender-label {
    margin-right: 12px
}

.delivery-pickup-wrapper .add-delivery-address .gender-container span label {
    margin-right: 12px
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container>div {
    margin-right: 1%
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container>div label {
    display: block
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container>div:last-of-type {
    margin-right: 0
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container .first-name,
.delivery-pickup-wrapper .add-delivery-address .person-info-container .middle-name,
.delivery-pickup-wrapper .add-delivery-address .person-info-container .last-name {
    float: left
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container .first-name {
    width: 30%
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container .middle-name {
    width: 20%
}

.delivery-pickup-wrapper .add-delivery-address .person-info-container .last-name {
    width: 48%
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container>div {
    margin-right: 1%
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container>div label {
    display: block
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container>div:last-of-type {
    margin-right: 0
}

.delivery-pickup-wrapper .add-delivery-address .address-info-container .zip-code,
.delivery-pickup-wrapper .add-delivery-address .address-info-container .house-number {
    float: left;
    width: 30%
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container>div {
    margin-right: 1%
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container>div label {
    display: block
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container>div:last-of-type {
    margin-right: 0
}

.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container .street,
.delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container .city {
    float: left;
    width: 35%
}

.delivery-pickup-wrapper .add-delivery-address .footer-container {
    position: relative;
    overflow: hidden;
    clear: both
}

.delivery-pickup-wrapper .add-delivery-address .footer-container .default-address {
    position: absolute;
    bottom: 0;
    left: 0
}

.delivery-pickup-wrapper .add-delivery-address .footer-container .submit {
    float: right
}

.delivery-pickup-wrapper .delivery-address-list {
    overflow: hidden
}

.delivery-pickup-wrapper .delivery-address-list .deliverypickup>.button-container {
    margin-bottom: 20px;
    margin-top: 10px
}

.delivery-pickup-wrapper .list-item {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc
}

.delivery-pickup-wrapper .list-item .button-container {
    overflow: hidden;
    margin-bottom: 20px;
    float: left
}

.delivery-pickup-wrapper .list-item .button-container .default-address-label {
    display: inline-block;
    background-color: #4DB5C2;
    color: #000;
    padding: 2px 5px
}

.delivery-pickup-wrapper .list-item .button-container:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.delivery-pickup-wrapper .list-item .button-container>.button-container {
    float: left;
    clear: none;
    margin-bottom: 0
}

.delivery-pickup-wrapper .list-item .button-container>a {
    margin-top: 10px
}

.delivery-pickup-wrapper .list-item .button-container a {
    float: left;
    margin-right: 20px;
    height: 45px;
    padding-top: 10px
}

.delivery-pickup-wrapper .list-item .address-information-container {
    float: left;
    min-width: 200px
}

.delivery-pickup-wrapper .list-item .address-information-container .title span {
    font-weight: bold
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-wrapper {
        width: 100%
    }

    .delivery-pickup-wrapper .delivery-address-list .list-item .button-container {
        margin-top: 10px
    }

    .delivery-pickup-wrapper .delivery-address-list .list-item .button-container .default-address-label {
        margin-bottom: 5px
    }

    .delivery-pickup-wrapper .delivery-address-list .list-item>.button-container {
        width: 100%
    }

    .delivery-pickup-wrapper .add-delivery-address .person-info-container .first-name {
        width: 60%;
        margin-bottom: 12px
    }

    .delivery-pickup-wrapper .add-delivery-address .person-info-container .middle-name {
        width: 38%
    }

    .delivery-pickup-wrapper .add-delivery-address .person-info-container .last-name {
        width: 100%
    }

    .delivery-pickup-wrapper .add-delivery-address .address-info-container .zip-code {
        width: 49%
    }

    .delivery-pickup-wrapper .add-delivery-address .address-info-container .house-number {
        width: 50%
    }

    .delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container .street {
        margin-bottom: 12px
    }

    .delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container .street,
    .delivery-pickup-wrapper .add-delivery-address .address-info-bottom-container .city {
        width: 100%
    }
}

.product-overview .product-actions .compare-product {
    margin-top: 2px
}

.product-actions-wrapper .product-rating-container .stars-container .star,
.product-actions .product-rating-container .stars-container .star,
.product-actions-container .product-rating-container .stars-container .star {
    color: #005570
}

.product-actions-wrapper .compare-product .checkbox-wrapper .square:after,
.product-actions .compare-product .checkbox-wrapper .square:after,
.product-actions-container .compare-product .checkbox-wrapper .square:after {
    color: #005570
}

.product-actions-wrapper .compare-product .checkbox-wrapper label.checkbox-label,
.product-actions .compare-product .checkbox-wrapper label.checkbox-label,
.product-actions-container .compare-product .checkbox-wrapper label.checkbox-label {
    color: #005570
}

.delivery-pickup-container>h2 {
    border-bottom: 1px solid #87837d;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-container>h2 {
        margin-top: 20px
    }
}

.delivery-pickup-container .rtf {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-container .tooltip-container .popup {
        left: -163px
    }
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-container .tooltip-container .popup:before {
        right: 48px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-container .tooltip-container .popup:after {
        left: auto;
        right: 49px
    }
}

.delivery-outer-wrapper {
    float: left;
    width: 49%;
    margin-right: 2%;
    overflow: visible
}

@media only screen and (max-width: 1072px) {
    .delivery-outer-wrapper {
        width: 100%;
        margin-right: 0
    }
}

.delivery-outer-wrapper>h2 {
    font-size: 20px;
    color: #000000;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .delivery-outer-wrapper>h2 {
        margin-top: 20px
    }
}

.ppg-add-new-address-checkbox {
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}

.ppg-add-new-address-checkbox input {
    display: none
}

.ppg-add-new-address-checkbox input+label {
    position: relative;
    padding-left: 30px
}

.ppg-add-new-address-checkbox input+label:before {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #152752
}

.ppg-add-new-address-checkbox input:checked+label:after {
    content: '';
    width: 12px;
    height: 8px;
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    border: 3px solid #152752;
    border-top: none;
    border-right: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.delivery-wrapper-top {
    background-color: #f8f7f4;
    padding: 15px
}

.delivery-wrapper-top .button {
    text-transform: uppercase;
    padding: 6px 8px 5px 8px;
    height: auto
}

@media only screen and (max-width: 1072px) {
    .delivery-wrapper-top {
        width: 100%
    }
}

.delivery-wrapper-top .add-delivery-address {
    overflow: hidden
}

.delivery-wrapper-top .add-delivery-address input[type=submit] {
    text-transform: uppercase
}

.delivery-wrapper-top .add-delivery-address .title-container {
    margin-bottom: 12px
}

.delivery-wrapper-top .add-delivery-address .title-container h5 {
    display: inline-block;
    margin-right: 12px;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase
}

.delivery-wrapper-top .add-delivery-address .gender-container {
    margin-bottom: 12px
}

.delivery-wrapper-top .add-delivery-address .gender-container .gender-label {
    margin-right: 12px
}

.delivery-wrapper-top .add-delivery-address .gender-container span label {
    margin-right: 12px
}

.delivery-wrapper-top .add-delivery-address .person-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.delivery-wrapper-top .add-delivery-address .person-info-container>div {
    margin-right: 1%
}

.delivery-wrapper-top .add-delivery-address .person-info-container>div label {
    display: block
}

.delivery-wrapper-top .add-delivery-address .person-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-wrapper-top .add-delivery-address .person-info-container>div:last-of-type {
    margin-right: 0
}

.delivery-wrapper-top .add-delivery-address .person-info-container .first-name,
.delivery-wrapper-top .add-delivery-address .person-info-container .middle-name,
.delivery-wrapper-top .add-delivery-address .person-info-container .last-name {
    float: left
}

.delivery-wrapper-top .add-delivery-address .person-info-container .first-name {
    width: 50%
}

.delivery-wrapper-top .add-delivery-address .person-info-container .middle-name {
    width: 49%;
    margin-right: 0
}

.delivery-wrapper-top .add-delivery-address .person-info-container .last-name {
    width: 100%;
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .delivery-wrapper-top .add-delivery-address .person-info-container .last-name {
        margin-top: 0
    }
}

.delivery-wrapper-top .add-delivery-address .address-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

@media screen and (max-width: 400px) {
    .delivery-wrapper-top .add-delivery-address .address-info-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.delivery-wrapper-top .add-delivery-address .address-info-container>div {
    margin-right: 1%
}

.delivery-wrapper-top .add-delivery-address .address-info-container>div label {
    display: block
}

.delivery-wrapper-top .add-delivery-address .address-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-wrapper-top .add-delivery-address .address-info-container>div:last-of-type {
    margin-right: 0
}

.delivery-wrapper-top .add-delivery-address .address-info-container .zip-code {
    float: left;
    width: 35%
}

@media screen and (max-width: 400px) {
    .delivery-wrapper-top .add-delivery-address .address-info-container .zip-code {
        width: 100%;
        margin-bottom: 12px;
        -ms-flex-order: 1;
        order: 1
    }
}

.delivery-wrapper-top .add-delivery-address .address-info-container .house-number,
.delivery-wrapper-top .add-delivery-address .address-info-container .house-number-suffix {
    float: left;
    width: 31%
}

@media screen and (max-width: 400px) {

    .delivery-wrapper-top .add-delivery-address .address-info-container .house-number,
    .delivery-wrapper-top .add-delivery-address .address-info-container .house-number-suffix {
        width: 50%
    }
}

@media screen and (max-width: 400px) {
    .delivery-wrapper-top .add-delivery-address .address-info-container .house-number {
        -ms-flex-order: 3;
        order: 3
    }
}

.delivery-wrapper-top .add-delivery-address .address-info-container .house-number-suffix {
    margin-right: 0;
    width: 32%
}

@media screen and (max-width: 400px) {
    .delivery-wrapper-top .add-delivery-address .address-info-container .house-number-suffix {
        width: 49%;
        -ms-flex-order: 4;
        order: 4
    }
}

@media screen and (max-width: 400px) {
    .delivery-wrapper-top .add-delivery-address .address-info-container span.zipcode-warning {
        -ms-flex-order: 2;
        order: 2;
        margin-top: -12px;
        margin-bottom: 12px
    }
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container>div {
    margin-right: 1%
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container>div label {
    display: block
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container>div input {
    width: 100%;
    margin-bottom: 0
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container>div:last-of-type {
    margin-right: 0
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container .street,
.delivery-wrapper-top .add-delivery-address .address-info-bottom-container .city {
    float: left;
    width: 49%
}

.delivery-wrapper-top .add-delivery-address .address-info-bottom-container .city {
    width: 50%
}

.delivery-wrapper-top .add-delivery-address .footer-container {
    position: relative;
    overflow: hidden;
    clear: both
}

.delivery-wrapper-top .add-delivery-address .footer-container .default-address {
    position: absolute;
    bottom: 0;
    left: 0
}

.delivery-wrapper-top .add-delivery-address .footer-container .submit {
    float: right
}

.delivery-wrapper-top .delivery-address-list {
    overflow: hidden
}

.delivery-wrapper-top .delivery-address-list .deliverypickup>.button-container {
    margin-bottom: 20px;
    margin-top: 0
}

.delivery-wrapper-top .delivery-address-list .deliverypickup .button-container {
    margin-top: 10px
}

.delivery-wrapper-top .delivery-address-list .list-item {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc
}

.delivery-wrapper-top .delivery-address-list .list-item.invoiceaddress {
    margin-bottom: 24px
}

.delivery-wrapper-top .delivery-address-list .list-item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.delivery-wrapper-top .delivery-address-list .list-item .default-address-label {
    font-family: "Montserrat Light 300";
    text-transform: uppercase;
    display: inline-block;
    background-color: #999;
    color: #fff;
    padding: 1px 7px 2px 7px;
    margin-bottom: 5px
}

.delivery-wrapper-top .delivery-address-list .list-item .address-information-container {
    min-width: 200px
}

.delivery-wrapper-top .delivery-address-list .list-item .address-information-container .title {
    clear: both
}

.delivery-wrapper-top .delivery-address-list .list-item .address-information-container .title span {
    font-weight: bold
}

.delivery-wrapper-top .delivery-address-list .list-item .address-information-container .street {
    clear: both
}

.delivery-wrapper-top .delivery-address-list .list-item .button-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px
}

.delivery-wrapper-top .delivery-address-list .list-item .button-container>a {
    margin-top: 10px
}

.delivery-wrapper-top .delivery-address-list .list-item .button-container a {
    float: left;
    margin-right: 20px
}

.delivery-wrapper-top .delivery-address-list .list-item .button-container .button {
    text-transform: uppercase;
    clear: both;
    margin-top: 10px
}

.delivery-wrapper-top .delivery-address-list .list-item>.button-container {
    float: left;
    clear: none;
    margin-bottom: 0
}

.delivery-wrapper-top .deliverypickup .radio-button-container {
    float: left;
    margin-right: 17px;
    margin-bottom: 10px
}

.delivery-wrapper-top .deliverypickup .title {
    float: left;
    margin-top: 2px;
    font-weight: bold;
    font-size: 18px;
    color: #000
}

.delivery-wrapper-top .deliverypickup .address-container {
    margin-top: 10px;
    margin-left: 40px;
    clear: both;
    overflow: hidden
}

.delivery-wrapper-top .deliverypickup .address-container .address-text {
    display: block;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px
}

.delivery-wrapper-top .deliverypickup .address-container .change-delivery-address {
    clear: both
}

.delivery-wrapper-top .deliverypickup .delivery-date-container {
    margin-top: 20px;
    overflow: visible;
    min-height: 100px
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .next-working-day-delivery {
    float: none;
    clear: both
}

.delivery-wrapper-top .deliverypickup .delivery-date-container>span {
    display: block;
    float: left;
    max-width: 75%;
    margin-bottom: 10px
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .tooltip-container {
    float: left;
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .delivery-wrapper-top .deliverypickup .delivery-date-container .tooltip-container .popup {
        right: -10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .delivery-wrapper-top .deliverypickup .delivery-date-container .tooltip-container .popup:before {
        right: 10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .delivery-wrapper-top .deliverypickup .delivery-date-container .tooltip-container .popup:after {
        right: 11px;
        left: auto
    }
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .calendar {
    display: block;
    float: left;
    margin-top: 22px;
    margin-left: 10px
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .calendar:before {
    content: "\f073";
    font-family: "Montserrat Light 300";
    font-size: 1.5em
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates {
    position: relative;
    clear: both;
    margin-top: 10px
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates .delivery-date-value {
    display: block;
    font-size: 1em;
    color: #333333;
    border: 1px solid #1d3b3d;
    margin-top: 0;
    margin-bottom: 0;
    padding: 7px 10px;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates .delivery-date-value:after {
    position: absolute;
    top: 7px;
    right: 7px;
    content: "\f133";
    font-family: "Montserrat Light 300";
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    font-style: normal
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    z-index: 1
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul.open {
    display: block
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul li {
    list-style-type: none
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul li label {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 5px 10px
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul li:hover {
    background-color: #f2f2f2
}

.delivery-wrapper-top .deliverypickup .delivery-date-container .delivery-dates ul li input {
    display: none
}

.add-delivery-address {
    overflow: hidden
}

.add-delivery-address address {
    font-style: normal;
    margin-top: 25px
}

.add-delivery-address .title-container {
    margin-bottom: 12px
}

.add-delivery-address .title-container h5 {
    display: inline-block;
    margin-right: 12px
}

.add-delivery-address .gender-container {
    margin-bottom: 12px
}

.add-delivery-address .gender-container .gender-label {
    margin-right: 12px
}

.add-delivery-address .gender-container span label {
    margin-right: 12px
}

.add-delivery-address .person-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.add-delivery-address .person-info-container>div {
    margin-right: 1%
}

.add-delivery-address .person-info-container>div label {
    display: block
}

.add-delivery-address .person-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.add-delivery-address .person-info-container>div:last-of-type {
    margin-right: 0
}

.add-delivery-address .person-info-container .first-name,
.add-delivery-address .person-info-container .middle-name,
.add-delivery-address .person-info-container .last-name {
    float: left
}

.add-delivery-address .person-info-container .first-name {
    width: 50%
}

.add-delivery-address .person-info-container .middle-name {
    width: 49%;
    margin-right: 0
}

.add-delivery-address .person-info-container .last-name {
    width: 100%;
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .add-delivery-address .person-info-container .last-name {
        margin-top: 0
    }
}

.add-delivery-address .address-info-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

@media screen and (max-width: 400px) {
    .add-delivery-address .address-info-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.add-delivery-address .address-info-container>div {
    margin-right: 1%
}

.add-delivery-address .address-info-container>div label {
    display: block
}

.add-delivery-address .address-info-container>div input {
    width: 100%;
    margin-bottom: 0
}

.add-delivery-address .address-info-container>div:last-of-type {
    margin-right: 0
}

.add-delivery-address .address-info-container .zip-code {
    float: left;
    width: 35%
}

@media screen and (max-width: 400px) {
    .add-delivery-address .address-info-container .zip-code {
        width: 100%;
        margin-bottom: 12px;
        -ms-flex-order: 1;
        order: 1
    }
}

.add-delivery-address .address-info-container .house-number,
.add-delivery-address .address-info-container .house-number-suffix {
    float: left;
    width: 31%
}

@media screen and (max-width: 400px) {

    .add-delivery-address .address-info-container .house-number,
    .add-delivery-address .address-info-container .house-number-suffix {
        width: 50%
    }
}

@media screen and (max-width: 400px) {
    .add-delivery-address .address-info-container .house-number {
        -ms-flex-order: 3;
        order: 3
    }
}

.add-delivery-address .address-info-container .house-number-suffix {
    margin-right: 0;
    width: 32%
}

@media screen and (max-width: 400px) {
    .add-delivery-address .address-info-container .house-number-suffix {
        width: 49%;
        -ms-flex-order: 4;
        order: 4
    }
}

@media screen and (max-width: 400px) {
    .add-delivery-address .address-info-container span.zipcode-warning {
        -ms-flex-order: 2;
        order: 2;
        margin-top: -12px;
        margin-bottom: 12px
    }
}

.add-delivery-address .address-info-bottom-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px
}

.add-delivery-address .address-info-bottom-container>div {
    margin-right: 1%
}

.add-delivery-address .address-info-bottom-container>div label {
    display: block
}

.add-delivery-address .address-info-bottom-container>div input {
    width: 100%;
    margin-bottom: 0
}

.add-delivery-address .address-info-bottom-container>div:last-of-type {
    margin-right: 0
}

.add-delivery-address .address-info-bottom-container .street,
.add-delivery-address .address-info-bottom-container .city {
    float: left;
    width: 49%;
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

.add-delivery-address .address-info-bottom-container .street.active,
.add-delivery-address .address-info-bottom-container .city.active {
    visibility: visible;
    opacity: 1;
    max-height: 100%
}

.add-delivery-address .address-info-bottom-container .city {
    width: 50%
}

.add-delivery-address .footer-container {
    position: relative;
    overflow: hidden;
    clear: both
}

.add-delivery-address .footer-container .default-address {
    position: absolute;
    bottom: 0;
    left: 0
}

.add-delivery-address .footer-container .submit {
    float: right
}

@media only screen and (max-width: 767px) {
    .delivery-wrapper {
        width: 100%
    }

    .delivery-wrapper .delivery-address-list .list-item .address-information-container {
        float: none;
        width: 100%;
        margin-bottom: 12px
    }

    .delivery-wrapper .delivery-address-list .list-item>.button-container {
        float: none;
        width: 100%
    }

    .delivery-wrapper .add-delivery-address .address-info-bottom-container .street {
        margin-bottom: 12px
    }

    .delivery-wrapper .add-delivery-address .address-info-bottom-container .street,
    .delivery-wrapper .add-delivery-address .address-info-bottom-container .city {
        width: 100%
    }
}

.radio-button-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 24px
}

.radio-button-container>input[type=radio] {
    display: none
}

.radio-button-container>input[type=radio]:checked+label.radio .checked {
    display: block
}

.radio-button-container>input[type=radio]+label.radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.radio-button-container>input[type=radio]+label.radio .circle {
    position: relative;
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    border: 1px solid #1d3b3d;
    background-color: white;
    border-radius: 50%;
    cursor: pointer
}

.radio-button-container>input[type=radio]+label.radio .checked {
    display: none;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.checkbox-container .square {
    border: 1px solid #1d3b3d
}

.checkbox-container .label {
    cursor: pointer
}

@media only screen and (max-width: 1072px) {
    .pickup-outer-wrapper {
        width: 100%
    }
}

.pickup-outer-wrapper>h2 {
    font-size: 20px;
    margin-top: 0
}

@media only screen and (max-width: 1072px) {
    .pickup-outer-wrapper>h2 {
        margin-top: 20px
    }
}

.pickup-outer-wrapper .choose-pickup-point {
    text-decoration: underline;
    text-align: right;
    display: block;
    position: relative;
    margin-top: 10px;
    padding-right: 20px;
    color: #005570;
    width: 100%
}

.pickup-outer-wrapper .choose-pickup-point:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 16px;
    margin: auto 0;
    font-family: "Montserrat Light 300";
    content: "\f055"
}

.pickup-item .title-container+.option-container .date-container .day,
.pickup-item .title-container+.option-container .date-container .date {
    display: block
}

@media only screen and (max-width: 767px) {
    .delivery-pickup-container .ppg-checkout-type-select {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .delivery-pickup-container .ppg-checkout-type-select li {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.manual-pickup-container {
    background-color: #f1efe9;
    padding: 10px;
    overflow: visible;
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.manual-pickup-container input[type=text] {
    display: block
}

.manual-pickup-container .button {
    clear: both;
    height: auto;
    padding-top: 5px;
    padding-bottom: 4px
}

.pickup-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #999;
    padding-top: 20px
}

.pickup-wrapper .pickup-item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    position: relative;
    padding-left: 20px
}

.pickup-wrapper .pickup-item .title-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    overflow: visible;
    position: relative
}

@media only screen and (max-width: 767px) {
    .pickup-wrapper .pickup-item .title-container .tooltip-container .popup {
        left: -192px
    }
}

@media only screen and (max-width: 767px) {
    .pickup-wrapper .pickup-item .title-container .tooltip-container .popup:before {
        right: 10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .pickup-wrapper .pickup-item .title-container .tooltip-container .popup:after {
        right: 11px;
        left: auto
    }
}

.pickup-wrapper .pickup-item .title-container .location {
    font-family: "Montserrat Light 300";
    display: block;
    color: #142653;
    font-size: 16px
}

.pickup-wrapper .pickup-item .title-container .type {
    float: left;
    display: block;
    color: #142653;
    font-size: 14px;
    width: 25%
}

.pickup-wrapper .pickup-item .option-container .date-container {
    float: left;
    width: 45px;
    min-height: 40px
}

.pickup-wrapper .pickup-item .option-container .date-container .day {
    font-family: "Montserrat Light 300";
    display: none;
    font-size: 15px;
    color: #142653
}

.pickup-wrapper .pickup-item .option-container .date-container .date {
    display: none;
    font-size: 12px;
    color: #142653
}

.pickup-wrapper .pickup-item .option-container .time-container {
    margin-left: 10px
}

.pickup-wrapper .pickup-item .option-container .time-container .time {
    font-size: 14px;
    color: #142653;
    margin-right: 5px
}

.pickup-wrapper .pickup-item .option-container .time-container .extra {
    color: #e71c00;
    font-size: 14px
}

.pickup-wrapper .pickup-item .option-container .radio-button-container {
    position: absolute;
    top: 8px;
    left: 0
}

@media only screen and (max-width: 767px) {
    .pickup-wrapper .pickup-item {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.terms-conditions-container {
    float: left;
    width: 100%;
    clear: both;
    border-top: 1px solid #87837d;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px
}

.terms-conditions-container .title {
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.25em;
    color: #000000
}

.terms-conditions-container label {
    font-size: 1.125em
}

.tooltip-container {
    position: relative;
    display: inline-block;
    padding-top: 12px;
    margin-top: -12px
}

.tooltip-container:hover .popup {
    display: block
}

.tooltip-container .tooltip {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background-color: #1d3b3d;
    border-radius: 50%;
    cursor: pointer;
    text-align: left;
    top: 4px
}

.tooltip-container .tooltip:before {
    display: block;
    font-family: "Montserrat Light 300";
    content: "\f128";
    font-size: 18px;
    color: #fff;
    width: 24px;
    padding: 0;
    line-height: normal;
    position: absolute;
    top: 4px;
    left: 6px
}

.tooltip-container .popup {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #152752;
    width: 234px;
    top: auto;
    right: auto;
    bottom: 35px;
    left: -105px;
    z-index: 9;
    padding: 13px 20px 20px 20px;
    overflow-y: visible
}

.tooltip-container .popup span {
    display: block;
    line-height: 16px;
    text-align: left
}

.tooltip-container .popup:before,
.tooltip-container .popup:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.tooltip-container .popup:before {
    border: 11px rgba(2, 73, 149, 0);
    border-top-color: #152752;
    margin-left: -12px
}

.tooltip-container .popup:after {
    border: 10px rgba(255, 255, 255, 0);
    border-top-color: #fff;
    margin-left: -11px
}

.tooltip-container.postNL .tooltip {
    background-color: transparent;
    width: auto;
    height: auto;
    top: 0;
    color: #27b327
}

.tooltip-container.postNL .tooltip:before {
    content: "";
    display: none
}

.tooltip-container.postNL .popup {
    bottom: 28px;
    right: 0;
    z-index: 1
}

.tooltip-container.postNL .popup:before {
    left: auto;
    right: 7px
}

.tooltip-container.postNL .popup:after {
    left: auto;
    right: 8px
}

.tooltip-container.postNL .popup .opening-hours {
    margin-bottom: 5px
}

.tooltip-container.postNL .popup .opening-hours:after {
    content: ":"
}

.tooltip-container.postNL .popup table tr td:first-child {
    width: 50px
}

.tooltip-container.postNL .popup td {
    font-size: 0.875em
}

.order-as-guest-container .tooltip-container {
    margin-top: 0;
    margin-left: 10px
}

@media only screen and (max-width: 1072px) {
    .order-as-guest-container .tooltip-container .popup {
        left: -200px
    }
}

@media only screen and (max-width: 767px) {
    .order-as-guest-container .tooltip-container .popup {
        left: -115px
    }
}

@media only screen and (max-width: 1072px) {
    .order-as-guest-container .tooltip-container .popup:before {
        right: 10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .order-as-guest-container .tooltip-container .popup:before {
        left: 126px;
        right: auto
    }
}

@media only screen and (max-width: 1072px) {
    .order-as-guest-container .tooltip-container .popup:after {
        right: 11px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .order-as-guest-container .tooltip-container .popup:after {
        left: 126px;
        right: auto
    }
}

.order-detail-page .page-wrapper {
    overflow: visible
}

.order-detail-page .myppg .myppg-panel {
    overflow: visible
}

.order-detail-page .tooltip-holder {
    display: table;
    width: 100%
}

.order-detail-page .tooltip-holder .tooltip-container {
    margin-right: 10px;
    margin-top: -9px;
    float: right
}

.order-detail-page .tooltip-holder .tooltip-container .popup {
    width: 500px;
    left: -400px
}

@media only screen and (max-width: 767px) {
    .order-detail-page .tooltip-holder .tooltip-container .popup {
        width: 300px;
        right: auto;
        left: -87px
    }
}

.order-detail-page .tooltip-holder .tooltip-container .popup:before {
    right: 77px;
    left: auto
}

@media only screen and (max-width: 767px) {
    .order-detail-page .tooltip-holder .tooltip-container .popup:before {
        left: 98px;
        right: auto
    }
}

.order-detail-page .tooltip-holder .tooltip-container .popup:after {
    right: 78px;
    left: auto
}

@media only screen and (max-width: 767px) {
    .order-detail-page .tooltip-holder .tooltip-container .popup:after {
        left: 98px;
        right: auto
    }
}

.ppg-bundles-container .combi-deal-container {
    clear: both;
    overflow: hidden;
    padding: 20px 40px;
    margin-top: 12px;
    background-color: #f8f7f4
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container .combi-deal-container {
        margin-bottom: 20px
    }
}

.ppg-bundles-container .combi-deal-container h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container .combi-deal-container h3 {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ppg-bundles-container .combi-deal-container .image-container-combiIcon {
    width: 82px;
    height: 82px;
    position: relative;
    margin-right: 20px
}

.ppg-bundles-container .combi-deal-container .image-container-combiIcon img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 75px
}

.ppg-bundles-container .combi-deal-container .product-images-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 10px);
    flex-basis: calc(25% - 10px);
    margin-right: 10px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item:last-child {
    margin-right: 0
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item:nth-of-type(1n+4) {
    display: none
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item[data-color-rgb] .image-container {
    border: 1px solid #152752
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item.visible {
    display: block;
    position: relative
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item.visible .image-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .image-wrapper {
    display: block;
    overflow: hidden
}

@media only screen and (max-width: 1072px) {
    .ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .image-wrapper>div:nth-child(n+7) {
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .image-wrapper>div:nth-child(n+7) {
        margin-top: 0
    }
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .image-wrapper .image-container img {
    max-width: 100%
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .price-container {
    padding: 10px;
    color: #152752
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .price-container .price-from {
    position: relative;
    margin-right: 10px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .price-container .price-from:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #E4200E;
    top: 9px;
    left: 0
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .price-container .price {
    font-family: "Montserrat Light 300";
    font-size: 24px;
    color: #152752;
    margin-top: 10px;
    display: inline-block
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .js-add-to-cart-hidden {
    display: none
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .js-edit-bundle-color {
    padding: 10px;
    font-family: "Montserrat Light 300";
    height: auto;
    text-align: center;
    cursor: pointer
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .js-edit-bundle-color:after {
    background-image: none
}

@media only screen and (min-width: 1073px) {
    .ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .js-edit-bundle-color {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0
    }
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .order-in-listing {
    position: relative;
    font-family: "Montserrat Light 300";
    background-color: #fff;
    height: auto;
    padding: 10px 35px 10px 10px;
    border: 1px solid #000;
    color: #000;
    width: 100%;
    margin-top: 0
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .order-in-listing:after {
    position: absolute;
    content: " ";
    top: 10px;
    right: 10px;
    width: 20px;
    height: 18px;
    background-image: url("../../../image/rambo/icon-shopping-cart-black.svg");
    background-size: 100%
}

@media only screen and (min-width: 1073px) {
    .ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .order-in-listing {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0
    }
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .add-to-cart.disabled {
    opacity: .25;
    pointer-events: none
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .add-to-cart.disabled:after {
    content: "\f110";
    font-family: "Montserrat Light 300";
    background-image: none;
    top: 10px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-style: normal;
    width: auto;
    height: auto;
    display: inline-block
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .add-to-cart.add-to-cart-failed {
    background-color: #e4200e
}

.ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item .add-to-cart.add-to-cart-failed:after {
    content: "\f12a";
    font-family: "Montserrat Light 300";
    background-image: none;
    top: 11px;
    display: inline-block;
    width: auto
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container .combi-deal-container .product-images-container .js-bundle-item {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container .combi-deal-container .product-images-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .ppg-bundles-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.related-products-container {
    clear: both;
    margin-top: 30px
}

.product-cross-sell {
    overflow: hidden;
    margin-bottom: 32px
}

.product-cross-sell h3 {
    font-size: 30px;
    padding-bottom: 15px
}

.product-cross-sell .product-cross-sell-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-cross-sell .product-cross-sell-column {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: calc(25% - 10px);
    flex-basis: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 10px
}

.product-cross-sell .product-cross-sell-column:nth-child(4n) {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .product-cross-sell .product-cross-sell-column {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .product-cross-sell.collapsed {
        margin-bottom: 0
    }
}

.product-cross-sell:not(.collapsible)+.product-cross-sell {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.product-cross-sell:not(:first-of-type) h3 {
    margin-top: 0;
    border-top: none
}

.product-cross-sell .cross-product {
    overflow: hidden;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .product-cross-sell .cross-product {
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.product-cross-sell .cross-product.ecommerce-off {
    min-height: 140px
}

@media only screen and (max-width: 767px) {
    .product-cross-sell .cross-product.ecommerce-off {
        min-height: 0
    }
}

.product-cross-sell .cross-product.ecommerce-off .summary {
    min-height: 125px
}

.product-cross-sell .cross-product .cross-product-image-holder {
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 10px 0
}

.product-cross-sell .cross-product .cross-product-image-holder a>img {
    max-height: 180px
}

.product-cross-sell .cross-product .summary {
    margin-top: 20px
}

.product-cross-sell .cross-product .summary h4 {
    color: #000;
    font-size: 16px;
    margin: 0;
    line-height: 19px
}

.product-cross-sell .cross-product .summary a {
    text-decoration: none
}

.product-cross-sell .cross-product .summary p {
    margin: 0 0 5px 0;
    font-size: 14px;
    height: 70px;
    overflow: hidden
}

.product-cross-sell .cross-product .pricing {
    margin-top: 10px
}

.product-cross-sell .cross-product .pricing .from,
.product-cross-sell .cross-product .pricing .crossed-out {
    display: inline-block;
    color: #999;
    margin-right: 5px
}

.product-cross-sell .cross-product .pricing .crossed-out {
    margin-right: 7px
}

.product-cross-sell .cross-product .pricing .price {
    color: #000;
    font-size: 16px;
    font-family: "Montserrat Light 300";
    display: inline-block
}

.product-cross-sell .cross-product .actions {
    position: relative
}

.product-cross-sell .cross-product .actions .order,
.product-cross-sell .cross-product .actions .order-in-listing {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    height: 28px;
    line-height: 26px;
    padding: 20px;
    font-size: 0;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    min-width: 75px;
    display: inline-block !important
}

.product-cross-sell .cross-product .actions .order:before,
.product-cross-sell .cross-product .actions .order-in-listing:before {
    content: "\f067";
    font-family: "Montserrat Light 300";
    position: absolute;
    top: 8px;
    left: 10px;
    width: 20px;
    height: 20px;
    color: #000;
    z-index: 30;
    display: inline-block;
    font-size: 24px
}

.product-cross-sell .cross-product .actions .order:after,
.product-cross-sell .cross-product .actions .order-in-listing:after {
    background: url("../../../image/rambo/icon-shopping-cart-black.svg") no-repeat;
    content: "";
    position: absolute;
    margin: auto;
    top: 2px;
    bottom: 0;
    right: 10px;
    width: 22px;
    height: 22px;
    background-size: 22px
}

@media screen and (min-width: 1072px) {
    .product-cross-sell .grid-col:nth-child(odd) .cross-product {
        border-right: 0
    }

    .product-cross-sell .grid-col:last-child .cross-product {
        border-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .product-cross-sell {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

.page-wrapper.loading {
    padding-top: 14px;
    height: 6em
}

.myppg .orderconfirmation-overlay-wrapper .added {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat Light 300"
}

.myppg .orderconfirmation-overlay-wrapper .continue-shopping {
    margin-right: 15px
}

.myppg .orderconfirmation-overlay-wrapper .complete-order {
    background: #4DB5C2;
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #333;
    text-align: left;
    margin-bottom: 15px;
    font-family: "Montserrat Light 300"
}

.myppg .orderconfirmation-overlay-wrapper .related-products {
    border-bottom: none
}

.myppg .orderconfirmation-overlay-wrapper .related-products ul li:before {
    margin-top: 20px
}

.myppg .orderconfirmation-overlay.popup>.window {
    width: 50em;
    min-height: 0;
    margin-left: -24em;
    border: 1px solid #999;
    padding: 2em;
    top: 5em;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.myppg .personal-detail {
    word-wrap: break-word
}

.myppg .personal-detail .address-information-container {
    margin-bottom: 5px
}

.myppg .personal-detail .address-information-container .title {
    font-weight: bold
}

.myppg .personal-detail .address-information-container span {
    display: block
}

.myppg .personal-detail a {
    display: block;
    margin-bottom: 5px
}

.myppg .personal-detail a:first-of-type {
    margin-top: 5px
}

.myppg .personal-detail span {
    display: block
}

.myppg .orders+.myppg-panel {
    float: right;
    width: auto
}

.myppg nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.myppg .myppg-panel {
    width: 100%;
    margin: .5em 0 0 0;
    float: left;
    overflow: hidden
}

.myppg .myppg-panel h3 {
    text-transform: uppercase
}

.myppg .myppg-panel .order-detail-blocks-container {
    overflow: hidden;
    clear: both
}

.myppg .myppg-panel .back.right {
    text-align: right
}

.myppg .myppg-panel.order-history.full .order-column {
    width: 150px;
    float: left
}

.myppg .myppg-panel.order-history.full .header {
    width: 100%;
    padding: 12px 0;
    font-weight: normal
}

.myppg .myppg-panel.order-history.full .header,
.myppg .myppg-panel.order-history.full .header .order-column {
    font-size: 16px
}

.myppg .myppg-panel.order-history.full .header .order-column {
    margin-right: 20px
}

.myppg .myppg-panel.order-history.full .item {
    background: #f2f2f2;
    width: 100%;
    float: left;
    padding: 20px;
    margin-top: 10px;
    position: relative
}

.myppg .myppg-panel.order-history.full .item a:not(.button) {
    font-weight: bold;
    padding: 13px 0 0 10px
}

.myppg .myppg-panel.order-history.full .item a:not(.button):hover {
    text-decoration: none
}

.myppg .myppg-panel.order-history.full .item .button {
    margin-left: 0;
    margin-top: 3px;
    display: inline-block;
    font-size: 14px;
    clear: left;
    text-indent: 0 !important;
    margin-right: 0
}

.myppg .myppg-panel.order-history.full .item .button:after {
    content: "\f105";
    font-family: "Montserrat Light 300";
    margin-left: 5px
}

.myppg .myppg-panel.order-history.full .finished-orders .item a {
    padding-top: 9px
}

.myppg .myppg-panel.order-history.full .pager {
    width: 100%;
    float: left;
    margin-top: 10px
}

.myppg .myppg-panel.order-history.full .pager+div {
    display: inline
}

.myppg .myppg-panel.order-history.full .delivery-column {
    width: 120px;
    float: left
}

.myppg .myppg-panel.order-history.full .project-column {
    width: 200px;
    float: left
}

.myppg .myppg-panel.order-history.full .invoice-column {
    width: 60px;
    float: left;
    min-height: 19px
}

.myppg .myppg-panel.order-history.full .invoice-column.data {
    width: 50px;
    float: left;
    padding-left: 10px
}

.myppg .myppg-panel.order-history.full .item .projectnoinvoice-column {
    width: 450px;
    float: left
}

.myppg .myppg-panel.order-history.full .item .projectnoinvoice-column span:not(.caption) {
    padding: 6px 10px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    background: #f2f2f2
}

.myppg .myppg-panel.order-history.full .item .detailbutton-column {
    float: right;
    text-align: right
}

.myppg .myppg-panel.order-history.full .item .detailbutton-column a {
    background: #1d3b3d;
    color: #fff;
    padding: 6px 8px;
    text-decoration: none
}

.myppg .myppg-panel.order-history.full .item .detailbutton-column a:hover {
    background: #335052
}

.myppg .myppg-panel.order-history.full .item .price-column {
    width: 110px;
    font-weight: bold;
    padding-right: 10px;
    margin-top: 3px
}

.myppg .myppg-panel.order-history.full .filter {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.myppg .myppg-panel.order-history.full .filter label {
    margin-right: 10px
}

.myppg .myppg-panel.order-history.full .currentpage {
    margin: .1em 0 .1em .5em;
    display: inline-block
}

.myppg .myppg-panel.order-history.full .button {
    clear: none
}

.myppg .myppg-panel.order-history.full .button.prev {
    float: left;
    margin: 0
}

.myppg .myppg-panel.order-history.full .button.next {
    float: right;
    margin: 0 .2em 0
}

.myppg .myppg-panel.order-history.full .used-colors {
    width: 100%;
    float: left
}

.myppg .myppg-panel.order-history.full .used-color {
    width: 48%;
    float: left;
    border: 1px solid #e7e7e7;
    min-height: 120px;
    padding: 8px 0 0 4px;
    margin: 0 5px 5px 0
}

.myppg .myppg-panel.order-history.full .color-preview {
    float: left
}

.myppg .myppg-panel.order-history.full .used-color .color-preview-label {
    float: left
}

@media only screen and (max-width: 1072px) {
    .myppg .myppg-panel.order-history.full .used-color .color-preview-label {
        float: none;
        clear: both;
        display: block
    }
}

.myppg .myppg-panel.order-history.full .used-color .products {
    width: 100%;
    float: left;
    padding-left: 36px
}

.myppg .myppg-panel.order-history.full .newsitems li {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 2em;
    padding-bottom: 2em
}

.myppg .myppg-panel.order-detail.full .hidden,
.myppg .myppg-panel.return-products.full .hidden {
    display: none !important
}

.myppg .myppg-panel.order-detail.full>h3,
.myppg .myppg-panel.return-products.full>h3 {
    display: inline-block;
    margin-top: 0;
    text-transform: uppercase
}

.myppg .myppg-panel.order-detail.full .right a,
.myppg .myppg-panel.return-products.full .right a {
    font-family: "Montserrat Light 300";
    padding: 10px;
    background-color: #1d3b3d;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border: none;
    min-height: 30px;
    cursor: pointer;
    font-size: 1em;
    text-transform: uppercase
}

.myppg .myppg-panel.order-detail.full .right a.return-products,
.myppg .myppg-panel.return-products.full .right a.return-products {
    background-color: #656565;
    float: right
}

.myppg .myppg-panel.order-detail.full .right a.return-products:hover,
.myppg .myppg-panel.return-products.full .right a.return-products:hover {
    background-color: #929292
}

.myppg .myppg-panel.order-detail.full .right a:hover,
.myppg .myppg-panel.return-products.full .right a:hover {
    background-color: #335052
}

.myppg .myppg-panel.order-detail.full span.label,
.myppg .myppg-panel.return-products.full span.label {
    font-weight: bold
}

.myppg .myppg-panel.order-detail.full .order-dates,
.myppg .myppg-panel.return-products.full .order-dates {
    margin: 10px 0 10px 0;
    min-height: 150px
}

.myppg .myppg-panel.order-detail.full .order-dates p,
.myppg .myppg-panel.return-products.full .order-dates p {
    margin: 5px 0
}

.myppg .myppg-panel.order-detail.full .right input[type=submit],
.myppg .myppg-panel.return-products.full .right input[type=submit] {
    float: right;
    margin: 0 0 0 10px
}

.myppg .myppg-panel.order-detail.full .shoppingcart-step,
.myppg .myppg-panel.return-products.full .shoppingcart-step {
    padding-top: 20px;
    overflow-x: auto
}

.myppg .myppg-panel.order-detail.full .shoppingcart-step .items,
.myppg .myppg-panel.return-products.full .shoppingcart-step .items {
    border-top: 2px solid #f2f2f2;
    padding: 0
}

.myppg .myppg-panel.order-detail.full .shoppingcart-step .items .item,
.myppg .myppg-panel.return-products.full .shoppingcart-step .items .item {
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.myppg .myppg-panel.order-detail.full .shoppingcart-step .items.loading:before,
.myppg .myppg-panel.return-products.full .shoppingcart-step .items.loading:before {
    bottom: 70px;
    top: auto
}

.myppg .myppg-panel.order-detail.full .shoppingcart-wrapper,
.myppg .myppg-panel.return-products.full .shoppingcart-wrapper {
    min-width: 450px;
    overflow-x: auto
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .shoppingcart-wrapper,
    .myppg .myppg-panel.return-products.full .shoppingcart-wrapper {
        min-width: 0
    }
}

.myppg .myppg-panel.order-detail.full .shoppingcart-wrapper .order-product,
.myppg .myppg-panel.return-products.full .shoppingcart-wrapper .order-product {
    margin-left: 0
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.order-detail.full .shoppingcart-wrapper .order-product .color-preview,
    .myppg .myppg-panel.return-products.full .shoppingcart-wrapper .order-product .color-preview {
        float: none
    }
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.order-detail.full .shoppingcart-wrapper .order-product .color-preview-label,
    .myppg .myppg-panel.return-products.full .shoppingcart-wrapper .order-product .color-preview-label {
        margin-top: 5px;
        margin-left: 0
    }
}

.myppg .myppg-panel.order-detail.full .shoppingcart-wrapper .product-wrapper,
.myppg .myppg-panel.return-products.full .shoppingcart-wrapper .product-wrapper {
    overflow: hidden;
    border-bottom: none;
    padding: 5px 0
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.order-detail.full .shoppingcart-wrapper .product-wrapper,
    .myppg .myppg-panel.return-products.full .shoppingcart-wrapper .product-wrapper {
        padding: 10px 0
    }
}

.myppg .myppg-panel.order-detail.full .configure-product,
.myppg .myppg-panel.return-products.full .configure-product {
    padding: 0
}

.myppg .myppg-panel.order-detail.full .configure-product>span.product-preview,
.myppg .myppg-panel.return-products.full .configure-product>span.product-preview {
    width: 100%
}

.myppg .myppg-panel.order-detail.full .configure-product .product-preview,
.myppg .myppg-panel.return-products.full .configure-product .product-preview {
    float: none;
    display: block;
    overflow: hidden;
    position: relative
}

.myppg .myppg-panel.order-detail.full .configure-product .product-preview img,
.myppg .myppg-panel.return-products.full .configure-product .product-preview img {
    float: left;
    margin: 0;
    width: 75px
}

.myppg .myppg-panel.order-detail.full .configure-product .product-preview h4,
.myppg .myppg-panel.return-products.full .configure-product .product-preview h4 {
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 70%;
    margin-left: 15px;
    margin-top: 10px;
    padding-left: 0
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .product-preview h4,
    .myppg .myppg-panel.return-products.full .configure-product .product-preview h4 {
        width: 65%
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .product-preview .favorites,
.myppg .myppg-panel.return-products.full .configure-product .product-preview .favorites {
    float: left;
    position: static;
    padding: 0;
    width: 50%;
    height: 16px;
    margin-left: 16px;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .product-preview .favorites,
    .myppg .myppg-panel.return-products.full .configure-product .product-preview .favorites {
        left: 85px
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .order-wrapper,
.myppg .myppg-panel.return-products.full .configure-product .order-wrapper {
    display: table;
    float: left;
    margin-left: 10px;
    margin-top: 5px
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .order-wrapper,
    .myppg .myppg-panel.return-products.full .configure-product .order-wrapper {
        float: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .order-wrapper .column-wrapper,
.myppg .myppg-panel.return-products.full .configure-product .order-wrapper .column-wrapper {
    float: left
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .order-wrapper .column-wrapper,
    .myppg .myppg-panel.return-products.full .configure-product .order-wrapper .column-wrapper {
        -ms-flex-order: 2;
        -webkit-flex-order: 2;
        order: 2
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper {
    float: right;
    margin-right: 20px
}

.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper .return-order,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper .return-order {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper .return-order:last-of-type,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper .return-order:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper,
    .myppg .myppg-panel.return-products.full .configure-product .rma-wrapper {
        float: none;
        clear: left;
        margin-right: 0;
        margin-left: 10px;
        margin-top: 10px
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper .title,
.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper .date,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper .title,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper .date {
    display: block
}

.myppg .myppg-panel.order-detail.full .configure-product .rma-wrapper .title,
.myppg .myppg-panel.return-products.full .configure-product .rma-wrapper .title {
    font-weight: bold
}

.myppg .myppg-panel.order-detail.full .configure-product p,
.myppg .myppg-panel.return-products.full .configure-product p {
    margin: 0
}

.myppg .myppg-panel.order-detail.full .configure-product .unit,
.myppg .myppg-panel.return-products.full .configure-product .unit {
    float: left;
    width: 80px
}

.myppg .myppg-panel.order-detail.full .configure-product .color,
.myppg .myppg-panel.return-products.full .configure-product .color {
    float: left;
    width: 200px;
    min-height: 10px
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.order-detail.full .configure-product .color,
    .myppg .myppg-panel.return-products.full .configure-product .color {
        width: auto
    }
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .configure-product .color,
    .myppg .myppg-panel.return-products.full .configure-product .color {
        float: none;
        clear: both;
        -ms-flex-order: 1;
        -webkit-flex-order: 1;
        order: 1
    }
}

.myppg .myppg-panel.order-detail.full .configure-product .color p,
.myppg .myppg-panel.return-products.full .configure-product .color p {
    margin: 15px 0 0 40px
}

.myppg .myppg-panel.order-detail.full .configure-product .amount,
.myppg .myppg-panel.return-products.full .configure-product .amount {
    float: left;
    width: 50px
}

.myppg .myppg-panel.order-detail.full .configure-product .total,
.myppg .myppg-panel.return-products.full .configure-product .total {
    float: none;
    width: 250px;
    clear: both;
    padding: 0
}

.myppg .myppg-panel.order-detail.full .configure-product .total .total-label,
.myppg .myppg-panel.return-products.full .configure-product .total .total-label {
    margin-right: 10px
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals,
.myppg .myppg-panel.return-products.full .shoppingcart-totals {
    float: right;
    margin: .5em 0 1em 0
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals table,
.myppg .myppg-panel.return-products.full .shoppingcart-totals table {
    border-collapse: collapse;
    border-spacing: 0
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals td,
.myppg .myppg-panel.return-products.full .shoppingcart-totals td {
    padding: 5px 0;
    vertical-align: middle
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals td.subtotal,
.myppg .myppg-panel.return-products.full .shoppingcart-totals td.subtotal {
    float: right
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals td.shippingcost,
.myppg .myppg-panel.return-products.full .shoppingcart-totals td.shippingcost {
    float: right
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals td.vat,
.myppg .myppg-panel.return-products.full .shoppingcart-totals td.vat {
    float: right
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals td span.price,
.myppg .myppg-panel.return-products.full .shoppingcart-totals td span.price {
    float: right;
    text-align: right
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals tr,
.myppg .myppg-panel.return-products.full .shoppingcart-totals tr {
    border-bottom: 1px solid #f2f2f2
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals tr td:first-child,
.myppg .myppg-panel.return-products.full .shoppingcart-totals tr td:first-child {
    width: 150px
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals tr.total,
.myppg .myppg-panel.return-products.full .shoppingcart-totals tr.total {
    border-top: 3px double #000;
    border-bottom: 0
}

.myppg .myppg-panel.order-detail.full .shoppingcart-totals tr.total .total-value,
.myppg .myppg-panel.return-products.full .shoppingcart-totals tr.total .total-value {
    float: right;
    font-family: "Montserrat Light 300";
    font-size: 21px
}

.myppg .myppg-panel.order-detail.full .order-detail-block,
.myppg .myppg-panel.return-products.full .order-detail-block {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 49%;
    min-height: 190px
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .order-detail-block,
    .myppg .myppg-panel.return-products.full .order-detail-block {
        width: 100%;
        float: none;
        clear: both;
        margin-left: 0;
        margin-right: 0
    }
}

.myppg .myppg-panel.order-detail.full .order-detail-block:nth-child(2n),
.myppg .myppg-panel.return-products.full .order-detail-block:nth-child(2n) {
    margin-right: 0;
    margin-left: 1%
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel.order-detail.full .order-detail-block:nth-child(2n),
    .myppg .myppg-panel.return-products.full .order-detail-block:nth-child(2n) {
        margin-left: 0
    }
}

.myppg .myppg-panel.order-detail.full .order-detail-block:last-child,
.myppg .myppg-panel.return-products.full .order-detail-block:last-child {
    margin-bottom: 0
}

.myppg .myppg-panel.order-detail.full .order-detail-block .field,
.myppg .myppg-panel.return-products.full .order-detail-block .field {
    margin: 0 0 .5em
}

.myppg .myppg-panel.order-detail.full .order-detail-block h3,
.myppg .myppg-panel.return-products.full .order-detail-block h3 {
    margin-top: 12px
}

.myppg .myppg-panel.order-detail.full .added,
.myppg .myppg-panel.return-products.full .added {
    white-space: nowrap;
    margin: 0.2em 0 0 5.4em;
    display: block
}

.myppg .myppg-panel.return-products.full .configure-product {
    float: left;
    overflow: hidden;
    clear: none;
    width: 350px
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel.return-products.full .configure-product {
        width: 100%
    }
}

.myppg .myppg-panel.return-products.full .return-product-container {
    float: left;
    overflow: hidden
}

@media only screen and (max-width: 1072px) {
    .myppg .myppg-panel.return-products.full .return-product-container {
        float: right
    }
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel.return-products.full .return-product-container {
        float: none;
        width: 100%
    }
}

.myppg .myppg-panel.return-products.full .return-product-container .checkbox-container,
.myppg .myppg-panel.return-products.full .return-product-container .amount,
.myppg .myppg-panel.return-products.full .return-product-container .reason-container {
    display: table-cell;
    vertical-align: middle;
    height: 100px
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.return-products.full .return-product-container .checkbox-container,
    .myppg .myppg-panel.return-products.full .return-product-container .amount,
    .myppg .myppg-panel.return-products.full .return-product-container .reason-container {
        display: block;
        vertical-align: top;
        height: auto
    }
}

.myppg .myppg-panel.return-products.full .return-product-container .checkbox-container,
.myppg .myppg-panel.return-products.full .return-product-container .amount {
    padding-right: 40px
}

@media only screen and (max-width: 1072px) {

    .myppg .myppg-panel.return-products.full .return-product-container .checkbox-container,
    .myppg .myppg-panel.return-products.full .return-product-container .amount {
        float: left;
        margin-bottom: 5px
    }
}

.myppg .myppg-panel.return-products.full .return-product-container .checkbox-container span.square,
.myppg .myppg-panel.return-products.full .return-product-container .checkbox-container span.label {
    margin-top: 22px
}

@media only screen and (max-width: 1072px) {
    .myppg .myppg-panel.return-products.full .return-product-container .amount {
        padding-right: 0
    }
}

.myppg .myppg-panel.return-products.full .return-product-container .amount select {
    display: block;
    margin-bottom: 0;
    width: 100px
}

@media only screen and (max-width: 1072px) {
    .myppg .myppg-panel.return-products.full .return-product-container .reason-container {
        float: none;
        clear: both;
        display: block
    }
}

.myppg .myppg-panel.return-products.full .return-product-container .reason-container select {
    display: block;
    width: 250px;
    margin-bottom: 0
}

@media only screen and (max-width: 1072px) {
    .myppg .myppg-panel.return-products.full .return-product-container .reason-container select {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel.return-products.full .return-product-container .reason-container select {
        max-width: 328px
    }
}

.myppg .myppg-panel.return-products.full .button-return-products {
    float: right
}

.myppg .myppg-panel.personal-details {
    width: 49%;
    float: none
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel.personal-details {
        width: 100%
    }
}

.myppg .myppg-panel.personal-details .personaldetails-view>div {
    margin-bottom: 5px
}

.myppg .myppg-panel.personal-details .personaldetails-view span.label {
    display: inline-block;
    width: 150px
}

.myppg .myppg-panel.personal-details .personaldetails-view span.label:after {
    content: ":"
}

.myppg .myppg-panel.personal-details .personaldetails-view .action-links {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    padding-left: 0
}

.myppg .myppg-panel.personal-details .personaldetails-view .action-links li {
    margin-bottom: 5px;
    list-style-type: none
}

.return-products-page h4 {
    font-family: "Montserrat Light 300"
}

.return-products-page h4 .order-id {
    font-family: "Montserrat Light 300"
}

@media screen and (max-width: 1072px) {
    .pull-right.myppg {
        max-width: initial;
        width: 100%
    }
}

@media screen and (max-width: 960px) {
    aside.myppg>* {
        display: inherit
    }

    .myppg .myppg-panel.delivery-resses.full .delivery-address {
        width: 100%
    }

    .myppg .myppg-panel.order-history.full .currentpage {
        margin: .1em 0;
        display: block;
        clear: both
    }

    .myppg .myppg-panel.order-history.full .orders {
        overflow-x: auto;
        overflow-y: hidden
    }

    .myppg .myppg-panel.order-history.full .header,
    .myppg .myppg-panel.order-history.full .items {
        min-width: 320px
    }

    .myppg .myppg-panel.mypeople.full .header,
    .myppg .myppg-panel.mypeople.full .item {
        min-width: 320px
    }
}

a.invoice-link {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAABelBMVEX///+zs7G0srO0tLS0tbe0tbm0trO0trW1tLK1tbO1tbW1tbe1t7a2tLe2tbG2tbO2trS2trbEAALFAQLFAQPFAgDGAAHGAALGAATGAgPHAADHAAHHAALHAAPHAAXHAQDHAQLIAADIAALIAAPIAQDIAQTIAQbIAgHIAgPJAQHJAQPJAQTJAgDKAADKAALKAgXLAAPLAQDLAQHLGRnLGxvMAADMAQXMAgLMGBnMIiLOHBrOIiLPIiTQGBjSODrT09PUNjfWRULXRUbZ2dnaVVba2trbZ2fbZ2rdZmjdZ2feZmjgZWfomJfomZzomprpmJfpmZjprKnqmZbqmZjqmp3sqqvswL/ttrntuLTxv7713d339/f42934+Pj53N753dr53dz63Nr67+36/v387u38/v38///9/fv9/f39/f/9/v/9//z9//7+/P3+/P/+/vz+/v7+/v/+//r+//3+/////f7//f///vr//vz//v3//v////v///3///++kvd3AAAAAXRSTlMAQObYZgAAAW5JREFUeNpd0OdTwjAYBvAoIFJnEVGLWJuC2mJq3XsvRJy4J04UUUBT1JL3fzcgfvG5S3L5Xe693INEhygIDkEon8uoEgEgB3yVdnF+taIOqISzcP7HIn/z9KdwWWEP/SzQD8jbGUbdzY0u4XfuA6Wv77YNz8z6zt8xZ1mdcMeKaUYt+pR6sCirKasb4HRBVoPBIdzbanhxr2bMHaF6yA5LMtEV/0Cn1BXAJlG9s6jp86tHJmYoEFZk3ejXsN6HfchBX4ixbaeLK1vAIBqDDI2bSARm9CWSytXh/o20d7+Wmx5TMHLZENLjwHJLO0lp8yXGIL8ooSZ4NMnuBZbbt6/1xO0GncGGhjyQ1fHumSJFDjIA69G3ybCpcqWYtKgyVtq0iNE9qJnjfozqWWFK9Q118C9LHZISDGJMRlA1tU5mzVHcbfJ7hCjYSyaOUW0xZfMaKFCaK2S/MlWolDpm8WY+rKzNC2ZpaPht8n9K+AN5zGpOU2QDqgAAAABJRU5ErkJggg==");
    width: 21px;
    background-repeat: no-repeat;
    height: 21px;
    display: inline-block
}

.order-dates .invoice-link {
    margin-left: 0 !important
}

.invoice-link.detail-page {
    padding-left: 24px;
    display: block !important;
    margin-bottom: 7px
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel.order-detail.full .order-detail-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .myppg .myppg-panel.delivery-addresses.full {
        width: 100%
    }

    .myppg .myppg-panel {
        overflow: visible
    }

    .myppg .myppg-panel h3 {
        margin: 0 -20px;
        padding: 24px 20px;
        font-size: 22px
    }

    .myppg .myppg-panel.seller .seller-item div {
        float: none;
        width: 100%
    }

    .myppg .myppg-panel.seller .seller-item div:first-child {
        margin-bottom: 12px
    }

    .myppg .myppg-panel .orders {
        margin: 0 -20px
    }

    .myppg .myppg-panel .no-orders {
        margin: 0 20px;
        padding-top: 12px
    }

    .myppg .myppg-panel.technical-advice.full .project-column,
    .myppg .myppg-panel.technical-advice.full .date-column,
    .myppg .myppg-panel.technical-advice.full .author-column,
    .myppg .myppg-panel.technical-advice.full .download-column {
        width: 100%
    }

    .myppg .myppg-panel.technical-advice.full .header {
        display: none
    }

    .myppg .myppg-panel.technical-advice.full .caption {
        width: 25%;
        padding: 0
    }

    .myppg .myppg-panel.technical-advice.full span {
        margin: 6px 0;
        display: inline-block
    }

    .myppg .myppg-panel.order-history.full .header,
    .myppg .myppg-panel.order-history.full .item,
    .myppg .myppg-panel.order-history.full .items {
        min-width: 0;
        overflow: hidden;
        width: 100%
    }

    .myppg .myppg-panel.order-history.full .filter {
        margin-top: 12px;
        height: auto
    }

    .myppg .myppg-panel.order-history.full .header {
        display: none
    }

    .myppg .myppg-panel.order-history.full .item span.detailbutton-column:last-child {
        width: 100%;
        overflow: hidden;
        display: block;
        margin-top: 20px;
        text-align: right
    }

    .myppg .myppg-panel.order-history.full .item a:not(.button) {
        display: inline-block;
        text-align: right
    }

    .myppg .myppg-panel.order-history.full .item span:not(.caption) {
        width: 47%;
        float: left;
        text-align: right
    }

    .myppg .myppg-panel.order-history.full .item span:not(.caption).price-column,
    .myppg .myppg-panel.order-history.full .item span:not(.caption).projectnoinvoice-column,
    .myppg .myppg-panel.order-history.full .item span:not(.caption).order-column,
    .myppg .myppg-panel.order-history.full .item span:not(.caption).delivery-column,
    .myppg .myppg-panel.order-history.full .item span:not(.caption).project-column,
    .myppg .myppg-panel.order-history.full .item span:not(.caption).invoice-column {
        width: 100%;
        margin-top: 6px;
        padding: 0
    }

    .myppg .caption {
        display: inline-block;
        width: 60%;
        margin-right: 2%;
        float: left;
        font-size: 15px;
        text-align: left;
        font-weight: normal
    }
}

@media screen and (max-width: 500px) {
    .myppg .myppg-panel.order-history.full .item a {
        text-align: left
    }

    .myppg .myppg-panel.order-history.full .item span:not(.caption) {
        width: 43%;
        margin-right: 20px;
        text-align: right
    }

    .myppg .myppg-panel.order-history.full .item .price-column span:not(.caption) {
        margin-right: 15px
    }

    .myppg .myppg-panel.order-history.full .item .button {
        text-align: right;
        float: right
    }

    .myppg .myppg-panel.order-history.full span:not(.caption) {
        text-align: left
    }
}

@media only screen and (max-width: 767px) {

    .myppg .myppg-panel .header .name-column,
    .myppg .myppg-panel .header .email-column,
    .myppg .myppg-panel .header .customer-column,
    .myppg .myppg-panel .header .ismain-column,
    .myppg .myppg-panel .header .edit-column {
        display: none
    }

    .myppg .myppg-panel.order-history.full .order-column,
    .myppg .myppg-panel.order-history.full .projectnoinvoice-column,
    .myppg .myppg-panel.order-history.full .price-column {
        width: 100%
    }

    .myppg .myppg-panel.technical-advice.full .project-column span:not(.caption) {
        clear: none;
        display: inline-block;
        width: 70%
    }

    .myppg .myppg-panel .projectnoinvoice-column {
        width: 100%
    }

    .myppg .myppg-panel.mypeople.full .name-column,
    .myppg .myppg-panel.mypeople.full .email-column,
    .myppg .myppg-panel.mypeople.full .customer-column,
    .myppg .myppg-panel.mypeople.full .ismain-column,
    .myppg .myppg-panel.mypeople.full .edit-column {
        width: 65%;
        padding: 2px
    }

    .myppg .myppg-panel.mypeople.full .edit-column {
        float: left;
        text-align: left
    }

    .myppg .myppg-panel.mypeople.full .name-column.label,
    .myppg .myppg-panel.mypeople.full .email-column.label,
    .myppg .myppg-panel.mypeople.full .customer-column.label,
    .myppg .myppg-panel.mypeople.full .ismain-column.label,
    .myppg .myppg-panel.mypeople.full .edit-column.label {
        display: block;
        width: 35%;
        padding: 2px
    }

    .myppg .myppg-panel.mypeople.full .label {
        color: #999;
        text-transform: uppercase;
        font-weight: normal
    }

    .myppg .myppg-panel.mypeople.full .item-row {
        float: left;
        width: 100%;
        margin-bottom: 5px
    }

    .myppg .myppg-panel.mypeople.full .item {
        padding: 10px 0;
        min-width: 0
    }
}

.quotations.full {
    margin-top: 0
}

.quotations.full .order-column {
    float: left;
    font-family: "Montserrat Light 300";
    color: #0c59A1
}

.quotations.full .header {
    width: 100%;
    float: left;
    padding: 12px 0;
    font-weight: normal
}

.quotations.full .header,
.quotations.full .header .order-column {
    font-size: 16px;
    color: #999999;
    font-family: "Montserrat Light 300"
}

.quotations.full .item {
    border-top: 1px solid #e7e7e7;
    width: 100%;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative
}

.quotations.full .item a:not(.button) {
    font-weight: bold;
    padding: 13px 0 0 10px
}

.quotations.full .item a:not(.button):hover {
    text-decoration: none
}

.quotations.full .item .button {
    margin-left: 0;
    margin-top: 3px;
    display: inline-block;
    font-size: 14px;
    clear: none;
    text-indent: 0 !important;
    margin-right: 0
}

.quotations.full .item .button:after {
    content: "\f105";
    font-family: "Montserrat Light 300";
    margin-left: 5px
}

.quotations.full .item .button.prev {
    float: left;
    margin: 0
}

.quotations.full .item .button.next {
    float: right;
    margin: 0 .2em 0
}

.quotations.full .item .currentpage {
    margin: .1em 0 .1em .5em;
    display: inline-block
}

.quotations.full span.quotation-column {
    min-width: 130px;
    display: inline-block
}

.quotations.full span.name-column {
    min-width: 130px;
    display: inline-block
}

.quotations.full span.startdate-column {
    min-width: 130px;
    display: inline-block
}

@media screen and (max-width: 530px) {
    aside.myppg {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .myppg .myppg-panel .quotations {
        margin: 0 -20px
    }

    .quotations.full .header {
        display: none
    }

    .quotations.full span.quotation-column,
    .quotations.full span.name-column,
    .quotations.full span.startdate-column,
    .quotations.full span.enddate-column {
        display: block;
        width: 100%
    }

    .quotations.full span.quotation-column span:last-of-type,
    .quotations.full span.name-column span:last-of-type,
    .quotations.full span.startdate-column span:last-of-type,
    .quotations.full span.enddate-column span:last-of-type {
        float: right;
        margin-right: 20px
    }

    .quotations.full .item a:not(.button) {
        padding-left: 0
    }
}

@media screen and (max-width: 500px) {

    .quotations.full span.quotation-column span:last-of-type,
    .quotations.full span.name-column span:last-of-type,
    .quotations.full span.startdate-column span:last-of-type,
    .quotations.full span.enddate-column span:last-of-type {
        float: left
    }
}

.quotation-detail h4 {
    font-size: 1.1em;
    color: #999999;
    font-family: "Montserrat Light 300"
}

.quotation-detail .product-preview h4 {
    font-family: "Montserrat Light 300";
    font-size: 1.2em;
    line-height: 24px;
    color: #0c59A1;
    font-weight: bold;
    white-space: inherit
}

.quotation-detail .items {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.quotation-detail .items li:not(:first-of-type) {
    border-top: 1px solid #f2f2f2
}

.quotation-detail .order-product {
    margin-left: 0;
    padding-left: 0;
    padding: 24px 0;
    display: block;
    overflow: hidden
}

.quotation-detail .order-product .configure-product span.product-preview {
    padding: 0
}

.quotation-detail .order-wrapper {
    background: #f2f2f2;
    border-radius: 15px;
    width: 100%
}

.quotation-detail .order-wrapper>div {
    float: left
}

.quotation-detail .order-wrapper>div.total {
    float: right
}

.quotation-detail .myppg .myppg-panel .quotations {
    margin: 0
}

.quotation-detail .myppg .myppg-panel.order-detail.full .configure-product>span.product-preview {
    width: 100%
}

.quotation-detail .myppg .myppg-panel.order-detail.full .configure-product>div {
    padding: 10px 20px
}

.quotation-detail .myppg .myppg-panel.order-detail.full .added {
    clear: right;
    margin-top: 12px;
    white-space: inherit;
    width: 100%;
    text-align: right
}

.quotation-detail .myppg .myppg-panel.order-detail.full .error,
.quotation-detail .myppg .myppg-panel.order-detail.full .message-board-form .form-control-error,
.message-board-form .quotation-detail .myppg .myppg-panel.order-detail.full .form-control-error {
    clear: right;
    margin-top: 12px
}

.quotation-detail .myppg .myppg-panel .button {
    margin: 12px 0 0 0;
    float: right
}

.quotation-detail div.unit,
.quotation-detail .color,
.quotation-detail .remainingquantity,
.quotation-detail .inListAmount {
    border-right: 1px solid #d6d6d6;
    padding-left: 12px
}

.quotation-detail div.unit {
    width: 108px;
    padding-left: 0
}

.quotation-detail .color {
    width: 144px
}

.quotation-detail .remainingquantity {
    width: 120px
}

.quotation-detail .inListAmount {
    width: 84px
}

.quotation-detail .total {
    padding-left: 12px;
    text-align: right;
    display: inline-block
}

.quotation-detail .price {
    font-weight: bold;
    color: #000F8B;
    font-size: 1.2em;
    font-family: "Montserrat Light 300"
}

.quotation-detail .configure-product .tool-tip-wrapper:hover span {
    top: -37px
}

.quotation-detail .configure-product .update-always {
    clear: left
}

@media only screen and (max-width: 767px) {
    .quotation-detail div.unit {
        width: 50%
    }

    .quotation-detail .color {
        width: 50%;
        border-right: none
    }

    .quotation-detail .remainingquantity {
        width: 50%;
        padding-left: 0;
        clear: left;
        margin-top: 12px
    }

    .quotation-detail .inListAmount {
        width: 50%;
        margin-top: 12px;
        border-right: none
    }

    .quotation-detail .total {
        width: 100%;
        text-align: right;
        margin-top: 12px;
        border-right: none
    }

    .quotation-detail .back {
        margin: 12px 0
    }
}

.registration-page .block {
    margin: 0
}

.registration-form h3 {
    margin-top: 0
}

@media only screen and (max-width: 1072px) {
    .registration-form h3 {
        font-size: 25px
    }
}

@media only screen and (max-width: 767px) {
    .registration-form h3 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 0
    }
}

.registration-form label {
    margin-bottom: 4px;
    display: block
}

.registration-form br {
    display: none
}

.registration-form input[type=text],
.registration-form input[type=password] {
    width: 100%;
    max-width: 300px
}

@media only screen and (max-width: 767px) {

    .registration-form input[type=text],
    .registration-form input[type=password] {
        max-width: none
    }
}

.registration-form input[type=radio]+label {
    display: inline
}

.registration-form input[type=submit] {
    text-transform: uppercase
}

.registration-form .grid-6>div {
    margin-bottom: 10px
}

.registration-form div input,
.registration-form div select {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {

    .registration-form div input,
    .registration-form div select {
        max-width: none
    }
}

.registration-form div span:first-of-type {
    display: block;
    margin-bottom: 4px
}

.registration-form div .radio-list-horizontal {
    display: table-cell;
    height: 44px
}

.registration-form .invoice-address-container>div {
    margin-bottom: 10px
}

.registration-form .error,
.registration-form .message-board-form .form-control-error,
.message-board-form .registration-form .form-control-error {
    margin: 2px 0 0 0;
    display: block
}

@media only screen and (max-width: 767px) {

    .registration-form .error,
    .registration-form .message-board-form .form-control-error,
    .message-board-form .registration-form .form-control-error {
        margin-left: 0
    }
}

.registration-form .error ul li:not(:empty),
.registration-form .message-board-form .form-control-error ul li:not(:empty),
.message-board-form .registration-form .form-control-error ul li:not(:empty) {
    padding: 0;
    border: none;
    background: none
}

.registration-form .error ul li:not(:empty):before,
.registration-form .message-board-form .form-control-error ul li:not(:empty):before,
.message-board-form .registration-form .form-control-error ul li:not(:empty):before {
    display: none
}

.registration-form .error:empty,
.registration-form .message-board-form .form-control-error:empty,
.message-board-form .registration-form .form-control-error:empty {
    display: none
}

.registration-form div.salutation {
    margin-bottom: 10px
}

.registration-form div.salutation .title {
    display: block
}

.registration-form div.salutation .option-container {
    display: table
}

.registration-form div.salutation .option-container span {
    display: table-cell;
    vertical-align: middle
}

.registration-form .house-number input {
    max-width: 144px
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    .registration-form .house-number input {
        max-width: 300px
    }

    .registration-form .house-number input.house-number-input {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .registration-form .house-number input {
        max-width: 148px
    }
}

.registration-form .street,
.registration-form .city {
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

.registration-form .street.active,
.registration-form .city.active {
    visibility: visible;
    opacity: 1;
    max-height: 100%
}

.registration-form div.password-strength {
    margin-bottom: 0
}

.registration-form div.password-strength .password-strength-text {
    height: 50px;
    display: table
}

.registration-form div.password-strength .password-strength-text span,
.registration-form div.password-strength .password-strength-text strong {
    display: table-cell;
    vertical-align: middle
}

.registration-form div.password-strength .password-strength-text strong {
    padding-left: 10px
}

.registration-form div.remove-float-right {
    margin-top: 10px
}

.registration-form .password-area input {
    float: left
}

.form .confirmation-text {
    display: block;
    margin-bottom: 25px
}

.CommentDetail {
    clear: both;
    overflow: hidden;
    margin: 1em 0;
    padding: 1em;
    background: #F7F7F7
}

.CommentDetail div {
    clear: both
}

.CommentDetail [itemprop="author"] {
    float: left;
    clear: none;
    margin: 0;
    font-weight: bold
}

.CommentDetail [itemprop="datePublished"] {
    color: #888
}

.CommentDetail .CommentRating {
    float: right;
    clear: none
}

.message-board-form {
    clear: both;
    margin: 0
}

.message-board-form .form-group {
    clear: both
}

.message-board-form .form-control-error:after {
    content: '';
    display: block;
    margin-bottom: .5em
}

.message-board-form .InfoLabel {
    background: #41A944;
    display: block;
    padding: .3em;
    color: #fff
}

.message-board-form .CaptchaTable td {
    vertical-align: top;
    padding: 0
}

.message-board-form .CaptchaTable td img {
    display: inline
}

.message-board-form .message-board-form-leave-message {
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block
}

.BoardCntRating a,
.CommentRating a {
    display: block
}

.BoardCntRating span,
.CommentRating span {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAiCAMAAABhn6n1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFAAAAzczM7ssczczM7ssczczM7ssczczM7ssczczM7ssczczM7ssczczM7ssczczM7ssczczM7ssc7ssczczM7ssc7ssczczMzczM7ssczczM7sscCEOGwAAAABp0Uk5TABAQICAwMEBAUFBgcICAj4+fn6+/v8/f7+9r1yrRAAAArUlEQVQoz5XPwRKCIBgE4E1NKDMDQXL3/d+zg2DiTIf29n+zswzAFjOgTkj1bci6Esh0KuwVM04hkSSZwjQaDKziUIsDKnHbzC5TfuNawGS4FRgzjCT5/k4gkK69TGTIkFwLAK1jGS0/aPFPmuYET38qrOrqguRPBR0qjfWSNNsOAHzUIcuMfj3C2qOStQeOst2ALXDHD3gUeGZ4SYpe0pwhKlrARi0ZFpu3IoAPeugXCfT8nQcAAAAASUVORK5CYII=") no-repeat top left;
    width: 16px;
    height: 16px;
    margin: 3px 3px 6px 0
}

.BoardCntRating span:hover,
.BoardCntRating span.icon-star-full,
.CommentRating span:hover,
.CommentRating span.icon-star-full {
    background-position: 0 -19px
}

.CommentRating span {
    cursor: default
}

.CommentRating span.icon-star-empty:hover {
    background-position: 0 0
}

.brochures .form ul {
    min-height: 51px
}

.brochures .form input[type=checkbox],
.brochures .form input[type=radio],
.brochures .form input[type=checkbox]+label,
.brochures .form input[type=radio]+label {
    float: left
}

.brochures .form input[type=radio] {
    margin-top: 4px;
    margin-right: 10px
}

.brochures .form .label {
    float: left
}

.brochures .form .form-content div.checkbox {
    overflow: hidden
}

.brochures .form .form-content div.checkbox input[type=checkbox] {
    margin-top: 4px;
    clear: none
}

.brochures h2 {
    border: none;
    padding-bottom: 0
}

.brochures .brochure-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0
}

.brochures .brochure-header .brochure-title {
    color: #999;
    display: inline-block;
    float: left;
    clear: left;
    width: 65%
}

.brochures .brochure-header .brochure-pdf {
    color: #999;
    display: inline-block;
    float: left;
    clear: right;
    padding-left: 0.5em;
    width: 20%
}

@media screen and (max-width: 960px) {
    .brochures .brochure-header .brochure-pdf {
        display: none
    }
}

.brochures .brochure-header .brochure-number {
    color: #999;
    display: inline-block;
    float: right;
    clear: right;
    width: auto;
    text-align: center
}

@media screen and (max-width: 960px) {
    .brochures .brochure-header .brochure-number {
        position: absolute;
        right: 0;
        top: 0
    }
}

.exceptionbox-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACUElEQVRYw+WXv2tUQRDHP3s8RCQcQURCwFPCkTMn/kBNERBEA2mijdXJNlfFVFaKVYogEoJFSGkhpNnCJv9BiKUgCsaYEBBBCxERCSFYSLi1yDx9bt7mvX2X8woHHuzOzsx3+M7O7lvosqiijtYwANyR6ROl+fDPErCGC8Ay0CuqTeCq0qx0PAFriIBXwDlnaQW4pDQ7IfFKBQiYSAFHdBMdZcAajgIbwDGPyTegpjTfO8XA9D7gyNp0RxiwhjrwBogyTHeA80qzdmAMWAPAnAPeAl7I10roI2BOfA6sBDeAMQf8ptKMKM0IMO4kMSY+7ZfAGg4B74BqQv1caa45dkvA9YTqPXBGaX62y8BdBxxI3eWbzrwqvsVLYA19wFTK0ukUXTVFNyUxCjPwCCin6AelNMnTcTDFriwxwhOwhotA07McAfXEfAA47LFtSqz8CUgLzWcwVM8oSRJj3teWPoAGcCWjPEM5E0BiNXIlYA1HgNkc3ZGseS2H/azEzmTgHlDJEfCUZ+yTisT2H0TWUAHWYW+mnpvvgYwfAv05fH4AQ0rzKbmb/6IpJ3h88z0NvE3j8t7eUwJr/BvFIwvACfkWAvwagvWnBNZQAl6Cv18dWQPOKr17AYn/W6c195PXwLDStGIGmgHgAKsxOICMVwP8fx9yyhrK8pvVFxDgs/x6bQsDPRKjPyDGF6AWAZOB4AjQsjU8lvn9QHAEczICRgu+TS4Dz9p8GI2WYJfGLsl2CZgBtroAvgXMxG14HLgFnCz4WAmRFvARWFSar/z38gt3UYYlCZM/pgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px
}

.exceptionbox {
    background-position-x: 3px;
    background-position-y: 2px;
    width: 95.8%;
    height: auto;
    padding: 9px 3px 8px 37px;
    color: #FF8500;
    background-color: rgba(222, 222, 222, 0.9);
    border: solid 1px #FFA500;
    z-index: 200;
    position: absolute;
    font-weight: bold
}

@media screen and (max-width: 960px) {
    .exceptionbox {
        width: 85%
    }
}

.error,
.message-board-form .form-control-error {
    width: 100%
}

.error ul,
.message-board-form .form-control-error ul {
    padding-left: 0;
    margin: 0
}

.error ul li,
.message-board-form .form-control-error ul li,
.error span,
.message-board-form .form-control-error span {
    margin: 12px 0;
    color: #e62111;
    padding: 10px;
    padding-left: 25px;
    border: 1px solid #e62111;
    background: #fee6e6;
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 500px
}

.error ul li[style*="inline"],
.message-board-form .form-control-error ul li[style*="inline"],
.error span[style*="inline"],
.message-board-form .form-control-error span[style*="inline"] {
    display: inline-block !important;
    width: auto
}

.error ul li:before,
.message-board-form .form-control-error ul li:before,
.error span:before,
.message-board-form .form-control-error span:before {
    content: '\f12a';
    font-family: "Montserrat Light 300";
    font-size: 20px;
    position: absolute;
    left: 8px;
    top: 11px
}

.error ul li:empty,
.message-board-form .form-control-error ul li:empty,
.error span:empty,
.message-board-form .form-control-error span:empty {
    display: none
}

.error ul li,
.message-board-form .form-control-error ul li {
    margin-right: 10px
}

.error ul li+li,
.message-board-form .form-control-error ul li+li {
    margin-right: 10px
}

.info {
    clear: both
}

.info ul {
    padding: 0;
    margin: 0
}

.info span,
.info li {
    background: #B9DEBA;
    display: block;
    color: #41A944;
    margin: 12px 0;
    border: 1px solid #41A944;
    padding: 10px 10px 10px 44px;
    position: relative;
    max-width: 400px;
    clear: both
}

.info span span.rma,
.info li span.rma {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px
}

.info span span.rma:before,
.info li span.rma:before {
    display: none
}

.info span:empty,
.info li:empty {
    display: none
}

.info span:before,
.info li:before {
    font-family: "Montserrat Light 300";
    content: '\f00c';
    font-size: 20px;
    position: absolute;
    left: 8px;
    top: 11px
}

@media only screen and (max-width: 767px) {
    .return-products-page .info {
        margin-top: 10px;
        display: table
    }
}

.favorites {
    display: table
}

.favorites a.mobile {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal
}

.favorites a.mobile:before {
    content: "\f08a";
    font-family: "Montserrat Light 300";
    font-size: 1.1875em
}

.favorites a.mobile.checked:before {
    content: "\f004"
}

.favorites a.mobile:hover {
    text-decoration: none
}

@media only screen and (min-width: 1073px) {
    .favorites a.mobile:hover:before {
        content: "\f004"
    }
}

.favorites a .add-to-favorites,
.favorites a .remove-from-favorites {
    display: none
}

.favorites a.checked .remove-from-favorites {
    display: block
}

.favorites a:not(.checked) .add-to-favorites {
    display: block
}

.cross-product .favorites {
    position: absolute;
    top: 0;
    left: 10px
}

.cross-product .favorites a.mobile {
    display: block !important
}

.my-favorites .items {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.my-favorites .title-container {
    overflow: visible;
    border-bottom: 1px solid #87837d;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.my-favorites .title-container h2 {
    font-size: 24px;
    display: inline
}

@media only screen and (max-width: 767px) {
    .my-favorites .title-container h2 {
        font-size: 20px
    }
}

.my-favorites .title-container .tooltip-container {
    margin-left: 4px
}

@media only screen and (max-width: 767px) {
    .my-favorites .title-container .tooltip-container .popup {
        right: -10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .my-favorites .title-container .tooltip-container .popup:before {
        right: 10px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .my-favorites .title-container .tooltip-container .popup:after {
        right: 11px;
        left: auto
    }
}

.my-favorites .item {
    float: left;
    width: 24%;
    list-style-type: none;
    background-color: #f8f7f4;
    margin-right: 1.333%;
    margin-bottom: 12px;
    padding: 12px;
    position: relative
}

@media only screen and (min-width: 1073px) {
    .my-favorites .item:nth-child(4n) {
        margin-right: 0
    }

    .my-favorites .item:nth-child(4n+1) {
        clear: left
    }
}

@media only screen and (max-width: 1072px) {
    .my-favorites .item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 15px
    }

    .my-favorites .item:nth-child(3n) {
        margin-right: 0
    }

    .my-favorites .item:nth-child(3n+1) {
        clear: left
    }
}

@media only screen and (max-width: 767px) {
    .my-favorites .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.my-favorites .item .color-preview {
    display: inline-block;
    float: left;
    width: 53px;
    height: 53px;
    margin-bottom: 4px;
    border: 1px solid #bfbcb7
}

.my-favorites .item .color-name {
    float: left;
    width: 130px;
    height: 40px;
    font-size: 16px;
    line-height: 18px;
    font-family: "Montserrat Light 300";
    color: #152752
}

@media only screen and (max-width: 1072px) {
    .my-favorites .item .color-name {
        width: 125px
    }
}

@media only screen and (max-width: 767px) {
    .my-favorites .item .color-name {
        width: 65%
    }
}

.my-favorites .item .color-collection {
    float: left;
    width: 130px;
    font-size: 14px;
    color: #666666
}

@media only screen and (max-width: 1072px) {
    .my-favorites .item .color-collection {
        width: 125px
    }
}

@media only screen and (max-width: 767px) {
    .my-favorites .item .color-collection {
        width: 65%
    }
}

.my-favorites .item .delete-item {
    position: absolute;
    top: 1px;
    right: 5px;
    text-decoration: none
}

.my-favorites .item .delete-item:before {
    content: "\f00d";
    font-family: "Montserrat Light 300";
    font-size: 16px;
    color: #cccccc
}

.my-favorites>p {
    font-size: 18px;
    line-height: 24px;
    width: 65%
}

@media only screen and (max-width: 767px) {
    .my-favorites>p {
        width: 100%
    }
}

.my-favorites .show-more-colors,
.my-favorites .show-less-colors,
.my-favorites .show-more-products,
.my-favorites .show-less-products {
    float: right;
    clear: both;
    text-align: right;
    text-decoration: none;
    position: relative;
    padding-right: 20px;
    color: #005570
}

.my-favorites .show-more-colors:after,
.my-favorites .show-less-colors:after,
.my-favorites .show-more-products:after,
.my-favorites .show-less-products:after {
    font-family: "Montserrat Light 300";
    content: "\f078";
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0;
    color: #005570
}

.my-favorites .show-less-colors:after,
.my-favorites .show-less-products:after {
    content: "\f077"
}

.my-favorites .button-container {
    overflow: hidden;
    border-bottom: 1px solid #87837d;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.my-favorites .orderconfirmation-overlay .window {
    width: 50em;
    min-height: 0;
    margin-left: -24em;
    border: 1px solid #999;
    padding: 2em;
    top: 5em;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.my-favorites .orderconfirmation-overlay .added {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat Light 300"
}

.my-favorites .orderconfirmation-overlay .continue-shopping {
    margin-right: 15px
}

@media only screen and (max-width: 767px) {
    .my-favorites .orderconfirmation-overlay .continue-shopping {
        margin-bottom: 10px;
        display: block
    }
}

.my-favorites .orderconfirmation-overlay .complete-order {
    background: #4DB5C2;
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #333;
    text-align: left;
    margin-bottom: 15px;
    font-family: "Montserrat Light 300"
}

.favorite-products .favorite-product {
    position: relative;
    background: none;
    border: 1px solid #f3f1ee;
    padding: 0
}

.favorite-products .favorite-product h2 {
    font-family: "Montserrat Light 300";
    color: #005570;
    font-size: 18px;
    line-height: normal;
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0;
    min-height: 42px
}

.favorite-products .favorite-product h2 a {
    text-decoration: none
}

.favorite-products .favorite-product .favorite-product-header {
    padding: 10px
}

.favorite-products .favorite-product .favorite-product-header .product-image-link {
    position: relative;
    display: block;
    height: 125px
}

.favorite-products .favorite-product .favorite-product-header .order-item {
    text-decoration: none
}

.favorite-products .favorite-product .delete-item {
    position: absolute;
    top: 2px;
    right: 6px
}

.favorite-products .favorite-product img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100px
}

.favorite-products .favorite-product .colors .favorite-config-item {
    float: none;
    display: block;
    border-top: 1px solid #e6e2dc;
    background: #f8f7f4;
    width: 100%;
    border-radius: 0;
    padding: 12px 0 12px 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}

.favorite-products .favorite-product .colors .favorite-config-item:first-of-type {
    border-top: 1px solid #f3f1ee
}

.favorite-products .favorite-product .colors .favorite-config-item:last-of-type {
    margin-bottom: 0
}

.favorite-products .favorite-product .colors .favorite-config-item .color-preview {
    width: 54px;
    height: 54px
}

.favorite-products .favorite-product .colors .favorite-config-item .price {
    color: #152752;
    font-weight: bold;
    font-size: 16px;
    display: block
}

.favorite-products .favorite-product .colors .favorite-config-item .unit {
    color: #152752;
    font-size: 14px
}

.favorite-products .favorite-product .colors .favorite-config-item .order-sub-item {
    background-color: #4DB5C2;
    border: 1px solid #333333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 4px 6px 4px 4px;
    font-size: 16px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #333333;
    font-family: "Montserrat Light 300"
}

.favorite-products .favorite-product .colors .favorite-config-item .order-sub-item:after {
    content: " ";
    background-image: url("../../../image/rambo/icon-shopping-cart-black.svg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 18px 16px;
    height: 17px;
    width: 20px;
    display: inline-block;
    margin-left: 0;
    margin-bottom: -2px
}

.favorite-products .favorite-product .colors .favorite-config-item .delete-item {
    top: 6px;
    right: 6px
}

.ubr-wrapper {
    -ms-grid-column: 1;
    padding: 10px;
    color: #fff
}

.ubr-wrapper .ubr-container {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.ubr-wrapper .ubr-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.ubr-wrapper .ubr-item {
    position: relative;
    margin-right: 10px;
    font-size: 13px
}

.ubr-wrapper .ubr-item:before {
    content: '\f00c';
    font-family: "FontAwesome";
    font-size: 0.9em;
    margin-right: 6px;
    color: red
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    .ubr-wrapper .ubr-item {
        vertical-align: top;
        position: relative;
        padding: 0 20px;
        margin-right: 0;
        margin-bottom: 11px;
        display: none
    }

    .ubr-wrapper .ubr-item:before {
        position: absolute;
        left: 0
    }

    .ubr-wrapper .ubr-item.ubr-tablet {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .ubr-wrapper .ubr-item {
        display: none;
        max-height: 25px;
        overflow: hidden
    }

    .ubr-wrapper .ubr-item.ubr-mobile {
        display: block;
        margin-right: 0
    }
}

.ubr-wrapper .ubr-item b {
    color: red
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    .ubr-wrapper {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .ubr-wrapper {
        height: auto;
        overflow: hidden;
        margin-bottom: 0;
        position: absolute;
        top: 93px;
        left: 0;
        right: 0;
        text-align: center;
        border-top: 1px solid #999
    }

    .ubr-wrapper .ubr-container {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.shipping-information-container {
    height: 45px;
    background-color: rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom: 1px solid #e9e9e9
}

.shipping-information-container .text-container {
    padding-top: 11px;
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #E4200E
}

.shipping-information-container span {
    font-family: "Montserrat Light 300";
    font-weight: normal;
    position: relative;
    margin-right: 25px;
    font-size: 16px
}

.shipping-information-container span:before {
    margin-right: 10px;
    font-family: "Montserrat Light 300";
    color: #E4200E;
    font-weight: normal
}

.shipping-information-container span:last-of-type {
    margin-right: 0
}

.shipping-information-container .shipping-text:before {
    content: "\f0d1"
}

.shipping-information-container .send-back-text:before {
    content: "\f090"
}

@media only screen and (max-width: 767px) {
    .shipping-information-container {
        height: auto;
        margin-bottom: 0
    }

    .shipping-information-container .text-container {
        padding-bottom: 11px
    }

    .shipping-information-container span {
        display: block
    }
}

.scrollable {
    position: relative
}

.scrollable::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    background: #0053a0 url("../image/icon-swipe.html") no-repeat center center;
    border-radius: 6px 0 0 6px;
    background-size: 64px 46px, auto auto;
    width: 74px;
    height: 74px
}

.ecommerce-header-wrapper {
    position: absolute;
    top: 100px;
    right: 35px;
    z-index: 10;
    height: 30px
}

@media only screen and (max-width: 767px) {
    .ecommerce-header-wrapper {
        position: static
    }
}

.shoppingcart-table.scrollable::after {
    top: 60px
}

.scrollable.drag::after {
    display: none
}

@media screen and (max-width: 960px) {
    html.popup-open {
        height: 100%
    }

    html.popup-open body {
        position: relative;
        height: 100%
    }
}

.prices .from,
.pricing .from,
.price-container .from {
    padding-right: 5px
}

.prices .crossed-out,
.prices .from,
.pricing .crossed-out,
.pricing .from,
.price-container .crossed-out,
.price-container .from {
    color: #676767;
    height: 24px;
    display: table-cell;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle
}

.prices .crossed-out,
.pricing .crossed-out,
.price-container .crossed-out {
    float: none;
    position: relative
}

.prices .crossed-out:after,
.pricing .crossed-out:after,
.price-container .crossed-out:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 1px;
    background-color: #b00f08
}

nav.top {
    right: 200px
}

div.search {
    top: 5px
}

.loading {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.loading:before {
    display: block;
    margin: 12px auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: .8em solid #888;
    border-right: .8em solid #888;
    border-bottom: .8em solid #888;
    border-left: .8em solid #1d3b3d;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

.loading:before {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    margin-top: -25px;
    margin-left: -25px
}

.loading:after {
    content: "";
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background-color: white
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.color-preview {
    height: 45px;
    width: 45px;
    margin: 0 1em 0 0;
    border: 1px solid #e6e6e6;
    display: none
}

.color-preview.show {
    display: table-cell
}

.message.error,
.message-board-form .message.form-control-error {
    color: red
}

.mobile-show {
    display: none
}

@media only screen and (max-width: 767px) {
    .mobile-show {
        display: initial
    }

    .ecommerce-header-wrapper {
        top: 0
    }

    .ecommerce-header-wrapper .micro-container {
        display: none
    }

    .ecommerce-header-wrapper .header-mobile-menu {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {

    .ecommerce-header-wrapper .micro-container.micro-login,
    .ecommerce-header-wrapper>.shoppingcart-header-wrapper {
        display: none
    }

    .ecommerce-header-wrapper .header-mobile-menu {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product {
        padding: 10px 0
    }
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview {
        width: 420px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview {
        width: 100%
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview h4 {
    padding-left: 5px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview h4 a {
    font-family: "Montserrat Light 300";
    color: #000;
    font-size: 1.25em;
    text-transform: uppercase
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-preview .color-background {
    border: 1px solid #c5c2bd
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .configure-product.combideal .product-details {
    float: right
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container {
    margin-top: 25px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container:before {
    left: 18px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .show-more-combideals {
    padding: 10px 0 10px 0
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .show-more-combideals span {
    color: #999
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .show-more-combideals a {
    color: #005570;
    text-decoration: none
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .product-preview {
    padding-left: 5px;
    width: 280px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .product-preview {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .product-preview {
        width: 100%
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .product-preview .color-background {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .product-preview .color-background {
        margin-bottom: 10px;
        margin-left: 10px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper.last-visible .product-wrapper {
    padding-bottom: 15px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper.last-visible .product-wrapper {
        padding-bottom: 2px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper.last-visible .product-wrapper {
        padding-bottom: 5px
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper {
    border-bottom: 0;
    padding: 10px 0 18px 0
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper {
        padding-bottom: 0
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper:before {
    bottom: -5px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-configured .product-details,
.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-instock .product-details {
    background-color: #fff8d6;
    width: 702px
}

@media only screen and (max-width: 1072px) {

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-configured .product-details,
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-instock .product-details {
        width: 565px
    }
}

@media only screen and (max-width: 767px) {

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-configured .product-details,
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-instock .product-details {
        width: 100%;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .item-not-instock .product-details {
        margin-bottom: 0
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper .product-details {
    float: left;
    margin-top: 10px
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper:after {
    font-family: "Montserrat Light 300";
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper .product-wrapper:after {
        bottom: 0
    }
}

.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.unit span,
.shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.amount span {
    padding-left: 17px;
    color: #777
}

@media only screen and (max-width: 1072px) {

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.unit span,
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.amount span {
        padding-left: 8px
    }
}

@media only screen and (max-width: 767px) {

    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.unit span,
    .shoppingcart-table .shoppingcart-wrapper .order-product .product-wrapper .combideal-container .configure-product.configure-bundle .bundle-inner-wrapper div.amount span {
        padding-left: 0;
        width: auto
    }
}

.product-detail .order-product .paint-calculator-container,
.product-detail .order-product .paint-calculator-container-source,
.advice-page .paint-calculator-container,
.advice-page .paint-calculator-container-source {
    clear: both;
    position: relative;
    display: table
}

.product-detail .order-product .calc-paint,
.advice-page .calc-paint {
    margin-top: 10px;
    position: relative;
    display: table;
    text-decoration: none;
    margin-left: 20px
}

.product-detail .order-product .calc-paint span,
.advice-page .calc-paint span {
    display: table-cell;
    text-decoration: underline;
    cursor: pointer
}

.product-detail .order-product .calc-paint:before,
.advice-page .calc-paint:before {
    content: "\f1ec";
    font-family: "Montserrat Light 300";
    font-size: 22px;
    display: table-cell;
    padding-right: 10px;
    font-weight: normal;
    color: #005570;
    vertical-align: middle
}

@media only screen and (max-width: 1072px) {

    .product-detail .order-product .calc-paint,
    .advice-page .calc-paint {
        margin-left: 100px;
        font-size: 14px
    }
}

.product-detail .order-product .paint-calculator,
.advice-page .paint-calculator {
    background: #fff;
    border: 1px solid #000;
    padding: 32px;
    position: absolute;
    bottom: 54px;
    z-index: 9;
    width: 500px;
    right: -58px;
    margin: auto;
    display: none
}

@media only screen and (max-width: 1072px) {

    .product-detail .order-product .paint-calculator,
    .advice-page .paint-calculator {
        top: -200px;
        right: -64px
    }
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator,
    .advice-page .paint-calculator {
        min-width: 300px;
        width: 100%;
        top: auto;
        right: auto;
        left: 50px;
        bottom: 52px
    }
}

.product-detail .order-product .paint-calculator:before,
.advice-page .paint-calculator:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 17px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -16px;
    z-index: 2
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator:before,
    .advice-page .paint-calculator:before {
        left: 194px;
        right: auto
    }
}

.product-detail .order-product .paint-calculator:after,
.advice-page .paint-calculator:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 18px 0 18px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: -1px;
    bottom: -17px;
    z-index: 1
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator:after,
    .advice-page .paint-calculator:after {
        left: 193px;
        right: auto
    }
}

.product-detail .order-product .paint-calculator h3,
.advice-page .paint-calculator h3 {
    color: #333;
    margin-bottom: 0;
    margin-top: 0
}

.product-detail .order-product .paint-calculator span,
.advice-page .paint-calculator span {
    color: #333;
    font-size: 18px;
    margin-bottom: 21px;
    display: block;
    font-weight: bold
}

.product-detail .order-product .paint-calculator div,
.advice-page .paint-calculator div {
    float: left;
    margin-right: 24px
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator div,
    .advice-page .paint-calculator div {
        float: none;
        clear: both
    }
}

.product-detail .order-product .paint-calculator div:last-child,
.advice-page .paint-calculator div:last-child {
    margin-right: 0
}

.product-detail .order-product .paint-calculator div label,
.advice-page .paint-calculator div label {
    float: left;
    font-size: 16px;
    margin: 12px 16px 0 0
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator div label,
    .advice-page .paint-calculator div label {
        width: 100px;
        margin-bottom: 10px
    }
}

.product-detail .order-product .paint-calculator div input,
.advice-page .paint-calculator div input {
    float: left;
    width: 84px;
    background: #f3f1ee;
    border: 1px solid #000;
    font-size: 18px;
    height: 36px
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator div input,
    .advice-page .paint-calculator div input {
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator div.outcome,
    .advice-page .paint-calculator div.outcome {
        float: left;
        clear: none;
        margin-left: 20px;
        margin-top: 10px
    }
}

@media screen and (max-width: 445px) {

    .product-detail .order-product .paint-calculator div.outcome,
    .advice-page .paint-calculator div.outcome {
        margin-left: 0
    }
}

.product-detail .order-product .paint-calculator div.outcome span,
.advice-page .paint-calculator div.outcome span {
    margin-top: 6px;
    margin-bottom: 0
}

.product-detail .order-product .paint-calculator div.outcome span p,
.advice-page .paint-calculator div.outcome span p {
    float: right;
    margin: 0 0 0 20px
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator div.outcome span p,
    .advice-page .paint-calculator div.outcome span p {
        float: none;
        margin-top: -25px
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-actionbuttons,
.advice-page .paint-calculator .paintcalculator-actionbuttons {
    float: none;
    padding: 0;
    margin-right: 0;
    background-color: #fff;
    text-align: left
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-actionbuttons,
    .advice-page .paint-calculator .paintcalculator-actionbuttons {
        text-align: center
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-actionbuttons .button,
.advice-page .paint-calculator .paintcalculator-actionbuttons .button {
    height: auto;
    padding: 8px
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist,
.advice-page .paint-calculator .paintcalculator-productlist {
    float: none;
    margin-right: 0;
    background-image: none
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0cec8;
    float: none;
    margin-right: 0;
    display: table;
    width: 100%;
    height: auto
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product:last-of-type,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .product-input-wrapper,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .product-input-wrapper {
    margin-right: 0
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-link,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-link {
    text-decoration: none
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name {
    display: inline-block;
    font-family: "Montserrat Light 300";
    width: auto;
    float: none;
    font-size: 1.125em;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 5px
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name {
        padding-right: 0
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input {
    margin-left: 0;
    padding: 0
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-wrapper,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-wrapper {
    float: none;
    margin-right: 0;
    padding-bottom: 0
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name-container,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-product-name-container {
    float: none;
    display: table;
    clear: both;
    width: 100%
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item {
    width: auto
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item {
        margin-right: 0
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label,
.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers,
.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label,
    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers,
    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input {
        margin-bottom: 5px
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .paintcalculator-input-item-label {
    margin-top: 4px
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item .product-layers {
    width: 50px;
    min-width: 0;
    margin-left: 10px;
    height: auto
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input {
    margin-left: 10px;
    padding: 4px;
    background-color: #fff;
    font-size: 1em;
    height: auto
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-input-item input {
        float: none
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results {
    margin-top: 6px;
    margin-left: 10px;
    background-color: transparent;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {

    .product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results,
    .advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results {
        padding-bottom: 0;
        margin-left: 0
    }
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results span,
.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results .product-result,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results span,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results .product-result {
    font-size: 1em;
    display: inline
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results span,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results span {
    font-weight: normal
}

.product-detail .order-product .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results .product-result,
.advice-page .paint-calculator .paintcalculator-productlist .paintcalculator-product .paintcalculator-results .product-result {
    font-weight: bold
}

.product-detail .order-product .paint-calculator .close,
.advice-page .paint-calculator .close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(../../../image/sigma/sprite-sigma.png) 0 -292px
}

.advice-page .paint-calculator {
    top: auto;
    bottom: 48px;
    left: 0;
    right: auto;
    padding: 10px
}

@media only screen and (max-width: 767px) {
    .advice-page .paint-calculator {
        bottom: 45px
    }
}

.advice-page .paint-calculator:before {
    left: 20px;
    right: auto
}

@media only screen and (max-width: 767px) {
    .advice-page .paint-calculator:before {
        left: 45%;
        right: auto
    }
}

.advice-page .paint-calculator:after {
    left: 19px;
    right: auto
}

@media only screen and (max-width: 767px) {
    .advice-page .paint-calculator:after {
        left: 45%;
        right: auto;
        margin-left: -1px
    }
}

@media only screen and (max-width: 767px) {
    .advice-page .paint-calculator .close {
        top: 5px;
        right: 5px
    }
}

@media only screen and (max-width: 767px) {
    .guestorder-details-wrapper input[type=submit] {
        display: block;
        margin-top: 5px
    }
}

.guestorder-details-container h4 {
    color: #152752;
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container h4 {
        text-align: center
    }
}

.guestorder-details-container h4 .tooltip-container {
    font-family: "Montserrat Light 300";
    font-size: 16px
}

.guestorder-details-container .personal-details-wrapper>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    -ms-flex-align: center;
    align-items: center
}

.guestorder-details-container .personal-details-wrapper>div label,
.guestorder-details-container .personal-details-wrapper>div.salutation>span {
    min-width: 160px;
    text-align: right;
    padding-right: 10px;
    font-style: normal
}

@media only screen and (max-width: 767px) {

    .guestorder-details-container .personal-details-wrapper>div label,
    .guestorder-details-container .personal-details-wrapper>div.salutation>span {
        font-weight: bold;
        min-width: auto
    }
}

.guestorder-details-container .personal-details-wrapper>div.salutation li label {
    font-weight: normal
}

.guestorder-details-container .personal-details-wrapper>div .inputs-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.guestorder-details-container .personal-details-wrapper>div .inputs-wrapper .input-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1072px) {
    .guestorder-details-container .personal-details-wrapper>div .inputs-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .guestorder-details-container .personal-details-wrapper>div .inputs-wrapper input:first-of-type {
        margin-bottom: 10px
    }
}

.guestorder-details-container .personal-details-wrapper>div input {
    margin-right: 10px;
    width: auto
}

@media only screen and (max-width: 1072px) {
    .guestorder-details-container .personal-details-wrapper>div input {
        margin-right: 0
    }
}

.guestorder-details-container .personal-details-wrapper>div .last-name {
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .personal-details-wrapper>div {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.guestorder-details-container .personal-details-wrapper address>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.guestorder-details-container .personal-details-wrapper address>div label {
    min-width: 160px;
    text-align: right;
    padding-right: 10px;
    font-style: normal
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .personal-details-wrapper address>div label {
        font-weight: bold;
        min-width: auto
    }
}

.guestorder-details-container .personal-details-wrapper address>div input {
    margin-right: 10px;
    width: auto
}

@media only screen and (max-width: 1072px) {
    .guestorder-details-container .personal-details-wrapper address>div input {
        margin-right: 0
    }
}

.guestorder-details-container .personal-details-wrapper address>div .inputs-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.guestorder-details-container .personal-details-wrapper address>div .inputs-wrapper .input-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 1072px) {
    .guestorder-details-container .personal-details-wrapper address>div .inputs-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .guestorder-details-container .personal-details-wrapper address>div .inputs-wrapper input:first-of-type {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .personal-details-wrapper address>div {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.guestorder-details-container .personal-details-wrapper .salutation ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.guestorder-details-container .personal-details-wrapper .salutation ul li {
    display: inline-block
}

.guestorder-details-container .personal-details-wrapper .salutation ul li input {
    margin: 0 10px 0
}

.guestorder-details-container .personal-details-wrapper .js-street-city-text {
    margin-left: 160px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%
}

.guestorder-details-container .personal-details-wrapper .js-enter-manually {
    font-style: normal;
    font-size: 14px;
    margin-left: 160px
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .personal-details-wrapper .js-enter-manually {
        margin-left: 0
    }
}

.guestorder-details-container .personal-details-wrapper .street,
.guestorder-details-container .personal-details-wrapper .city {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    margin: 0
}

.guestorder-details-container .personal-details-wrapper .street.active,
.guestorder-details-container .personal-details-wrapper .city.active {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
    margin-bottom: 10px
}

.guestorder-details-container .ppg-subscribe-to-newsletter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.guestorder-details-container .ppg-register-user .ppg-register-user-create-account {
    display: -ms-flexbox;
    display: flex
}

.guestorder-details-container .ppg-register-user .ppg-password-wrapper {
    margin-top: 20px
}

.guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-input label {
    min-width: 160px;
    text-align: right;
    padding-right: 10px;
    font-style: normal
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-input label {
        min-width: auto
    }
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-input {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-text {
    margin-bottom: 10px;
    margin-left: 160px
}

@media only screen and (max-width: 767px) {
    .guestorder-details-container .ppg-register-user .ppg-password-wrapper .password-strength-text {
        margin-left: 0;
        text-align: center
    }
}

.guestorder-details-container input[type=checkbox] {
    display: none
}

.guestorder-details-container input[type=checkbox]+label {
    position: relative;
    padding-left: 30px
}

.guestorder-details-container input[type=checkbox]+label:before {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #152752
}

.guestorder-details-container input[type=checkbox]:checked+label:after {
    content: '';
    width: 12px;
    height: 8px;
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    border: 3px solid #152752;
    border-top: none;
    border-right: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.guestorder-details-container .val-error {
    border: 2px solid #f00000
}

.guestorder-details-container .val-warning {
    border: 2px solid #ff850a
}

.guestorder-details-wrapper .button.checkoutButtonBack {
    background-color: #f3f1ee;
    color: #005570
}

.guestorder-details-wrapper .button.checkoutButtonBack:hover {
    background-color: transparent
}

.guestorder-details-wrapper .button.checkoutButtonNext {
    float: right
}

@media only screen and (max-width: 767px) {
    .guestorder-details-wrapper .button.checkoutButtonNext {
        float: none
    }
}

.ppg-ubr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px dotted #152752;
    padding: 1em;
    margin-top: 1em
}

.ppg-ubr ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.ppg-ubr ul.ppg-ubr-reasons li {
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4
}

.ppg-ubr ul.ppg-ubr-reasons li:before {
    content: "\f00c";
    font-family: "Montserrat Light 300";
    font-size: 20px;
    margin-right: 6px;
    color: red
}

.ppg-ubr ul.ppg-ubr-logos {
    margin-top: 10px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ppg-ubr ul.ppg-ubr-logos li {
    margin-left: 4px;
    margin-right: 4px
}

.ppg-ubr ul.ppg-ubr-logos li img {
    max-height: 22px
}

.delivery-date-container .ppg-ubr {
    border: 0
}

@media only screen and (max-width: 767px) {
    .delivery-date-container .ppg-ubr ul.ppg-ubr-reasons li {
        font-size: 16px
    }
}

body .popup {
    width: auto;
    height: auto;
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

body .popup>.bg {
    opacity: .2;
    background-color: #333;
    z-index: 9998;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

body .popup>.window {
    z-index: 9999;
    position: absolute;
    top: 6%;
    left: 50%;
    max-width: 484px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 2em;
    overflow: auto;
    max-height: 85%;
    -webkit-overflow-scrolling: touch
}

body .popup>.window h2 {
    margin-bottom: 6px;
    font-family: "Montserrat Light 300"
}

body .popup>.window input,
body .popup>.window select {
    float: none;
    clear: both;
    display: block;
    margin: 2px 0 5px 0;
    max-width: 100%
}

body .popup>.window .small input {
    max-width: 7em;
    clear: both
}

body .popup>.window .phonenumber-field-container label {
    float: left;
    display: block
}

body .popup>.window .phonenumber-field-container input {
    float: left
}

body .popup>.window .phonenumber-field-container .tooltip-container {
    float: left;
    margin-left: 5px
}

body .popup>.window .buttonright {
    clear: both
}

body .popup>.window input[type=checkbox],
body .popup>.window input[type=radio] {
    margin: 5px 5px 0 0
}

body .popup>.window .close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    color: #0c59A1;
    z-index: 1
}

body .popup>.window .close:after {
    content: "\f00d";
    font-family: "Montserrat Light 300";
    font-size: 1.5em;
    color: #999;
    vertical-align: bottom;
    margin-left: 10px
}

body .popup>.window .close:hover:before {
    color: #f2f2f2
}

body .popup>.window .close span {
    display: none
}

body .popup>.window .paging>ul {
    list-style-type: none;
    padding: 0
}

body .popup>.window .paging>ul li {
    float: left
}

body .popup>.window .submit-buttons {
    margin-top: 10px
}

body .popup>.window .submit-buttons .button {
    display: inline-block
}

body .popup>.window .error ul,
body .popup>.window .message-board-form .form-control-error ul,
.message-board-form body .popup>.window .form-control-error ul {
    margin: 0 0 15px 0
}

body .popup>.window .error ul li,
body .popup>.window .message-board-form .form-control-error ul li,
.message-board-form body .popup>.window .form-control-error ul li {
    margin: 12px 0;
    color: #e62111;
    padding: 10px;
    padding-left: 25px;
    border: 1px solid #e62111;
    background: #fee6e6;
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 500px;
    margin-right: 10px
}

body .popup>.window .error ul li[style*="inline"],
body .popup>.window .message-board-form .form-control-error ul li[style*="inline"],
.message-board-form body .popup>.window .form-control-error ul li[style*="inline"] {
    display: inline-block !important;
    width: auto
}

body .popup>.window .error ul li:before,
body .popup>.window .message-board-form .form-control-error ul li:before,
.message-board-form body .popup>.window .form-control-error ul li:before {
    content: '\f12a';
    font-family: "Montserrat Light 300";
    font-size: 20px;
    position: absolute;
    left: 8px;
    top: 11px
}

body .popup>.window .error ul li+li,
body .popup>.window .message-board-form .form-control-error ul li+li,
.message-board-form body .popup>.window .form-control-error ul li+li {
    margin-right: 10px
}

body .popup>.window .error ul li:last-child,
body .popup>.window .message-board-form .form-control-error ul li:last-child,
.message-board-form body .popup>.window .form-control-error ul li:last-child {
    margin-bottom: 0
}

body .popup.small>.window {
    width: 35em;
    margin-left: -17.5em
}

body .popup.small input {
    margin-bottom: 12px;
    display: block
}

body .popup.small .close {
    right: 1em
}

body .popup.small .close+div {
    padding-right: 2.5em
}

body .popup.orderconfirmation-overlay>.window {
    z-index: 9999;
    width: 25em;
    margin-left: -12.5em;
    position: absolute;
    top: 6%;
    left: 50%;
    bottom: auto;
    max-width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 2em;
    overflow: auto;
    max-height: 85%;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    body .popup.orderconfirmation-overlay>.window {
        width: 95%;
        margin-left: 0;
        left: 2.5%;
        right: 2.5%;
        top: 2.5%
    }
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .added {
    display: block;
    margin-bottom: 25px;
    font-family: "Montserrat Light 300";
    text-transform: uppercase;
    font-size: 1.25em
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .continue-shopping {
    display: block;
    margin-right: 25px;
    margin-bottom: 15px
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .continue-shopping:hover {
    text-decoration: none
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .button.complete-order {
    background: #4DB5C2;
    color: #000;
    border: 1px solid #333;
    display: block;
    width: 200px;
    text-align: left;
    position: relative;
    margin-top: 0;
    left: auto;
    bottom: auto;
    right: auto;
    padding: 0 15px;
    height: 34px;
    float: none;
    font-size: 1em
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .button.complete-order:disabled {
    opacity: .25;
    cursor: default
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .button.complete-order:disabled:hover {
    background-color: #4DB5C2
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .button.complete-order:hover {
    background-color: #73c5cf;
    color: #333
}

body .popup.orderconfirmation-overlay>.window .orderconfirmation-overlay-wrapper .shippingcosts {
    margin-top: 25px
}

@media screen and (max-width: 960px) {

    body .popup,
    body .popup.small {
        overflow-y: scroll
    }

    body .popup>.window,
    body .popup.small>.window {
        position: fixed;
        width: auto;
        top: 10px;
        left: 10px;
        right: 10px;
        margin: 0;
        overflow-y: auto
    }

    body .popup.small>.window {
        bottom: auto
    }
}

@media only screen and (max-width: 767px) {
    body .popup>.window .close {
        top: 0.5em;
        right: 1em
    }

    body .popup>.window h1 {
        padding-top: .75em
    }
}

body .popup.personaldetails>.window .small {
    margin-bottom: 10px
}

body .popup.personaldetails>.window .small span {
    display: block;
    margin-bottom: 2px
}

body .popup.personaldetails>.window .small label {
    display: inline;
    cursor: pointer
}

body .popup.personaldetails>.window .small input[type=radio],
body .popup.personaldetails>.window .small input[type=checkbox] {
    display: inline;
    clear: none
}

.order-popup.order-product-from-listing.popup .window {
    width: 482px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.order-popup.order-product-from-listing.popup .window.large {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .window.large {
        width: 100%
    }
}

.order-popup.order-product-from-listing.popup .window.parent {
    overflow: hidden
}

.order-popup.order-product-from-listing.popup .window .close {
    font-weight: normal;
    font-size: 0
}

.order-popup.order-product-from-listing.popup .window .close:after {
    font-size: 22px
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .window {
        width: 100%
    }
}

.order-popup.order-product-from-listing.popup .bg.child {
    opacity: 0;
    background-color: none
}

.order-popup.order-product-from-listing.popup .product-wrapper>h3 {
    border: none;
    text-align: left;
    height: 40px;
    height: auto;
    font-size: 28px
}

.order-popup.order-product-from-listing.popup .product-wrapper .product-info h3,
.order-popup.order-product-from-listing.popup .product-wrapper .unit h3,
.order-popup.order-product-from-listing.popup .product-wrapper .color h3 {
    height: auto;
    min-height: 0;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    clear: both;
    background-color: transparent;
    border: none;
    text-align: left;
    margin-top: 15px
}

.order-popup.order-product-from-listing.popup .product-wrapper .product-info h3:after,
.order-popup.order-product-from-listing.popup .product-wrapper .unit h3:after,
.order-popup.order-product-from-listing.popup .product-wrapper .color h3:after {
    display: none
}

.order-popup.order-product-from-listing.popup .product-wrapper .js-toggle-dropdown {
    cursor: pointer;
    font-size: 16px;
    margin-top: 0;
    color: black;
    font-family: "Montserrat Light 300";
    border: 1px solid #cbcbcb;
    line-height: normal;
    height: 50px;
    margin-bottom: -1px;
    line-height: 50px;
    padding-left: 18px;
    width: 247px;
    position: relative;
    margin-left: 0;
    text-transform: none;
    margin-top: 16px
}

.order-popup.order-product-from-listing.popup .product-wrapper .js-toggle-dropdown:after {
    content: "";
    background-image: url(../../../image/histor/angle-down.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    top: 0;
    width: 25px;
    height: 15px
}

.order-popup.order-product-from-listing.popup .product-wrapper.has-color h4 {
    font-size: 18px;
    margin-top: 16px;
    color: #152752;
    margin-bottom: 10px;
    font-family: "Montserrat Light 300";
    line-height: normal;
    border: 0;
    padding-left: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper.has-color h4:after {
    display: none
}

.order-popup.order-product-from-listing.popup .product-wrapper.has-color h4+h4 {
    display: none
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors {
    border: 1px solid #cbcbcb;
    background: white;
    margin-top: 0;
    width: 247px;
    margin-left: 0;
    z-index: 2;
    position: relative;
    display: none;
    max-height: 211px;
    overflow-y: auto
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors.visible {
    display: block
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li {
    border-bottom: 1px solid #cbcbcb;
    width: 100%;
    float: none;
    display: block;
    height: 52px;
    position: relative;
    min-height: 0;
    margin-bottom: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li:hover {
    background: whitesmoke
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li:last-child {
    border: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li .readymixed-color-preview {
    border: 1px solid #152752;
    float: left;
    width: 35px;
    height: 35px;
    margin: 8px 8px 8px 0;
    margin-bottom: 0;
    position: relative
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li .select-readymixed-color {
    min-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 16px;
    color: black;
    text-align: left;
    line-height: 52px;
    padding-left: 16px;
    text-decoration: none;
    display: block
}

.order-popup.order-product-from-listing.popup .product-wrapper .readymixed-colors>li:before {
    display: none
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product {
    background: none;
    padding: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .product-info {
    overflow: hidden;
    text-align: center;
    padding: 0;
    margin-top: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .product-info>h3 {
    text-align: center;
    margin-top: 15px;
    font-size: 28px;
    padding-right: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .product-info img {
    max-width: 200px;
    max-height: none;
    margin: 0 0 25px 0
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .product-info img {
        max-width: 175px
    }
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices {
    text-align: center;
    border-bottom: 1px solid #aca9a5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    float: none;
    width: auto;
    min-height: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices .your-price {
    overflow: hidden
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices .your-price .from-price-container {
    width: 100px;
    margin: 0 auto
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices .your-price>div {
    font-weight: bold
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices .your-price .price {
    float: none;
    display: block;
    font-size: 48px;
    font-family: "Montserrat Light 300";
    line-height: normal;
    font-weight: normal;
    margin-top: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .prices .your-price .suffix {
    float: none
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit {
    padding: 0;
    float: none;
    width: auto;
    min-height: 0;
    border-bottom: 0;
    clear: both
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit h3,
.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit h4 {
    text-align: left
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit h3 {
    margin-bottom: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit h4 {
    margin-top: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product div.unit select {
    width: 130px
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color {
    min-height: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color h4 {
    margin-top: 0;
    text-align: left
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code {
    display: table-cell;
    vertical-align: middle
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code span {
    font-family: "Montserrat Light 300";
    font-size: 18px;
    color: #999
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code .image-container {
    margin: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code .image-container img {
    float: left;
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    margin: 6px 0
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code .image-container img {
        max-width: 80px;
        max-height: 80px
    }
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-code .change-color {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .color-preview.show+.color-code {
    padding-left: 15px;
    padding-top: 0
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li {
    float: left;
    display: block;
    width: 25%;
    min-height: 75px
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li:hover {
    border: none
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li {
        width: 50%
    }
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li .select-popular-color .popular-color-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li .select-popular-color span {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .popular-colors li:before {
    display: none
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always {
    float: left;
    clear: both
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always span {
    display: block;
    font-weight: normal;
    margin-top: 0;
    position: static
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart {
    background: #4DB5C2;
    color: #333;
    border: 1px solid #333;
    display: block;
    width: 200px;
    text-align: left;
    position: relative;
    margin-top: 0;
    left: auto;
    bottom: auto;
    right: auto;
    padding: 12px 19px;
    float: none;
    font-size: 1em
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart:disabled {
    opacity: .25;
    cursor: default
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart:disabled:hover {
    background-color: #4DB5C2
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart:hover {
    background-color: #73c5cf;
    color: #333
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart:hover:after {
    background-image: url(../../../image/rambo/icon-shopping-cart-black.svg)
}

.order-popup.order-product-from-listing.popup .product-wrapper .configure-product .update-always .add-to-cart:after {
    background-image: url(../../../image/rambo/icon-shopping-cart-black.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left;
    width: 30px;
    height: 27px;
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay.popup>.window {
    width: 482px;
    top: 34px
}

@media only screen and (max-width: 1072px) {
    .order-popup.order-product-from-listing.popup .orderconfirmation-overlay.popup>.window {
        top: 10px
    }
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper {
    text-align: left
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .added {
    margin-top: 10px
}

@media screen and (max-width: 400px) {
    .order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .continue-shopping {
        margin-bottom: 10px;
        display: block;
        text-align: center
    }
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .complete-order:after {
    display: none
}

@media screen and (max-width: 400px) {
    .order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .complete-order {
        display: block;
        margin: 0 auto 25px auto
    }
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .shippingcosts {
    clear: both;
    margin-top: 10px;
    text-align: left;
    font-weight: normal
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products {
    margin-top: 20px;
    text-align: left;
    font-weight: normal
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products>span {
    font-weight: bold
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul {
    padding: 0;
    margin-top: 10px
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li {
    width: 50%;
    margin: 0;
    float: left;
    background: none;
    height: auto;
    border: none;
    padding-left: 0
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li:nth-child(3n) {
    clear: none
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li p {
    padding-left: 0
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li:before {
    display: none
}

@media only screen and (max-width: 767px) {
    .order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li {
        width: 100%;
        float: none
    }
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li a {
    border-bottom: 0;
    padding-top: 0;
    height: auto;
    text-decoration: none;
    width: auto;
    border: none
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li .image-container {
    float: left;
    width: 60px;
    height: 60px
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li .image-container img {
    position: static;
    margin: 0;
    padding-top: 0;
    width: 100%
}

.order-popup.order-product-from-listing.popup .orderconfirmation-overlay .orderconfirmation-overlay-wrapper .related-products ul li p {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    color: #000
}

.order-popup.order-product-from-listing.popup .color-popup .custommixed-super-wrapper .step-1 li {
    padding: 0
}

.order-popup.order-product-from-listing.popup .color-popup .custommixed-super-wrapper .step-1 li:before {
    display: none
}

.order-popup.order-product-from-listing.popup .amount-popup.popup .window .button {
    background-color: #4DB5C2
}

.order-popup.order-product-from-listing.popup .amount-popup.popup .window .button:after {
    display: none
}

.product-listing-ecommerce .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .readymixed-colors>li .readymixed-color-preview {
    margin-left: 0;
    margin-right: 16px
}

.compare-products .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .readymixed-colors>li {
    font-weight: normal
}

.compare-products .order-popup.order-product-from-listing.popup .product-wrapper .configure-product .color .readymixed-colors>li .readymixed-color-preview {
    margin-left: -16px;
    margin-right: 16px;
    font-weight: normal
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container {
    position: relative;
    margin-left: 5px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container {
        display: table;
        width: 100%
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown {
    background: white;
    cursor: pointer;
    font-size: 16px;
    margin-top: 0;
    color: black;
    border: 1px solid #cbcbcb;
    line-height: normal;
    height: 36px;
    font-size: 14px;
    margin-bottom: -1px;
    margin-top: 0;
    line-height: 36px;
    padding-left: 10px;
    width: 90%;
    position: relative;
    margin-left: 0;
    display: block !important;
    font-weight: bold;
    top: -15px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
    text-transform: none
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown {
        line-height: 50px;
        font-size: 16px;
        width: 100%;
        margin-bottom: 32px;
        top: 0
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown.visible {
    top: -15px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown.visible {
        top: 0
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown:after {
    content: "";
    background-image: url(../../../image/histor/angle-down.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    top: 0;
    width: 25px;
    height: 15px
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors {
    border: 1px solid #cbcbcb;
    background: white;
    margin-top: 0;
    width: 90%;
    margin-left: 0;
    z-index: 10;
    position: absolute;
    display: none;
    max-height: 211px;
    overflow-y: auto
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors {
        width: 300px
    }
}

@media only screen and (min-width: 1073px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors {
        width: 300px
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors.visible {
    display: block;
    top: 19px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors.visible {
        top: 49px;
        width: 100%
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li {
    border-bottom: 1px solid #cbcbcb;
    width: 100%;
    float: none;
    display: block;
    height: 52px;
    position: relative;
    min-height: 0
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li:hover {
    background: whitesmoke
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li:last-child {
    border: 0
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li .readymixed-color-preview {
    float: left;
    width: 35px;
    height: 35px;
    margin: 8px 0 8px 8px;
    margin-bottom: 0;
    margin-left: -42px
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li .select-readymixed-color {
    min-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 16px;
    color: black;
    text-align: left;
    margin-left: 8px;
    line-height: 52px;
    padding-left: 42px;
    text-decoration: none;
    display: block
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors>li:before {
    display: none
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .readymixed-colors-container h4 {
    display: block;
    font-weight: normal;
    float: none;
    width: auto;
    min-height: 0
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color.has-color h4 {
    display: none !important
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color {
    margin-top: 10px;
    margin-left: 0;
    display: block;
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
    color: #142654;
    font-size: 14px;
    right: 0;
    position: absolute;
    margin-top: -8px
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media only screen and (min-width: 1073px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color {
        right: 43px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color {
        margin-top: 52px;
        right: 25px;
        overflow: visible
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color span {
    position: relative;
    padding-top: 2px
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .edit-color span:after {
    background: url(../../../image/histor/sprite-histor.png) 0 -170px;
    width: 18px;
    height: 15px;
    position: absolute;
    content: "";
    top: 4px;
    bottom: 0;
    right: -28px
}

.shoppingcart-table .configure-product .color {
    position: relative
}

.shoppingcart-table .configure-product .color .show-readymixed-colors,
.shoppingcart-table .configure-product .color .edit-color {
    font-size: 14px;
    background-color: #ffdf31;
    color: #333;
    text-align: left;
    display: table;
    text-decoration: none;
    line-height: normal;
    padding: 2px;
    margin-bottom: 5px;
    padding: 5px
}

@media only screen and (max-width: 1072px) {

    .shoppingcart-table .configure-product .color .show-readymixed-colors,
    .shoppingcart-table .configure-product .color .edit-color {
        margin-right: 5px
    }
}

@media only screen and (max-width: 767px) {

    .shoppingcart-table .configure-product .color .show-readymixed-colors,
    .shoppingcart-table .configure-product .color .edit-color {
        margin-right: 0
    }
}

.shoppingcart-table .configure-product .color .show-readymixed-colors span,
.shoppingcart-table .configure-product .color .edit-color span {
    display: table
}

.shoppingcart-table .configure-product .color .show-readymixed-colors span:after,
.shoppingcart-table .configure-product .color .edit-color span:after {
    display: table-cell;
    content: "\f054";
    font-family: "Montserrat Light 300";
    vertical-align: middle;
    padding-left: 5px
}

.shoppingcart-table .configure-product .color .readymixed-colors-container {
    display: none;
    position: absolute;
    bottom: 42px;
    left: 1px;
    background-color: #fff;
    border: 1px solid #152752;
    padding: 10px;
    width: 340px;
    z-index: 100;
    overflow: visible;
    z-index: 1
}

.shoppingcart-table .configure-product .color .readymixed-colors-container.open {
    display: block
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container {
        bottom: 58px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container {
        bottom: 46px;
        left: -15px;
        width: 100%
    }
}

.shoppingcart-table .configure-product .color .readymixed-colors-container:after,
.shoppingcart-table .configure-product .color .readymixed-colors-container:before {
    top: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.shoppingcart-table .configure-product .color .readymixed-colors-container:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 14px;
    margin-left: 11px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container:after {
        margin-left: 100px
    }
}

.shoppingcart-table .configure-product .color .readymixed-colors-container:before {
    border-color: rgba(2, 73, 149, 0);
    border-top-color: #152752;
    border-width: 15px;
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container:before {
        margin-left: 99px
    }
}

.shoppingcart-table .configure-product .color .readymixed-colors-container h4 {
    float: none;
    display: block
}

.shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors {
    margin-left: 0
}

.shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors li {
    float: left;
    display: block;
    width: 24%;
    margin-right: 1%
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors li .readymixed-color-preview {
        width: 45px;
        height: 45px
    }
}

.shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors li:hover .readymixed-color-preview {
    -webkit-box-shadow: 0 0 0 1px #999;
    box-shadow: 0 0 0 1px #999
}

.shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors li:nth-child(4n+1) {
    margin-right: 0;
    clear: left
}

.shoppingcart-table .configure-product .color .readymixed-colors-container ul.readymixed-colors li:first-of-type {
    float: left;
    clear: none;
    margin-right: 1%
}

.shoppingcart-table .configure-product .color .show-readymixed-colors,
.shoppingcart-table .configure-product .color .edit-color {
    display: inline-block;
    margin-left: 5px
}

.shoppingcart-table .configure-product .color .readymixed-colors-container {
    bottom: 48px;
    border-color: #000
}

.shoppingcart-table .configure-product .color .readymixed-colors-container:before {
    border-top-color: #000
}

@media only screen and (max-width: 1072px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container {
        bottom: 62px
    }
}

@media only screen and (max-width: 767px) {
    .shoppingcart-table .configure-product .color .readymixed-colors-container {
        bottom: 48px
    }
}

.shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown {
    position: absolute
}

@media only screen and (max-width: 767px) {
    .shoppingcart-wrapper .order-product.shoppingcart .configure-product .product-details .color .color-container .js-toggle-dropdown {
        position: relative
    }
}

.product-detail .product-selection .paint-calculator {
    background: white;
    border: 1px solid #000;
    padding: 32px;
    position: absolute;
    top: -20px;
    z-index: 2;
    width: 500px;
    left: -8px;
    right: 0;
    margin: auto;
    display: none
}

@media screen and (max-width: 1072px) {
    .product-detail .product-selection .paint-calculator {
        padding: 16px;
        left: -69px;
        top: 16px
    }
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator {
        width: 100%;
        left: 0;
        top: -75px
    }
}

.product-detail .product-selection .paint-calculator:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -15px;
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator:before {
        left: 198px;
        right: auto
    }
}

.product-detail .product-selection .paint-calculator:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -16px;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator:after {
        left: 199px;
        right: auto
    }
}

.product-detail .product-selection .paint-calculator h3 {
    font-weight: bold;
    color: #000;
    margin-bottom: 32px
}

.product-detail .product-selection .paint-calculator span {
    font-family: "Montserrat Light 300";
    color: #000;
    font-size: 18px;
    margin-bottom: 21px;
    display: block
}

.product-detail .product-selection .paint-calculator div {
    float: left;
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator div {
        float: none;
        clear: both
    }
}

.product-detail .product-selection .paint-calculator div:last-child {
    margin-right: 0
}

.product-detail .product-selection .paint-calculator div label {
    font-family: "Montserrat Light 300";
    float: left;
    font-size: 16px;
    margin: 9px 16px 0 0
}

.product-detail .product-selection .paint-calculator div input {
    float: left;
    width: 84px;
    background: #fff;
    color: #000;
    font-family: "Montserrat Light 300";
    font-size: 18px;
    border: 1px solid #000;
    height: 36px;
    text-align: center
}

.product-detail .product-selection .paint-calculator div.outcome span {
    margin-top: 9px
}

.product-detail .product-selection .paint-calculator div.outcome span p {
    float: right;
    margin: 0 0 0 20px
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator div.outcome span p {
        float: none;
        margin-top: -16px
    }
}

.product-detail .product-selection .paint-calculator .close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px
}

.product-detail .product-selection .paint-calculator .close:before {
    font-family: "Montserrat Light 300";
    font-size: 22px;
    content: "X";
    color: #000
}

@media only screen and (max-width: 767px) {
    .product-detail .product-selection .paint-calculator div input {
        width: 45px
    }

    .product-detail .product-selection .paint-calculator div label {
        width: 75px
    }
}

.popup.amount-popup>.window {
    width: 20em;
    margin-left: -11em;
    padding: 2em;
    height: auto;
    bottom: auto !important
}

.popup.amount-popup>.window br {
    display: none
}

.popup.amount-popup>.window .close {
    top: 1em;
    right: 1em
}

.popup.amount-popup>.window .button {
    height: auto;
    padding: 7px 19px 6px 19px
}

.popup input[type=number]:invalid {
    background-color: #FFCCCC
}

.js-hatch-popup.popup>.window {
    top: 18%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    width: 600px;
    max-height: 64%
}

@media only screen and (max-width: 1072px) {
    .js-hatch-popup.popup>.window {
        top: 6%;
        max-height: 88%
    }
}

@media only screen and (max-width: 767px) {
    .js-hatch-popup.popup>.window {
        top: 10px;
        max-height: 100%
    }
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list {
    padding: 0;
    margin: 0
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li {
    border-bottom: thin solid lightgrey;
    list-style-type: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li:last-child {
    border-bottom: 0
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .hatch-image {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .hatch-image img {
        max-width: 80px
    }
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .button-with-price {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .button-with-price {
        padding: 0 10px
    }
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .button-with-price .button {
    background: #4DB5C2;
    color: #333;
    border: 1px solid #333;
    width: 100px;
    text-decoration: none;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .button-with-price .button {
        width: auto;
        padding: 12px 16px
    }
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .stock-info {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    text-align: right;
    padding-left: 10px;
    font-weight: bold
}

@media only screen and (max-width: 767px) {
    .js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .stock-info {
        width: auto
    }
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .stock-info.unknown {
    color: #989898
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .stock-info.available {
    color: #81a627
}

.js-hatch-popup.popup>.window .js-hatch-content .hatch-overview-list li .stock-info.unavailable {
    color: #b62e24
}

.popup-open body {
    overflow: hidden
}

body .popup.color-popup figure {
    margin: 0
}

body .popup.color-popup figure img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

body .popup.color-popup .bg {
    opacity: .85
}

body .popup.color-popup .window {
    padding: 0;
    width: 100%;
    max-width: 1072px;
    left: 0;
    right: 0;
    top: 10%;
    max-height: 80%;
    margin: 0 auto
}

body .popup.color-popup .window .close {
    top: 20px;
    right: 37px;
    padding: 4px 7px;
    background-color: #000
}

body .popup.color-popup .window .close:after {
    color: #fff;
    margin: 0
}

body .popup.color-popup h2 {
    font-size: 18px;
    line-height: 1.1em;
    color: #999;
    font-weight: normal;
    clear: both
}

body .popup.color-popup h3 {
    float: none
}

body .popup.color-popup h4 {
    margin: 0 0 1em;
    font-size: 1.2em;
    color: #999999
}

body .popup.color-popup>.window .button {
    background: #464a4d;
    color: #fff
}

body .popup.color-popup>.window .button:hover {
    background: #999
}

body .popup.color-popup>.window .disclaimer {
    color: #676767;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0
}

body .popup.color-popup>.window h1 {
    font-size: 2.1em;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup>.window h1 {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px
    }
}

body .popup.color-popup>.window .ppg-color-popup-content-top-search {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 254px
}

body .popup.color-popup>.window .ppg-color-popup-content-top-search input {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin: 0;
    border: 1px solid #d3d3d3;
    color: #000;
    height: 44px;
    border-radius: 0
}

body .popup.color-popup>.window .ppg-color-popup-content-top-search button {
    margin-left: -1px;
    display: -ms-flexbox;
    display: flex;
    padding: 0 11px;
    background-color: #152752;
    border: 0;
    height: 44px;
    cursor: pointer
}

body .popup.color-popup>.window .ppg-color-popup-content-top-search button:before {
    content: "\f002";
    font-family: "Montserrat Light 300";
    font-size: 20px;
    color: #fff;
    padding: 10px 0
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup>.window .ppg-color-popup-content-top-search {
        max-width: 100%;
        margin-bottom: 10px
    }
}

body .popup.color-popup>.window.loading {
    min-height: 100px
}

body .popup.color-popup>.window.loading .close,
body .popup.color-popup>.window.loading .color-placeholder {
    display: none
}

body .popup.color-popup>.window select {
    max-width: 100%
}

body .popup.color-popup>.window .preview-color {
    width: 60%;
    height: 45px;
    float: left;
    margin: 0 0 .5em 0;
    border-radius: 5px
}

body .popup.color-popup>.window .favorites {
    position: relative
}

body .popup.color-popup .tab-content-readymixed-colors .ppg-color-category-colors .color-popup {
    height: 135px
}

body .popup.color-popup .ppg-color-categories-wrapper {
    padding: 35px 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px
}

body .popup.color-popup .chosen-color {
    margin: 0 0 .5em 0;
    height: 70px;
    position: relative;
    overflow: hidden;
    width: 60%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    float: left
}

body .popup.color-popup .chosen-color span {
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #fff;
    left: 0;
    right: 0;
    padding: 5px 0;
    display: inline-block
}

body .popup.color-popup .chosen-color .preview-color {
    width: 100%;
    border-radius: 0
}

body .popup.color-popup .readymixed-wrapper {
    overflow: hidden
}

body .popup.color-popup .readymixed-wrapper .choose {
    display: block;
    margin: 0
}

body .popup.color-popup .readymixed-wrapper .choose>p {
    display: none
}

body .popup.color-popup .readymixed-wrapper .confirmation {
    display: block;
    margin-top: 12px;
    clear: both;
    overflow: hidden;
    padding: 0 0 .5em 0
}

body .popup.color-popup .readymixed-wrapper .confirmation>div {
    float: left
}

body .popup.color-popup .readymixed-wrapper .confirmation .preview-color {
    clear: left
}

body .popup.color-popup .readymixed-wrapper .confirmation .confirm.button {
    clear: none;
    margin-top: 18px
}

body .popup.color-popup .ppg-color-categories-wrapper {
    display: none
}

body .popup.color-popup .ppg-color-categories-wrapper.visible {
    display: block
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li {
    padding: 0;
    margin-bottom: 0;
    cursor: pointer
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li .label {
    display: table;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    padding-top: 18px;
    color: #999
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category {
    position: relative;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 9.0909%;
    flex-basis: 9.0909%;
    display: inline-block;
    margin: 0;
    width: auto
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category:after {
    content: attr(data-tooltip);
    position: absolute;
    background-color: #fff;
    border: 1px solid #7f7f7f;
    color: #000;
    top: calc(100% + 17px);
    left: 0;
    padding: 9px 20px;
    white-space: nowrap;
    line-height: 1;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category:hover:after {
    visibility: visible;
    opacity: 1;
    height: auto
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category .circle {
    border-radius: 50%;
    width: 68px;
    height: 68px;
    overflow: hidden;
    margin: 0;
    display: inline-block;
    border: 1px solid #333
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category .circle:hover {
    border-width: 3px
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%
    }
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.category {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%
    }
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left,
body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right {
    -ms-flex: 0 0 9.0909%;
    flex: 0 0 9.0909%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    width: auto;
    display: none
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left.visible,
body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right.visible {
    display: inline-block
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left i,
body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right i {
    width: 28px;
    height: 28px;
    margin-top: 12px
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left i:before,
body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right i:before {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 6px 10px 6px 7px
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {

    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left,
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%
    }
}

@media only screen and (max-width: 767px) {

    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-left,
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right {
        position: absolute;
        left: 4px
    }
}

body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right i:before {
    padding: 6px 7px 6px 10px
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul li.ppg-color-categories-navigate-right {
        left: auto;
        right: 4px
    }
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-categories-wrapper .step-1 .js-toggle-target-categories ul {
        text-align: center
    }
}

body .popup.color-popup .ppg-color-category-colors {
    position: relative;
    display: none
}

body .popup.color-popup .ppg-color-category-colors.visible {
    display: block
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-left,
body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right {
    position: absolute;
    top: calc(50% - 37px);
    left: -40px;
    cursor: pointer;
    display: none
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-left.visible,
body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right.visible {
    display: block
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-left i,
body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right i {
    width: 28px;
    height: 28px
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-left i:before,
body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right i:before {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 6px 10px 6px 7px
}

@media only screen and (max-width: 767px) {

    body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-left,
    body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right {
        top: 0;
        left: 0
    }
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right {
    left: auto;
    right: -40px
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right i:before {
    padding: 6px 7px 6px 10px
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-category-colors .ppg-color-category-colors-slide-right {
        right: 0
    }
}

body .popup.color-popup .ppg-color-category-colors .step-2 {
    overflow: hidden
}

body .popup.color-popup .ppg-color-category-colors .color-popup {
    position: absolute;
    top: -15px;
    width: 340px;
    height: 162px;
    left: calc(50% - 170px);
    z-index: 1;
    background-color: #fff;
    border: 5px solid #404040;
    padding: 12px 10px;
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff
}

body .popup.color-popup .ppg-color-category-colors .color-popup .close-popup {
    font-family: "Montserrat Light 300";
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    cursor: pointer
}

body .popup.color-popup .ppg-color-category-colors .color-popup .close-popup:before {
    content: "\f00d"
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    font-size: 20px
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite {
    text-decoration: none;
    font-family: "Montserrat Light 300";
    color: #fff;
    text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    text-align: center
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite:after {
    content: "\f004";
    font-size: 14px
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite:hover,
body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite.checked {
    color: #333;
    text-shadow: none
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite:hover:after,
body .popup.color-popup .ppg-color-category-colors .color-popup .actions .addtofavorite.checked:after {
    font-size: 15px
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .confirm {
    display: block;
    text-decoration: none;
    color: #333;
    font-family: "Montserrat Light 300";
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    text-align: center
}

body .popup.color-popup .ppg-color-category-colors .color-popup .actions .confirm:after {
    content: "\f00c";
    font-size: 16px
}

body .popup.color-popup .ppg-color-category-colors .colors {
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    -o-transition: transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category] {
    margin: 0 1px 1px 0;
    overflow: hidden;
    cursor: pointer;
    height: 65px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(7.1428% - 1px);
    flex-basis: calc(7.1428% - 1px);
    border: 1px solid #333
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category]:nth-child(14n) {
    margin-right: 0;
    -ms-flex-preferred-size: 7.1428%;
    flex-basis: 7.1428%
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category]:nth-child(14n) {
        margin-right: 1px;
        -ms-flex-preferred-size: calc(10% - 1px);
        flex-basis: calc(10% - 1px)
    }
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category]:nth-child(14n) {
        margin-right: 1px;
        -ms-flex-preferred-size: calc(20% - 1px);
        flex-basis: calc(20% - 1px)
    }
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category]:hover,
body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].active {
    border-width: 3px
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category]:hover span,
body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].active span {
    color: #000
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].selected {
    position: relative
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].selected:after {
    font-family: "Montserrat Light 300";
    content: "\f00c";
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: absolute;
    padding: 5px;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    line-height: 1.1
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].active {
    position: absolute;
    max-height: 160px;
    height: 160px;
    width: 25%;
    z-index: 1
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category] .no-preview-text {
    display: none;
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
    font-size: 12px
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category] .no-preview-text p {
    width: 100%;
    margin: 0
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].no-preview {
    background: none !important
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].no-preview .no-preview-text {
    display: block;
    font-size: 12px
}

body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category].no-preview .no-preview-text p {
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1072px) {
    body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category] {
        -ms-flex-preferred-size: calc(10% - 1px);
        flex-basis: calc(10% - 1px)
    }
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-category-colors .colors .ppg-color-category-colors-row [data-category] {
        -ms-flex-preferred-size: calc(20% - 1px);
        flex-basis: calc(20% - 1px)
    }
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-action-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 2px;
    position: relative
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-action-buttons button.back {
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    margin-top: 10px
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-action-buttons button.confirm-color {
    color: #000;
    background-color: #4DB5C2;
    margin-top: 10px
}

body .popup.color-popup .ppg-color-category-colors .ppg-color-category-action-buttons .color-not-selected-message {
    position: absolute;
    top: 21px;
    right: 200px;
    color: red;
    display: none
}

@media only screen and (max-width: 767px) {
    body .popup.color-popup .ppg-color-category-colors {
        padding-top: 27px
    }
}

body .popup.color-popup .step-3 {
    clear: both;
    width: 100%;
    margin: 1em 0;
    overflow: hidden
}

body .popup.color-popup .step-3 h2 {
    margin-top: 24px;
    margin-right: 12px;
    float: left
}

.ppg-color-popup-image+.ppg-color-popup-content {
    margin-top: 0
}

.ppg-color-popup-content {
    padding: 25px 60px 10px 60px;
    -webkit-box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: 72px
}

.ppg-color-popup-content .ppg-color-popup-content-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ppg-color-popup-content .ppg-color-popup-content-top .ppg-color-popup-content-top-search {
    margin-top: 3px
}

@media only screen and (max-width: 1072px) {
    .ppg-color-popup-content .ppg-color-popup-content-top {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px
    }
}

.ppg-color-popup-content .tab-header {
    margin-bottom: 25px
}

.ppg-color-popup-content .tab-header>ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    list-style-image: none
}

.ppg-color-popup-content .tab-header>ul li {
    display: inline-block;
    margin-right: 45px;
    cursor: pointer;
    width: auto;
    font-size: 18px;
    color: #000;
    height: auto;
    border: 0
}

.ppg-color-popup-content .tab-header>ul li.active {
    font-family: "Montserrat Light 300";
    margin-bottom: -1px;
    border-bottom: 1px solid #000
}

.ppg-color-popup-content .tab-header>ul li.active.single {
    cursor: default
}

.ppg-color-popup-content .tab-header>ul li:last-child {
    margin-right: 15px
}

@media only screen and (max-width: 767px) {
    .ppg-color-popup-content .tab-header>ul li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d3d3d3
    }
}

@media only screen and (max-width: 767px) {
    .ppg-color-popup-content .tab-header>ul {
        width: 100%;
        border-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .ppg-color-popup-content {
        padding: 25px 20px 10px 20px
    }
}

.product-detail .product-info .usps .tab-header li {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent
}

.product-detail .product-info .usps .tab-header li.active {
    font-family: "Montserrat Light 300";
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    background-color: #fff
}

.product-detail .product-info .usps .tab-header li.active.single {
    margin-right: 0
}

.ppg-color-popup-product-name {
    font-family: "Montserrat Light 300"
}

.couponcode {
    float: left;
    height: auto;
    max-width: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .couponcode {
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%
    }
}

.couponcode>span:first-of-type {
    color: #005570;
    font-size: 18px
}

.couponcode .js-coupon-code-toggle-visibility:after {
    font-family: "Montserrat Light 300";
    content: "\f078";
    margin-left: 8px;
    display: inline-block;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.couponcode .js-coupon-code-toggle-visibility.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.couponcode .js-coupon-code-visibility {
    clear: both;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    margin-top: 8px
}

.couponcode .js-coupon-code-visibility.active {
    visibility: visible;
    opacity: 1;
    max-height: 200px
}

.couponcode .tooltip-container {
    margin-left: 4px
}

@media only screen and (max-width: 767px) {
    .couponcode .tooltip-container {
        margin-left: 5px
    }
}

@media only screen and (max-width: 767px) {
    .couponcode .tooltip-container .popup {
        left: auto;
        right: -50px
    }
}

@media only screen and (max-width: 767px) {
    .couponcode .tooltip-container .popup:before {
        right: 50px;
        left: auto
    }
}

@media only screen and (max-width: 767px) {
    .couponcode .tooltip-container .popup:after {
        right: 51px;
        left: auto
    }
}

.couponcode .tooltip-container .tooltip {
    top: 0
}

.couponcode .couponcode-input-wrapper {
    display: -ms-flexbox;
    display: flex
}

.couponcode .couponcode-input-wrapper .couponcode-input-container {
    position: relative;
    margin-right: 10px
}

.couponcode .couponcode-input-wrapper .couponcode-input-container input[type=text] {
    border: 1px solid #1d3b3d;
    height: 35px;
    font-size: 18px;
    letter-spacing: 1px;
    width: 185px;
    margin-bottom: 0
}

@media screen and (max-width: 380px) {
    .couponcode .couponcode-input-wrapper .couponcode-input-container input[type=text] {
        width: 100%
    }
}

.couponcode .couponcode-input-wrapper .couponcode-input-container .couponcode-invalid:before,
.couponcode .couponcode-input-wrapper .couponcode-input-container .couponcode-valid:before {
    font-family: "Montserrat Light 300";
    content: "\f00d";
    height: 22px;
    width: 22px;
    display: block;
    text-align: center;
    padding-top: 1px;
    padding-left: 1px;
    color: #E4200E;
    font-size: 16px;
    font-weight: normal;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 5px
}

.couponcode .couponcode-input-wrapper .couponcode-input-container .couponcode-valid:before {
    content: "\f00c";
    color: #7be856;
    padding-left: 0
}

@media screen and (max-width: 380px) {
    .couponcode .couponcode-input-wrapper .couponcode-input-container {
        margin-right: 0
    }
}

@media screen and (max-width: 380px) {
    .couponcode .couponcode-input-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.couponcode .coupon-code-explanation-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.couponcode .coupon-code-explanation-text .coupon-code-explanation-text-message {
    font-size: 14px;
    color: #000
}

.couponcode .coupon-error:not(.hidden),
.couponcode .coupon-generic-error:not(.hidden) {
    overflow: hidden;
    margin-top: 5px;
    clear: both;
    display: block;
    color: #cc071e
}

.couponcode .button {
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    height: auto;
    padding: 6px 10px;
    margin-top: 0;
    border: 1px solid #000
}

.couponcode .button:after {
    content: "\f054";
    font-family: "Montserrat Light 300";
    margin-left: 10px
}

.couponcode .button:hover {
    background-color: #fff
}

@media screen and (max-width: 380px) {
    .couponcode .button {
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: center
    }
}

.couponcode .couponcode-remove-container {
    width: 185px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.couponcode .couponcode-remove {
    cursor: pointer;
    font-size: 15px;
    color: #000;
    text-decoration: underline
}

.clear {
    clear: both
}

.hidden {
    display: none !important
}

.fullwidth {
    width: 100%
}

/*# sourceMappingURL=default.css.map */