/*------------------------------------------------------

* Filename:             content.css
*
* Description           SBV styles for content in general
*
* Version               1.3.1 (24-11-2011)
* Author                Valtech

------------------------------------------------------*/

/* ============================================ */
/* AddThis social plugin                        */
/* ============================================ */
#page-bar .addthis {
    width: auto;
    height: 16px;
    float: right;
    position: relative;
    padding: 10px 0;
}

#page-bar .addthis-title {
    float: left;
    margin: 0 5px 0 0;
}

#page-bar .addthis_button_google_plusone {
    max-width: 49px;
}

/* ============================================ */
/* Article, wysiwyg content                     */
/* ============================================ */
table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}

/* NEEDS CLEANING UP */
p.teaser {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 30px;
}

.wysiwyg {
    padding: 33px 0;
    z-index: 0;
}

.wysiwyg table td {
    padding: 0 35px 0 0;
}

.SiteNewsFrontpage .wysiwyg {
    padding: 0;
}

/* FAQ Snippet - only visible in frontend */
.wysiwyg .faq-dialogue {
    width: auto;
    border-bottom: solid 1px #ccc;
    padding: 0 0 10px;
    margin: 0 0 15px;
}

.wysiwyg .faq-dialogue .faq-question {
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 10px 45px;
    background: url(../faq-button-sprite.html) -70px 5px no-repeat;
}

.wysiwyg .faq-dialogue .faq-question.open {
    background: url(../faq-button-sprite.html) 0 -45px no-repeat;
}

.wysiwyg .faq-dialogue .faq-answer {
    display: none;
    padding: 10px 0 10px 45px;
}

/* wysiwyg editor classes */
.blackTransparent {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}

.no-rgba .blackTransparent {
    background-color: #000;
}

td.smalltext {
    font-size: 10px;
    line-height: 15px;
}

/* ============================================ */
/* General Items		                        */
/* ============================================ */
.title {
    font-size: 52px;
    line-height: 1em;
}

.pageIndicator {
    font-size: 14px;
    padding-bottom: 20px;
}

.pageIndicator:after {
    content: " ____";
}

a.linkbutton,
body #content a.linkbutton,
.addToBasket,
input.linkbutton {
    padding: 6px 14px;
    margin: 20px 0;
    color: #fff;
    font-size: 12px;
    background-color: #000;
    text-decoration: none;
    border: none;
}

.addToBasket {
    padding: 10px 14px;
}

a.linkbutton:hover,
.addToBasket:hover,
input.linkbutton:hover {
    color: #323232;
    background-color: #d6d6d6;
    text-decoration: none;
    cursor: pointer;
}

a.cancelbutton {
    padding: 10px 0;
    margin: 20px 0;
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

.section {
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #f0f0f0;
}

.section img.wallpaper,
.section div.wallpaper img {
    width: 100%;
}

.section .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    background-color: rgb(255, 255, 255);
}

.section .contentpadding {
    padding: 70px;
}

.section .contentSection {
    padding: 0 0 35px;
}

.section .contentLeft {
    left: 0;
}

.section .contentRight {
    left: auto;
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .title h1 {
        font-size: 36px;
    }

    .section .content {
        width: 250px;
        padding: 50px;
    }

    .section .contentPadding {
        padding: 50px;
    }
}

/* ============================================ */
/* Section Centered                             */
/* ============================================ */
.centerSection {
    margin: 0 auto;
    padding: 70px;
}

.gridlayout .centerSection {
    border-left: solid 1px #d6d6d6;
}

/* ============================================ */
/* facts & Details                              */
/* ============================================ */
.gridlayout {
    border-bottom: none;
}

#content .section.gridlayout .spotlist .canvas img {
    max-height: 174px;
}

/* ============================================ */
/* facts & Details                              */
/* ============================================ */
.factsAndDetails .content {
    min-height: 600px;
    overflow: hidden;
}

.factsAndDetails .wallpaper {
    min-height: 600px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.factsAndDetails .linkbutton {
    float: left;
    margin: 0;
}

/* ============================================ */
/* News - Styles fom default.css                */
/* ============================================ */
.news .wallpaper {
    min-height: 600px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.news .content p {
    margin: 0;
}

.news .news-date {
    display: block;
    margin: 0;
}

.news .news-headline {
    display: block;
    margin: 0 0 50px;
    font-size: 36px;
    line-height: 1em;
    font-weight: normal;
    font-family: 'Bauer Bodoni W01 Bold 795736', 'Bauer Bodoni W01 Bold 795736 ie', Arial, Verdana, Sans-Serif;
    text-transform: uppercase;
}

.news a.news-headline,
.news .news-headline a {
    text-decoration: underline;
}

.news a.news-headline:hover {
    text-decoration: none;
}

/* ============================================ */
/* Designer Introduction                        */
/* ============================================ */
.designer .title {
    position: absolute;
    top: 250px;
    right: 50px;
    text-align: right;
}

/* ============================================ */
/* General Introduction                         */
/* ============================================ */
.general .introContent {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
}

.general .wallpaper {
    min-height: 600px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.general .wallpaper-sale {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    aspect-ratio: 620/877;
}

.general .subtitle {
    font-size: 15px;
    line-height: 1.50em;
    padding-right: 70px;
    text-transform: uppercase;
}

.general .title {
    font-size: 120px;
    line-height: 0.85em;
    text-transform: uppercase;
    padding-right: 50px;
}

.noresultwrapper .introContent {
    top: 140px;
}

.noresultwrapper h2 {
    width: 600px;
}

.noresultwrapper .searchField {
    height: 20px;
    padding: 3px;
    width: 250px;
    border: #808080 solid 1px;
}

.noresultwrapper .searchButton {
    height: 28px;
    padding: 3px;
    width: 28px;
    border: none;
    background: #000 url("../png/search.png") no-repeat 50% 50%;
}

/* ============================================ */
/* Buzz Section and items                       */
/* ============================================ */
.buzz {
}

.buzz h1 {
    text-transform: uppercase;
    margin-bottom: 70px;
    text-align: center;
}

.buzzWrapper {
    padding-bottom: 10px;
    overflow: hidden;
}

.buzzWrapper .buzzItem,
.buzzWrapper .buzzText {
    position: relative;
    overflow: hidden;
    float: left;
    width: 279px;
    margin: 0 1px 1px 0;
}

.buzzWrapper .buzzMain {
    padding: 20px;
}

.buzzWrapper .buzzText .pageIndicator {
    padding-bottom: 3px;
}

.buzzWrapper .buzzText .buzzContent {
    padding-bottom: 3px;
    font: normal 32px/1em;
    text-transform: uppercase;
}

.buzzWrapper .buzzText .readmore {
    text-decoration: underline;
}

.buzzWrapper .buzzItem .readmore {
    padding-top: 10px;
    text-decoration: underline;
}

/* ============================================ */
/* Product Details                              */
/* ============================================ */
.productIntroduction {
    padding: 0 55px;
}
.productIntro {
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.productIntro .wb-header {
    position: absolute;
    top: 56px;
    left: 0;
}
.productIntro .wb-header .backnavigation {
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.2);
}
.productGalleryContainer {
    float: left;
    width: 55%;
    overflow: hidden;
    padding: 70px 2%;
}

.productDetails {
    float: left;
    width: 36%;
    padding: 70px 0 0 0;
}

.productDetails .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.productDetails .price {
    color: #404040;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 25px;
}

.productDetails .dropdown {
    font-size: 13px;
    padding: 3px;
    width: 200px;
    margin-bottom: 20px;
    background-color: #d6d6d6;
    border: none;
}

.productDetails .productInfo {
    padding: 30px 0;
    font-size: 14px;
    color: #808080;
}

.productDetails .productInfo .info {
    padding-bottom: 15px;
}

.productDetails .productInfo .info .header {
    display: block;
    text-transform: uppercase;
}

.productDetails .productInfo .info p {
    margin: 0;
}

.productDetails .notifyMe {
    position: relative;
}

.productDetails .notifyMe h1 {
    display: none;
}

.productDetails .notifyMe .notifyMeButton {
    height: 26px;
}

.productDetails .notifyMe .notifyMeButton a,
.productDetails .notifyMe .notifyMeInput {
    height: 16px;
    padding: 5px 5px;
    color: #000;
    font-size: 13px;
    background-color: #d6d6d6;
    text-decoration: none;
    border: none;
}

.productDetails .notifyMe .notifyMeEmail {
    height: 26px;
    padding: 5px 15px;
    color: #fff;
    font-size: 13px;
    background-color: #000000;
    text-decoration: none;
    border: none;
}

.productDetails .notifyMe .notifyMeInput {
    width: 200px;
}

.productDetails .notifyMe .notifyMeButton a {
    padding: 5px 20px;
}

.productDetails .itemCount {
    padding-top: 16px;
}

#main .productDetails .notifyMe .scfForm {
    border: 0;
    height: 16px;
    margin: 10px 0 0;
    position: relative;
    padding: 0;
    text-align: left;
    width: 302px;
}

.productDetails .notifyMe .scfForm .scfSectionContent {
    width: auto;
}

.productDetails .notifyMe .scfForm .scfEmailLabel {
    display: none;
}

.productDetails .notifyMe .scfForm .scfRequired,
.productDetails .notifyMe .scfForm .scfValidatorRequired {
    display: none;
}

.productDetails .notifyMe .scfForm .scfValidator {
    padding: 22px 0 0;
}

.productDetails .notifyMe .scfForm .scfEmailGeneralPanel {
    height: auto;
    width: auto;
}

.productDetails .notifyMe .scfForm .scfEmailTextBox {
    position: absolute;
    top: 5px;
    left: 0;
    height: 16px;
    color: #000;
    font-size: 13px;
    background-color: #d6d6d6;
    text-decoration: none;
    border: none;
    width: 210px;
}

.productDetails .notifyMe input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    padding: 5px 15px;
    color: #fff;
    font-size: 13px;
    background-color: #000000;
    text-decoration: none;
    border: none;
}

.productDetails .notifyMe .scfForm .scfIntroBorder,
.productDetails .notifyMe .scfForm .scfFooterBorder {
    padding: 0;
}

.productDetails .notifyMe .scfForm .scfValidationSummary {
    background: #fff;
    position: absolute;
    top: -24px;
    left: 5px;
    margin: 0;
}

.productDetails .notifyMe .scfForm .scfValidationSummary ul,
.productDetails .notifyMe .scfForm .scfValidationSummary li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.valsummary {
    clear: both;
    color: red;
    display: block;
    height: 40px;
    margin-top: -5px;
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .productDetails h1 {
        font-size: 36px;
    }

    .productDetails .price {
        font-size: 24px;
    }

    .productDetails .productInfo {
        font-size: 13px;
    }
}

/* ============================================ */
/* Product Gallery                              */
/* ============================================ */
.productGallery {
    margin: 0 auto;
}

.productGallery .productImage {
    text-align: center;
    padding-bottom: 35px;
}

.productGallery .owl-nav.disabled {
    display: none;
}

.productGallery .productImageCarousel ul {
    z-index: 1;
}

.productGallery .productImageCarousel li img {
    width: 100%;
}

.productGallery .productImage .showVideo .video {
    display: block;
}

.productGallery .productImage .showVideo img,
.productGallery .productImage .showVideo span {
    visibility: hidden;
}

.productGallery .productImage .play {
    position: relative;
    display: block;
    cursor: pointer;
}

.productGallery .productImage .play span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -33px;
    width: 67px;
    height: 67px;
    background: url(../png/play.png) no-repeat 0 0;
}

.productGallery .productImage .video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
}

.productGallery .productThumbs {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

.productGallery .productThumbs button {
    background-color: transparent;
    padding: 0;
    border: solid 1px #d6d6d6;
    margin: 0 4px;
    cursor: pointer;
}

.productGallery .productThumbs button {
    width: 22%;
    line-height: 0;
}

.productGallery .productThumbs button img {
    width: 100%;
}

/* ============================================ */
/* Check out Flow                               */
/* ============================================ */
.checkoutflow {
    background: #f0f0f0;
}

.bag {
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 5%;
}

.bag h3 {
    padding-bottom: 10px;
    margin-top: 30px;
    clear: both;
}

.bag .intro {
    margin-bottom: 10px;
}

.bag .intro a {
    text-decoration: underline;
    color: #000;
}

.productOverview {
    font-size: 12px;
    line-height: 18px;
    border-bottom: solid 1px #d6d6d6;
}

.productOverview fieldset {
    border: none;
}

.productOverview thead {
    font-weight: bold;
}

.productOverview thead td {
    padding: 0 7px 10px;
    white-space: nowrap;
}

.productOverview td {
    padding: 0 5px 15px;
}

.productOverview td.center {
    text-align: center;
}

.productOverview td.right {
    text-align: right;
}

.productOverview td img {
    border: solid 1px #d6d6d6;
}

.productOverview td a {
    color: #404040;
    text-decoration: none;
    display: block;
}

.productOverview td input {
    text-align: center;
    line-height: normal;
}

.productOverview .price {
    font-size: 22px;
}

.productOverview .removeItem {
    display: block;
    font-size: 11px;
    line-height: 16px;
    text-decoration: underline;
    color: #808080;
}

.productOverview .productItemLink {
    display: block;
    margin-bottom: 5px;
}

.basketSummary {
    font-size: 12px;
    border-bottom: solid 1px #d6d6d6;
}

.bagSection {
    padding: 10px 0;
    overflow: hidden;
}

.bagSection .priceInfo {
    float: left;
}

.bagSection .price {
    float: right;
    font-size: 18px;
}

.bagSection .price span {
    font-size: 13px;
}

#basket .bagSection .price span {
    font-size: 14px;
}

.bagSection .editBasket {
    display: block;
    text-align: right;
    clear: both;
    padding-top: 20px;
}

.spotcontent .basketSpotBag .productimage {
    padding-bottom: 10px;
}

.formAction {
    border-top: solid 1px #d6d6d6;
    margin-top: 20px;
    position: relative;
    width: 100%;
    clear: both;
}

.formAction .cancelbutton {
    float: left;
    font-size: 13px;
}

.formAction .linkbutton {
    float: right;
    font-size: 13px;
}

.leftcontent {
    position: relative;
    float: left;
    width: 60%;
}

.rightcontent {
    position: relative;
    float: right;
    width: 34%;
}

.changeCurrencyContainer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 0;
}

.currencyContainer {
    font-size: 14px;
    text-transform: none;
    color: #ffffff;
    overflow: hidden;
    cursor: pointer;
    background-color: #292929;
    display: inline-block;
    line-height: 2em;
}

.currencyContainer a {
    color: #ffffff;
    display: block;
    padding: 15px 20px;
    text-decoration: none;
}

.currencyContainer a:hover {
    background-color: #d6d6d6;
    color: #515151;
}

.currencyContainer .changeCurrency {
    display: block;
}

.currencyContainer .changeCurrencyDrop {
    display: none;
    background-color: #292929;
}

.currencyContainer .changeCurrencyDrop a {
    border-bottom: 1px solid #3d3d3d;
    text-decoration: none;
}

.currencyContainer .changeCurrencyDrop .currencySelected {
    display: none;
}

.currencyContainer .currencyarea {
    display: inline-block;
    width: 135px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left center;
}

.currencyContainer.open .changeCurrencyDrop {
    display: block;
}

.changeCurrency .uparrow {
    float: right;
    background-image: url('../png/arrow_up.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    opacity: 0.5;
    width: 20px;
    height: 12px;
    margin: 7px 0 0 20px;
}

.changeCurrency:hover .uparrow {
    opacity: 1;
}

/* Position */
.bag .currencyContainer {
    position: absolute;
    top: 16px;
    right: 40px;
}

.listheader .currencyContainer {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.inclVat {
    font-size: 11px;
}

.contactForm {
    margin: 30px 0;
}

.contactForm fieldset {
    border: none;
    padding: 3px 0 12px;
    margin: 0;
    position: relative;
}

.contactForm .fieldsets {
    overflow: hidden;
}

.contactForm .fieldsets fieldset {
    float: left;
    margin: 0;
}

.contactForm label {
    display: block;
    font-size: 13px;
    color: #808080;
}

.contactForm input.text-box {
    border: solid 1px #dcdcdc;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.contactForm input.text-box.quarter {
    width: 100%;
}

.contactForm input.text-box.half {
    width: 100%;
}

.contactForm select.dropDownList {
    border: solid 1px #dcdcdc;
    padding: 5px 5px 5px 0;
    width: 485px;
}

.contactForm .dropDownListWrapper select {
    border: solid 1px #dcdcdc;
    padding: 5px 5px 5px 0;
    width: 485px;
}

.contactForm label.ship2DifAdr {
    padding: 10px 0;
}

.contactForm label.ship2DifAdr input {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.contactForm span.field-validation-error {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    bottom: -2px;
    color: red;
    font-size: 11px;
    left: 0;
    line-height: 16px;
    padding: 0 3px;
    position: absolute;
}

span.field-validation-error {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    bottom: -2px;
    color: red;
    font-size: 11px;
    left: 0;
    line-height: 16px;
    padding: 0 3px;
    position: absolute;
}

span.field-validation-error.errorClean {
    color: red;
    position: initial;
    border: none;
    background: none;
    font-size: 13px;
    line-height: 2em;
}

.contactForm h3 {
    margin-top: 30px;
}

.shipping {
    display: none;
}

.terms {
    padding: 10px 0;
    border-top: 1px solid #D6D6D6;
}

.terms label {
    padding-left: 5px;
}

.invoiceDelivery {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
}

.invoiceDelivery .invoice {
    padding-right: 20px;
}

.invoiceDelivery .address {
    width: 235px;
    float: left;
    line-height: 1.5em;
}

.invoiceDelivery .address h3 a {
    float: right;
    color: #808080;
    text-transform: none;
    font-size: 12px;
}

.invoiceMessage {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-top: 1px solid #D6D6D6;
}

.invoiceMessage .message {
    padding-right: 10px;
    font-weight: bold;
}

.invoiceMessage .messageText {
    width: auto;
    float: left;
    line-height: 1.5em;
}

.invoiceMessage a {
    color: #808080;
    text-transform: none;
    font-size: 12px;
}

.rightcontent .basketSpot {
    margin: 30px 0;
    padding: 0 20px 20px;
    line-height: 1.5em;
    border: solid 1px #d6d6d6;
    background-color: #fff;
}

.basketSpot a {
    color: #000;
    text-decoration: underline;
}

/*.rightcontent .basketSpotBag thead {
    display: none;
}*/

.rightcontent .basketSpotBag .hideForMinibasketView {
    display: none;
}

.order-summary .editBasket {
    display: none;
}

.basketSpotBag {
    font-weight: bold;
    border-bottom: solid 1px #d6d6d6;
}


.basketSpotBag .amount {
    padding-right: 5px;
}

.basketSpotBag .price-small {
    font-family: "Times New Roman", Times;
}

.basketSpotBag .shippingInfo {
    border-top: solid 1px #D6D6D6;
    color: #808080;
}

.basketSpotBag .total {
    border-bottom: solid 1px #D6D6D6;
}

.basketSpotBag .editBasket td {
    padding-bottom: 0;
    font-weight: normal;
}

.basketSpotBag tbody td {
    padding-bottom: 0px;
    padding-right: 10px;
    font-weight: normal;
    vertical-align: middle;
}

.basketSpotBag tbody td.right {
    text-align: right;
}

.basketSpotBag tbody td img {
    margin-bottom: 10px;
}

.basketSpotBag tfoot td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.price {
    font-family: "Times New Roman", Times;
}

.price-small {
    font-family: "Times New Roman", Times;
    font-size: 14px;
}

.dms {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #D6D6D6;
    border-width: 1px 0 0 1px;
}

.dms .spotlist {
    padding: 0;
}

.bag .title h1 {
    font-size: 36px;
}

.bag .bagSection {
    color: #808080;
}

/*.bag .bagSection:last-child {
    color: #000000;
}*/

.contactForm select.dropDownList {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dcdcdc;
    padding: 5px;
    border-radius: 0;
    width: 345px;
    background-image: url('../png/selectbuttonbg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.contactForm .dropDownListWrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dcdcdc;
    padding: 5px;
    border-radius: 0;
    width: 345px;
    background-image: url('../png/selectbuttonbg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}



header.white .cancelCheckOut {
    background-image: url('../png/cancelcheckout.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.invoiceDelivery .invoice {
    padding-right: 20px;
}

.invoiceDelivery .address {
    width: 220px;
}

.invoiceDelivery,
.order-summary,
.paymentOptions {
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    padding: 0 14px 14px 14px;
}

.order-summary {
    padding: 0 14px;
    margin-bottom: 30px;
}

.paymentOptions {
    margin-bottom: 30px;
}

#grid_0_content_0_popupTermsAndConditionContainer {
    display: inline-block;
}

.terms {
    border-top: none;
}

.terms-info-text {
    padding-top: 20px;
    color: #808080;
}

.leftcontent .basketSpot {
    padding: 0;
    background-color: transparent;
    border: none;
}

.paymentOption {
    padding: 10px 0;
    border-bottom: solid 1px #d6d6d6;
}

.paymentOptions h3 {
    -webkit-margin-after: 0em;
}

.paymentOptionContent {
    vertical-align: top;
    display: table;
    width: 100%;
}

.paymentOption .paymentChoice {
    display: table-cell;
    vertical-align: middle;
    min-width: 45px;
}

.paymentOption .paymentInfo {
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle;
}

.paymentText {
    width: auto;
    float: left;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    box-sizing: border-box;
}

.paymentLogos {
    display: inline-block;
    width: auto;
    float: right;
}

.paymentLogos img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.paymentOptionDescription {
    color: #7b7b7b;
    display: block;
    float: left;
    padding-left: 40px;
    width: 100%;
    box-sizing: border-box;
}

.paymentOption .choiceTitle {
    font-size: 20px;
    font-weight: bold;
}

.paymentOption input {
    position: absolute;
    top: 3px;
    left: 0px;
}

.paymentForm .pensioCreditCardInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dcdcdc;
    padding: 5px;
    border-radius: 0;
    background-image: url('../png/selectbuttonbg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.paymentForm .pensioCreditCardInput#emonth {
    width: 56px;
}

.paymentForm .pensioCreditCardInput#eyear {
    width: 70px;
}

.paymentForm .pensioCreditCardInput#cvcInput {
    background-image: none;
}

.paymentForm .pensioCreditCardInput#creditCardNumberInput {
    background-image: none;
}

.paymentForm .table.pensio_payment_form_table {
    border-spacing: 10px;
    border-collapse: separate;
    width: 500px;
}

.paymentForm .pensio_payment_form_submit_cell,
.paymentForm .pensio_payment_form_table .AltaPaySubmitButton {
    text-align: right;
}

.paymentForm .pensio_payment_form_submit_cell input,
.paymentForm .pensio_payment_form_table .AltaPaySubmitButton {
    padding: 6px 14px;
    margin: 20px 0;
    color: #fff;
    font-size: 13px;
    background-color: #000;
    text-decoration: none;
    border: none;
}

.paymentForm .pensio_payment_form_submit_cell input:hover,
.paymentForm .pensio_payment_form_table .AltaPaySubmitButton:hover {
    color: #323232;
    background-color: #d6d6d6;
    text-decoration: none;
    cursor: pointer;
}


#fancyboxTermsAndCondition a {
    text-decoration: underline;
}


.contactForm span {
    display: block;
}

.contactForm fieldset.field-postal-code {
    display: inline-block;
    width: 47%;
    float: left;
}

.contactForm fieldset.field-city {
    display: inline-block;
    width: 47%;
    float: right;
}

.contactForm fieldset.field-city input.textBox.half {
    width: 100%;
}

.contactForm fieldset.field-phone {
    display: inline-block;
    width: 47%;
    float: left;
}

.contactForm .invoice .field-billingstate,
.contactForm .shippingAddress .field-shippingState {
    float: none;
    clear: both;
}

.contactForm .invoice > div,
.contactForm .shippingAddress > div,
.contactForm fieldset.field-country {
    display: inline-block;
    float: right;
    width: 47%;
}

.contactForm .invoice > div select.dropDownList,
.contactForm .shippingAddress > div select.dropDownList,
.contactForm fieldset.field-country select.dropDownList {
    display: inline-block;
    width: 100%;
}

.contactForm .invoice > div .dropDownListWrapper select,
.contactForm .shippingAddress > div .dropDownListWrapper select,
.contactForm fieldset.field-country .dropDownListWrapper select {
    display: inline-block;
    width: 100%;
}

.exVatInfo {
    border-bottom: solid 1px rgb(214, 214, 214);
}

.pensio_payment_form_table {
    width: 100%;
}

.pensio_payment_form_label_cell,
.pensio_payment_form_input_cell {
    padding-bottom: 10px;
}

.vatInfoPopup {
    position: absolute;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    width: 150px;
    padding: 15px 15px 0 15px;
    border: 1px solid #d6d6d6;
    margin: -175px 0 0 -25px;
    display: none;
}

.leftcontent .vatInfoPopup {
    margin: -220px 0 0 5px;
}

.vatInfoPopup .vatInfoArrow {
    background-image: url('../png/vatboxarrow.png');
    height: 7px;
    margin: 20px 0 -7px 0;
    background-repeat: no-repeat;
    background-position: center top;
}

.leftcontent .vatInfoPopup .vatInfoArrow {
    background-position: 28%, 0;
}

.paymentForm .vatInfoPopup {
    display: none;
}

.paymentForm .vatInfoQuestionMark {
    display: none;
}

.paymentForm footer {
    border-top: 1px solid #d9d9d9;
    background-color: #ffffff;
    padding: 30px 0;
}

.paymentForm footer .footerLinks {
    display: none;
}

.paymentForm footer > br {
    display: none;
}

.paymentOptionsImage {
    margin-left: 60px;
    margin-top: 10px;
}

/* Blog */
.wb .wb-header {
    max-width: 940px;
    margin: auto;
    padding: 0px 10px;
}

.wb .entrymainimage img {
    width: 100%;
    height: auto;
}

.wb .entrydetails .entrytitle {
    position: relative;
    text-transform: uppercase;
    padding-top: 40px;
}

.wb .entrydetails .entrydetailsleft {
    position: absolute;
    left: -160px;
    top: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    width: 140px;
}

.wb .entrydetails .entryintroduction {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 50px;
    position: relative;
}

.wb .entrydetails .entrycontent p,
.wb .entrydetails .entrycontent li,
.wb .richtextmodule p {
    margin: 0;
    font-size: 16px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.wb .entrydetails .entrycontent img {
    width: 100%;
    height: auto;
}

.wb .storieslist {
    padding: 10px;
}

.wb .storieslistcontainer {
    padding: 0;
    margin: 0;
    background-color: white;
}

.wb .storieslistcontainer li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    padding: 1%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
}

.wb .storieslistcontainer li.highlightedBlogs {
    width: 50%;
    font-size: 16px;
    line-height: 28px;
}

.wb .storieslistcontainer li.highlightedBlogs .header {
    font-size: 22px;
}

.wb .storieslistcontainer li a {
    text-decoration: none;
    color: #404040;
    word-break: break-word;
}

.wb .storieslistcontainer li .canvas img {
    width: 100%;
}

.wb .storieslistcontainer li .header {
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 0;
}

.wb .storieslistcontainer li .dateCategoryLine {
    font-size: 12px;
}

.wb .storieslistcontainer li .teaser {
    padding-top: 10px;
}

.wb .relatedstories {
    padding-top: 80px;
}

.wb .areahead {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    border: none;
}

.wb .GalleryGrid img {
    display: inline-block;
    width: 33.3333%;
    padding: 1%;
    box-sizing: border-box;
    margin-right: -4px;
}

.wb .blogcategoryselect {
    text-align: center;
    padding: 35px;
}

.wb .blogcategoryselect select {
    border: none;
    padding: 10px 15px;
    background-color: #f1f1f1;
}

.wb .articlearchive {
    padding: 100px 0 60px 0;
    text-align: center;
}

@media only screen and (max-width: 980px) {
    .wb .entrydetails .entrydetailsleft {
        position: initial;
        width: 100%;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 920px) {
    .leftcontent {
        width: 61%;
    }

    .rightcontent {
        width: 36%;
    }

    .wb .entrydetails .entrytitle .entrydetailsleft {
        position: relative;
        left: auto;
        width: auto;
        bottom: auto;
    }

    .general .introContent {
        left: 40px;
    }

    .general .title {
        font-size: 100px;
    }
}

@media only screen and (max-width: 768px) {
    .productIntro .wb-header {
        top: 30px;
    }
    .productGalleryContainer {
        width: auto;
        float: none;
        padding: 0;
        margin-top: 30px;
    }

    .productDetails {
        float: none;
        padding: 30px 0;
        width: auto;
    }

    .general .title {
        font-size: 80px;
    }

    .factsAndDetails .content {
        min-height: 0;
        position: relative;
        width: auto;
        padding: 20px;
    }

    .leftcontent {
        position: relative;
        float: none;
        width: auto;
        padding-right: 0;
    }

    .rightcontent {
        position: relative;
        float: none;
        width: auto;
    }

    .formAction {
        text-align: right;
    }

    .formAction .linkbutton {
        -webkit-appearance: none;
        border-radius: 0;
        float: none;
    }

    header.white .cancelCheckOut {
        position: absolute;
        right: 0;
        top: 0;
    }

    .contactForm input.text-box {
        width: 100%;
        box-sizing: border-box;
        -webkit-appearance: none;
        border-radius: 0;
    }

    #checkOutmenu {
        margin-bottom: 0;
    }

    #checkOutmenu ul {
        display: block;
        padding: 0;
        margin: 0;
    }

    .contactForm fieldset.field-postal-code,
    .contactForm fieldset.field-city,
    .contactForm fieldset.field-phone,
    .contactForm fieldset.field-country {
        display: block;
        width: auto;
        float: none;
    }

    .contactForm input.text-box.quarter,
    .contactForm fieldset.field-city input.textBox.half,
    .contactForm fieldset input.textBox.half,
    .contactForm fieldset.field-country select.dropDownList {
        width: 100%;
    }

    .contactForm fieldset.field-country .dropDownListWrapper select {
        width: 100%;
    }

    #grid_0_content_0_checkoutspotright_1_divBasketSpot {
        text-align: center;
    }

    .wb .storieslistcontainer li {
        width: 50%;
    }

    .wb .storieslistcontainer li.highlightedBlogs {
        width: 100%;
    }

    .bag .basketSpot {
        text-align: center;
        margin: 0px;
    }

    .bag .basketSpot ul {
        text-align: left;
    }

    .paymentText {
        width: 100%;
    }

    .paymentLogos {
        display: inline-block;
        float: left;
        margin: 5px 0 1px 40px;
        width: auto;
    }
	/*15-03-2024*/
	.rightcontent .basketSpot {
		margin: 58px 0;
	}
}

@media only screen and (max-width: 640px) {
    .productDetails .productInfo {
        padding-bottom: 0;
    }

    .productGallery {
        padding: 10px 0 0 0;
    }

    .changeCurrencyContainer {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 80px -30px 0 -30px;
        display: block;
    }

    .currencyContainer {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
    }

    .general .title {
        font-size: 50px;
        padding-right: 50px;
    }

    .general .wallpaper {
        min-height: 360px;
    }
    
    .general .wallpaper-sale {
        background-size: contain;
    }

    .general .wallpaper-sale {
        aspect-ratio: 9/16;
    }

    .factsAndDetails .wallpaper {
        min-height: 360px;
    }

    .general .introContent {
        left: 6%;
    }

    header.white .cancelCheckOut {
        font-size: 0;
    }
}

@media only screen and (max-width: 480px) {
    .wb .storieslistcontainer li {
        width: 100%;
    }
}

/* ============================================ */
/* Create product alias page                    */
/* ============================================ */
div.alias {
    text-align: center;
}

div.alias h1 {
    padding: 30px 0px;
    margin: 0px;
}

div.alias #productSelector {
    width: 350px;
    margin: auto;
}

div.alias #productSelector select.dropDown_itemNumber {
    display: block;
    width: 100%;
}

div.alias #productSelector .propertyDropDown {
    width: 100%;
}

div.alias #productSelector .propertyDropDown .propertyName {
    display: inline-block;
    width: 35%;
    text-align: left;
}

div.alias #productSelector .propertyDropDown .selectContainer {
    display: inline-block;
    width: 65%;
    text-align: right;
}

div.alias #productSelector .propertyDropDown .selectContainer select {
    width: 95%;
}

div.alias #productSelector .aliasSubmitRow {
    width: 100%;
    text-align: right;
}

div.alias #productSelector .aliasSubmitRow button {
    padding: 5px 15px;
}

div.alias #productSelector select.dropDown_itemNumber,
div.alias #productSelector .propertyDropDown,
div.alias #productSelector .aliasSubmitRow {
    margin: 15px 0px;
}

div.alias #productSelector select,
div.alias #productSelector button {
    border: 1px solid #666;
    background-color: #fff;
}
/* Messages */
div.alias #productSelector button {
    cursor: pointer;
}

div.alias #productSelector button.processing {
    cursor: default;
    color: #999;
    border: 1px solid #999;
}

div.alias #productSelector .bar {
    background-color: #fff;
    margin: 10px 0px;
    text-align: left;
    overflow: hidden;
    opacity: 1;
    transition: opacity 400ms;
}

div.alias #productSelector .bar.animateOnce {
    opacity: 0;
    transition: opacity 400ms;
}

div.alias #productSelector .bar.error {
    color: #c00;
    border: 1px solid #c00;
}

div.alias #productSelector .bar.success {
    color: #0a0;
    border: 1px solid #0a0;
}

div.alias #productSelector .bar .status {
    margin: 15px 15px 10px 15px;
    display: block;
    font-weight: bold;
}

div.alias #productSelector .bar .message {
    margin: 0px 15px 15px 15px;
    display: block;
}

div.alias #productSelector .preview {
    line-height: 0px;
}

/* ============================================ */
/* Video player                                 */
/* ============================================ */

video {
    width: 100%;
    height: auto;
}

video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
}

#videoplayer-overlay {
    text-align: center;
    position: relative;
}

#videoplayer-overlay > div {
    margin: auto;
}

#videoplayer-overlay video {
    display: block !important;
}

.vjs-poster {
    background-color: #ffffff !important;
    margin: auto !important;
}

.vjs-control-bar {
    display: none !important;
}

.vjs-playing .vjs-big-play-button {
    display: none !important;
}

.vjs-big-play-button {
    display: none;
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
}
/*06-09-2019*/
table.productOverview tr:first-child > td, table.basketSpotBag tr td {
text-align: right;
padding-left: 0;
padding-right: 0;
}

table.productOverview tr:first-child > td:first-child, table.basketSpotBag tr td:first-child {
text-align: left;
}
/*09092019*/
.downloadloader {
    border: 4px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-top: 5px solid #000000;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    float: left;
    margin-right: 10px;
    z-index: 99999;
    border-left: 5px solid #000000;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ld {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    z-index: 99999;
    background-color: rgba(204, 204, 204, 0.64);
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/*13092019*/
/*Grid height adjustments in Mobile screens*/
/*@media only screen and (max-width: 570px) {
    #content .section.gridlayout .spotlist .canvas img {
        max-height: 150px;
    }
}

@media only screen and (max-width: 500px) {
    #content .section.gridlayout .spotlist .canvas img {
        max-height: 120px;
    }
}

@media only screen and (max-width: 400px) {
    #content .section.gridlayout .spotlist .canvas img {
        max-height: 96px;
    }
}*/

/*Grid Controller 17092019*/
.card {
    border: 0px solid #ccc;
    box-sizing: border-box;
    margin: 10px;
}

    .card img {
        width: 100%;
        box-sizing: border-box;
    }

.card-body {
    padding: 0px 15px 15px 15px;
    box-sizing: border-box;
    padding: 0px 10px 15px 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #545454;
}

    .card-body h3 {
        margin: 0px;
        border-bottom: 0px;
        padding: 8px 0px 12px;
        color: #404040;
    }

div.grid4,
div.grid3,
div.grid2,
div.grid1 {
    margin-left: 4px;
    margin-right: 11px;
}

@media (max-width:650px) {
    .responsive-col {
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        float: left;
        top: auto !important;
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        margin-bottom: 0rem;
        float: left;
        word-break: break-all;
        display: inline-flex;
        flex-wrap: wrap;
    }

    div.grid4 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        width: 100%;
        box-sizing: border-box;
        height: auto !important;
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid3 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        width: 100%;
        box-sizing: border-box;
        height: auto !important;
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid2 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        width: 100%;
        box-sizing: border-box;
        height: auto !important;
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid1 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        width: 100%;
        box-sizing: border-box;
        height: auto !important;
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }
}

@media(max-width:500px) {
    div.grid4 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
        width: 100%;
        box-sizing: border-box;
        height: auto !important;
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid3 {
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid2 {
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }

    div.grid1 {
        columns: 1;
        column-gap: 0px;
        margin-right: 0px;
        margin-left: -4px;
        box-sizing: border-box;
        display: block !important;
    }
}

/*Voucher Code*/

.voucher-code-block {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 29px 0px 31px;
    border-bottom: 1px solid #ccc;
}

.voucher-wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
}

span.voucher-ico img {
    vertical-align: bottom;
}

.voucher-wrapper input {
    width: 60%;
    padding: 0px 10px;
    border: 1px solid #ccc;
    outline: 0;
    max-width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    height: 38px;
    font-size: 13px;
}

.voucher-wrapper button {
    width: calc(100% - 72%);
    margin-left: 5%;
    padding: 0px 15px;
    background-color: #d6d6d6;
    border: 0px;
    font-size: 16px;
    transition: .4s ease;
    cursor: pointer;
    color: #606060;
    max-width: 100%;
    height: 40px;
}

        .voucher-wrapper button:hover {
            background-color: #000;
            color: #fff;
        }


.tag-block {
    display: block;
    position: relative;
    margin-top: 20px;
    margin-bottom: -15px;
    text-align: left;
    text-align: left;
    margin: -5px;
    margin-top: 5px;
}

    .tag-block a.tags {
        display: inline-block;
        padding: 7px 2px 7px 7px;
        /* text-decoration: underline; */
        background-color: #e4e4e4;
        text-decoration: none;
        font-size: 13px;
        color: #515151;
        font-weight: 600;
        border-radius: 4px;
        position: relative;
        margin: 5px;
    }

@media(max-width:1199px) {
    .voucher-wrapper input {
        width: 57%;
    }

    .voucher-wrapper button {
        width: (100% - 70%);
    }
}

@media(max-width:992px) {
    .voucher-wrapper {
        text-align: center;
    }

        .voucher-wrapper input {
            width: 48%;
            margin-bottom: 0px;
        }

        .voucher-wrapper button {
            width: calc(100% - 64%);
            margin-left: 5%;
            padding: 3px 20px;
        }
}

@media(max-width:768px) {
    .voucher-wrapper {
        text-align: left;
    }

        .voucher-wrapper input {
            width: 60%;
            margin-bottom: 0px
        }

        .voucher-wrapper button {
            width: calc(100% - 72%);
            margin-left: 5%;
            padding: 6px 15px;
        }
}

@media(max-width:430px) {
    .voucher-wrapper input {
        width: 57%;
    }

    .voucher-wrapper button {
        width: (100% - 70%);
    }
}

a.tags .close-voucher {
    margin-left: 3px;
    cursor: pointer;
    padding: 5px;
    position: relative;
    /* z-index: 99; */
    /* right: 0; */
    /* top: 50%; */
}

.tag-block a.tags .voucher-ico {
    margin-right: 6px;
}
.voucher-wrapper p.voucher-error {
    color: #e85a5f;
    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 8px;
}


input.voucher-text.voucher-text-error {
    border: 1px solid #e85a5f;
}
.voucher-wrapper input {
    height: 36px;
}

.voucher-wrapper button {
    height: 38px;
    font-size: 13px;
    color: #323232;
    font-size: 13px;
    outline: 0;
}

.voucher-wrapper p.voucher-error {
    font-size: 13px;
    margin-top: 5px;
}
.tag-block {
    display: inline-block;
}

    .tag-block a.tags {
        color: #323232;
        font-weight: 500;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        float: left
    }

a.tags .close-voucher {
    padding: 0px 5px;
}
.no-voucher{
    display:none;
}

p.voucher-error {
    display: block;
    width: 100%;
}

.voucher-tags {
    display: flex;
    flex-wrap: Wrap;
    justify-content: flex-start;
}

.voucher-wrapper {
    justify-content: space-between;
}


.voucher-wrapper input {
    -webkit-appearance: none;
    border-radius: 0px;
}

@media(max-width:768px) {
    voucher-tags {
        display: flex;
        flex-wrap: wrap;
    }
}

.voucher-ico img {
    width: 17px;
}

span.close-voucher.remove-voucher img {
    width: 9px;
}
.tag-block a.tags {
    font-weight: normal;
    font-style: normal;
    opacity: .8
}
.sbtotal .sbtotalline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .sbtotal .sbtotalline span.label.short-text {
        width: 60%;
    }

    .sbtotal .sbtotalline span.value {
        width: 40%;
        text-align: right;
    }

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}

    .line-clamp:after {
        content: '...';
        text-align: right;
        bottom: 0;
        right: 0;
        width: 25%;
        display: block;
        position: absolute;
        height: calc(1em * 1.2);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
    }

@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important;
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1.4em * 1 * 1);
}


.shippingForm h3 {
    padding-top: 20px;
}

#cardholderNameInput, #cardholderEmailInput {
    background-image: unset;
}

.pensio_payment_form_cardholdername_error {
    font-size: 11px;
    font-style: italic;
    padding-bottom: 10px;
}