.pageBody {
    background-color: #ffffff;
}

#cookieOuter {
    width: 100%;
    background-color: #eeeeee;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    border-top: 1px solid #333333;
}

#cookieInner {
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
}

#cookieText {
    /*flex: 1;*/
    margin-right: 2vw;
}

#cookieButton {
    display: block;
}

#cookieText h2 {
    margin-bottom: 0;
    font-size: 1.3em;
}

#cookieText p {
    margin-top: 1em;
    margin-bottom: 1.2em;
}

.cookieAccept {
    text-align: right;
}

.cookieAcceptBtn {
    margin-top: 1vw;
    display: inline-block;
    padding: 1vw;
    background-color: #7f9972;
    color: #ffffff;
    border-radius: 0.4em;
    cursor: pointer;
}

#autofill-catch {
    position: absolute;
    left: -9999px;
    width: 1px;
}

.siteHilightColor {
    color: #ee577e !important;
}

.mobileMenuIcon,
.mobileMenuClose,
.mobileFilterTitle {
    display: none;
}

.fabricHolder {
    background-color: #ffffff;
    transition: 0.5s;
}

#dropin-container {
    margin-left: 5%;
    margin-right: 30%;
}

.mobileMessageHeader {
    display: none;
}

.fabricHolder:hover {
    background-color: #e1e1e1;
}

.headerLeft img {
    cursor: pointer;
}

.stepByStepTitle {
    color: #7f9972;
    font-weight: 700;
}

.stepTitleText {
    text-decoration: underline;
    padding-top: 0.5vw;
    display: block;
}

.stepByStepInstruction {
    font-size: 1em !important;
    font-weight: 700;
}

.stepByStepInstruction strong {
    color: #7f9972;
}

.stepByStepInstruction a {
    color: #7f9972 !important;
}

img.stepByStepImage {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.signboard {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.signboard table {
    border-spacing: 0 !important;
    background-color: #f7f7f7;
}

.signTopLeft img {
    width: 2vw;
    height: 2vw;
    /*  background-image: url(/_repository/1/ftpuploads/imgs/signBoard/top-left.png) ;
    background-size: cover;
    background-repeat:no-repeat; */
    border: 0px solid none;
}

.signTopRight img {
    width: 2vw;
    height: 2vw;
    /* background-image: url(/_repository/1/ftpuploads/imgs/signBoard/top-right.png);
    background-size: cover;
    background-repeat: no-repeat; */
    border: 0px solid none;
}

.signBottomLeft {
    width: 2vw;
    height: 2vw;
    background-image: url(/_repository/1/ftpuploads/imgs/signBoard/bottom-left.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.signBottomRight {
    width: 2vw;
    height: 2vw;
    background-image: url(/_repository/1/ftpuploads/imgs/signBoard/bottom-right.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.signTopEdge {
    height: 2vw;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url(/_repository/1/ftpuploads/imgs/signBoard/top-edge.png);
}

.signBottomEdge {
    height: 2vw;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url(/_repository/1/ftpuploads/imgs/signBoard/bottom-edge.png);
}

.signMiddle h2 {
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    margin-left: 4vw;
    margin-right: 4vw;
}

.loginPanel {
    max-width: 1400px;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

#filterBody {
    width: 16%;
    background-color: #eeeeee;
    margin-right: 2%;
    margin-top: 3vw;
    padding-left: 2%;
    margin-bottom: 2vw;
}

#fabricResults {
    width: 85%;
    line-height: 0;
    position: relative;
}

#filterResultsContainer {
    width: 100%;
    margin-bottom: 1vw;


}

.busInfo-container {
    display: block;
    width: 100%;
}

.busInfo {
    color: #333333;
    display: flex;
    flex-direction: row;
}

.busIcon {
    display: none;
}

#needHelpTxt {
    flex: 2;
    padding-left: 2vw;
    text-align: left;
}

#helpContactInfo {
    flex: 1;
    padding-right: 2vw;
    text-align: right;
    padding-top: 0.9vw;
}

.busInfo {
    text-align: left;
}

.moreColours {
    display: none;
}

.fabricIndicativePriceAbove {
    display: none;
}

.fabricIndicativePriceBelow {
    display: block;
}

.fabricPriceLeft {
    width: 100%;
}

#add-Info-CF {
    width: calc(98% - 20px);
    height: 60px;
    padding: 10px;
}

.fabricPriceRight {
    position: absolute;
    right: 0;
    top: 1vw;
    width: 50%;
    text-align: right;
}

.fabricFlameRetardent_container {
    margin-left: 0.5vw;
}

.fabricFlameRetardent_container p {
    font-size: 0.8em;
    color: #ff3333;
}

.mainItemPrice {
    color: #696969;
    font-size: 1.5em;
    margin: 2% 0 1% 0
}

.BeaumontTrimmings p {
    font-size: 0.8em !important;
    color: #ca2017;
}

.BeaumontTrimmings p a {
    color: #ca2017;
}

.subItemPrice {
    color: #696969;
    font-size: 0.9em;
    margin: 0;
}

.subItemPrice a {
    color: #696969;
    text-decoration: none;
    transition: color 0.5s ease;
}

.subItemPrice a:hover {
    color: #ee577e;

}

.fabricTitle_container {
    margin-left: 0.5vw;
}

.fabricTitle,
.fabricName,
.fabricColour,
.fabricColour_overlay,
#fabricOrderCode {
    margin-left: 0 !important;
}

#fabricOrderCode {
    color: #696969;
}

.fabricColour strong {
    font-size: 1em !important;
}

.orderFabricName {
    font-size: 1.75em !important;
}

.fabricColour {
    width: 18%;
    display: inline-block;
    vertical-align: top;
}

.fabricColour_overlay {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.fabricColour p {
    font-size: 0.7em;
    margin-top: 0;
}

.fabricColour p .colorSKU {
    font-size: 0.6em;
}

.fabricThumbImage {
    border: 1px solid #696969;
    width: 100%;
    height: 100%;
    margin-right: 1%;
    cursor: pointer;
}

.fabricThumbImage_overlay {
    border: 1px solid #696969;
    width: 100%;
    height: 100%;
    margin-right: 1%;
    cursor: pointer;
}

.fabricColours_container {
    display: block !important;
}

.selectedFabricThumb {
    border-color: #ee577e !important;
}

.fabricColourImage {
    cursor: pointer;
}

.M2M_Content {
    padding-top: 1vw !important;

}

.resultsPageHeader {
    padding: 0 1vw;
    padding-top: 1vw;
    line-height: normal;
    position: relative;
}

.resultsPageHeader h1 {
    color: #ee577e;
    font-size: 2vw;
}

.M2M-Button {
    cursor: pointer;
}

.fabricHolder {
    width: 20%;
    padding: 1vw 1vw;
    background-color: #ffffff;
    transition: 0.5s;
    display: inline-block;
    margin-top: 1vw;
    margin-right: 0.3vw;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.SaleIcon {
    position: absolute;
    top: 0;
    right: 0;
}

.altImageBlank {
    opacity: 0;
}

h3.fabricName {
    font-size: 1.1vw;
    width: 100%;
    border-bottom: 1px solid #999999;
    line-height: 1.3vw;
}

p.fabricColours {
    font-size: 0.8vw;

}

h4.pricePoint {
    font-size: 1vw;
    color: #666666;
}

.mainImageSwatch {
    width: 100%;
    border: 1px solid #999999;
}

.mainImageSwatch img {
    width: 100%;
    aspect-ratio: 1;
}

.showcasePanel img {
    aspect-ratio: unset !important;
}

.otherImageSwatch p {
    font-size: 0.6vw;
}

.otherImageSwatch p img {
    width: 17%;
    aspect-ratio: 1;
    margin-right: 2%;
}

#fabricsLoadingBar {
    color: #666666;
    border-bottom: 1px solid #333333;
    line-height: normal;
    padding-left: 1vw;
    font-size: 1.2vw;
}

#fabricShowMore {
    color: #666666;
    line-height: normal;
    padding-left: 1vw;
    font-size: 1.2vw;
}

.retailPricePoint {
    display: inline;
}

.tradePricePoint {
    display: none;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-right: 10px;
}

.accountInfoContainer {
    display: flex;
}

.orderBody {
    border: 2px solid #333333;
    border-radius: 0.4em;
    overflow: hidden;
}

.orderHeader {
    background-color: #eeeeee;
}

.expandButton {
    color: #7f9972;
}

.orderHeader {
    display: flex;
    padding: 1vw;
}

.orderRef,
.orderDate,
.orderValue,
.orderStatus {
    flex: 1;
    text-transform: capitalize;
}

.orderContents {
    display: none;
    padding: 2vw;
}

label span.showMandatory {
    margin-left: 0.3em !important
}

#acceptTerms {
    text-align: center;
    margin: 2vw;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.fabricWish {
    width: 100%;
    text-align: left;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    position: relative;
}

.orderHolder {
    margin-bottom: 2vw;
}

.previousOrder {
    margin-bottom: 1vw;
}

.fabricWish img {
    height: auto !important;
    margin-right: 3px;
}

.viewAllItems {
    text-align: center;
}

.viewAllItems a {
    cursor: pointer;
    color: #333333;
    transition: color ease 0.5s;
    text-decoration: none;
}

.viewAllItems a:hover {
    color: #7f9972;
}

#addToWishlist {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 0.75em;
}

.addToWishlistBrowser {
    position: absolute;
    right: 0;
    cursor: pointer;
    font-size: 0.75em;
}

.addToWishlistBrowser img {
    width: 50%;
}

.fabricBrand {
    text-transform: capitalize;
}

.fabricPrice_container {
    position: relative;
    border-bottom: 0px none #000000;
}

.M2M-wishList {
    width: 100%;
    text-align: right;
}

.orderFormTitle {
    padding-top: 1.5vw;
    margin-bottom: 0.5vw;
    font-size: 1.5em;
}

#TradeRetailToggle {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1em;
    line-height: 1em;
    color: #666666;
    display: none;
}

/* Slider Control */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #7f9972;
}

input:focus+.slider {
    box-shadow: 0 0 1px #7f9972;
}

input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

#loginForm {
    padding-top: 1vw;
    width: 100%;
}

#loginForm h3 {
    color: #666666;
}

#loginForm input {
    padding: 0.5vw;
    width: 60%;
    margin-bottom: 0.5vw;
    border: 1px solid;

}

#resetPasswordInstructions {
    display: none;
}

#passwordSent {
    display: none;
    border: 1px solid #7f9972;
    padding: 0.5vw;
    margin-top: 0.5vw;
}

.LoginButton {
    padding-left: 2vw;
    padding-right: 2vw;
    display: inline-block;

}

.resetAction,
.forgotPasswordLink {
    cursor: pointer;
    color: #333333;
    transition: 0.5s;
}

.resetAction:hover,
.forgotPasswordLink:hover {
    color: #7f9972;
}

.createAccountHolder {
    float: unset;
}

.errorHilight {
    color: #c13333;
    border-color: #c13333 !important;
}

#errMsgHolder {
    color: #c13333;
    font-size: 0.9em;
}

.pink img,
.white img {
    scale: 0.65;
}

.quantity-right input,
.quantity-decrease,
.quantity-increase {
    color: #333333 !important;
}

.loginContainer {
    margin: 4vw auto;
    width: 50%;
    padding-left: 10%;
    padding-bottom: 1vw;
    background-color: #eeeeee;
}

.accountHolder {
    max-width: 1400px;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    margin-bottom: 2vw;
    position: relative;
}


.accountHolder h1 {
    width: 100%;
}

.retailControlHolder {
    position: relative;
    width: 100%;
}

.orderHolder {
    max-width: 1400px;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: auto;
    margin-right: auto;
}

.accountInfoBox {
    width: 40%;
    margin-right: 5%;
    padding-left: 2vw;
    padding-right: 2vw;
    vertical-align: top;
    background-color: #eeeeee;
    display: inline-table;
    padding-bottom: 1vw;
    flex: 1;
}

.personalInfoBox {
    width: 40%;
    padding-left: 2vw;
    padding-right: 2vw;
    vertical-align: top;
    background-color: #eeeeee;
    display: inline-table;
    padding-bottom: 1vw;
    flex: 1;
}

.clientTestimonials {
    width: 100%;
    margin: 0 !important;
}

.clientTestimonials img {
    width: 100%;
    margin: 0 !important;
}

.personalInfoBox input {
    padding: 0.5vw;
    width: 60%;
    margin-bottom: 0.5vw;
    border: 1px solid;
}

.centeredText {
    text-align: center;
    display: block;
}

.highightedTitle {
    display: inline-block;
    width: 30%;
    padding-right: 1vw;
    vertical-align: top;
}

.addressBlock {
    display: inline-block;
}

.heroTitle {
    width: calc(100% - 3vw) !important;
}

.saveQuoteText {
    text-align: center;
    width: 100%;
}

.registerLink {
    color: #333333;
}

.registerLink a,
.saveQuoteText a {
    color: #333333;
    transition: 0.5s;
}

.registerLink a:hover,
.saveQuoteText a:hover {
    color: #7f9972;
}

.orderContainer {
    overflow: hidden;
}

.reorderBtn {
    color: #ffffff;
    background-color: #7f9972;
    padding: 0.3vw;
    border-radius: 0.2vw;
    text-decoration: none;
    margin-left: 1vw;
}

.mainItemPrice strong,
.subItemPrice strong {
    font-weight: 100 !important;
}

.titleColourBold {
    display: none;
}

.titleColour {
    font-size: 1.6em;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.M2M-form-divider {
    margin-top: 1vw;
    margin-bottom: 1vw;
    border-top: 1px solid #999999;
    height: 0px;
    width: 100%;
}

.M2M-form_row legend,
.M2M-form_column legend {
    width: 50%;
    font-size: 1em;
}

.fullWidth {
    width: 100% !important;
}

.subTitle {
    font-weight: 100 !important;
}

.M2M-form_row label {
    width: 100%;
    padding-left: 2%;
    font-size: 0.8em;
}

.M2M-form_row input,
.M2M-form_row select {
    padding: 0.8vw;
    width: 50%;
    height: auto;
}

.M2M-form_row input {
    width: 40%;
}

.row-outer {
    width: 50% !important;
}

#tradePrice,
#retailPrice {
    color: #000000;
    font-size: 1.3em;
    margin-top: 2vw;
}

.FilterTitle {
    font-size: 1.5em;
    font-weight: 800;
}

.checkboxContainer {
    padding-left: 50% !important;
    width: 50% !important;
}

.M2M-orderForm p {
    font-size: 1em;
}

.row-outer_image {
    border: #696969 2px dashed !important;
}

.checkboxContainer input {
    width: 10%;
    margin-right: 1%;
}

.selectorHolder ul {
    display: none;
    cursor: pointer;
}

.selectorHolder span {
    display: inline-block;
    margin-left: 4vw;
    margin-right: 4vw;
    cursor: pointer;
    transition: 0.5s;
    font-weight: 700;
    color: #333333;
}

.otherProductUses {
    font-size: 1.2em;
    font-weight: 700;
    color: #333333;
}

.otherProductUseLinks {
    margin-left: 1.5em;
    margin-top: 1em;
}

.otherProductUseLinks a {
    padding-top: 0.5em;
    line-height: 1.5em;
    color: #333333;
    text-decoration: none;
    transition: color ease 0.3s;
}

.otherProductUseLinks a:hover {
    color: #666666
}

.selectorHolder span:hover {
    color: #7f9972;
}

.selectorHolder span::after {
    content: ' \25BE';
}

.selectorOpen {
    color: #7f9972 !important;
}

.selectorOpen::after {
    content: ' \25B4' !important;
}


.selectorHolder ul {
    list-style-type: none;
    padding-left: 0.5vw;
    margin-right: 1vw;
    padding-bottom: 1vw;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0;
    text-align: left;
}

.filterOption {
    padding: 1px 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: inline-block;
    width: 19%;
    text-align: left !important;
    transition: 0.5s;
    text-transform: capitalize;
}

.designerOption::first-letter {
    text-transform: uppercase;
}

.designerOption {
    text-transform: capitalize;
}

.filterOption span {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.filterOption::before {
    content: '\2610 ' !important;

}

.sortOptions {
    width: 100%;
    text-align: right;
}

#sortSelector {
    width: auto;
    height: auto;
    padding: 0.5vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    color: #666666;
}

.sortOptions label {
    margin-top: 1vw;
    margin-bottom: 1vw;
    color: #666666;
    padding-right: 0.5vw;
}

.filterOptionSelected {
    color: #eeeeee;
}

.filterRemove,
.clearFilterSet {
    margin-left: 2vw;
    margin-right: 2vw;
    padding-top: 0.75vw;
    padding-bottom: 0.75vw;
    transition: 0.5s;
    display: inline-block;
    cursor: pointer;
}

.filterRemove:hover,
.clearFilterSet:hover {
    color: #7f9972;
}

.clearFilterSet {
    font-weight: 700;
}

.filterRemove::after,
.clearFilterSet::after {
    content: ' \2612';
}

.filterOptionSelected::before {
    content: '\2611 ' !important;
    color: #7f9972;
}

.selectedOptions {
    background-color: #f7f7f7;
    text-align: center;
}

.selectorHolder {
    text-align: center;
}

#filterOptions {
    text-align: center;
    border-top: 1px solid #cacaca;
    margin-top: 0.5vw;
    background-color: #f7f7f7;
}

#popupShell {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1500;
}

#popupOuter {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1500;
}

#popupInner {
    border: 2px solid #333333;
    background-color: #ffffff;
    margin: auto;
    margin-top: 10%;
    width: 50%;
    min-width: 300px;
    border-radius: 0.4em;
    position: relative;
    overflow: hidden;
}

#popupTitle {
    background-color: #c2c2c2;
    margin: 0;
    width: 100%;
    color: #000000;
}

#popupTitle h2 {
    text-align: center;
    margin: 0;
    padding: 1vw;
}

#popupBody {
    margin-left: 10%;
    margin-right: 10%;
}

#popupBody p {
    margin-top: 2vw;
    margin-bottom: 2vw;
}

#popupActions p {
    width: 100%;
    text-align: center;
    display: inline-block;
}

#saveQuoteNow {
    margin-right: 3vw;
    display: inline-block;
}

#closePopupButton {
    display: inline-block;
}

.checkout-row select,
.checkout-row input,
.checkout-row textarea {
    padding-left: 1vw;
}

#experienceImage {
    flex: 1;
    padding-left: 10%;
    padding-right: 10%;
}

.experiencePanel {
    align-items: center;
}

#experienceText {
    flex: 1;
}

#needHelpTxt p {
    position: relative;
    top: -30%;
}

.busNum {
    font-size: 1.2em !important;

}

.know-your-widths {
  /* display: none !important;  */
}

@media all and (max-width:800px) {


    #fabricResults {
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (max-width:600px) {
    .resultsPageHeader h1 {
        font-size: 3vw;
    }
}

@media all and (max-width:500px) {
    .experiencePanel {
        margin-top: 1vw !important;
        width: 90%;
        display: block;
        padding: 0 !important;
        margin-left: 5%;
    }

    #experienceText h2 img {
        width: 100%;
    }
}

@media all and (max-width:400px) {

    .heroTitle .coreInner h2 {
        font-size: 7vw;
        line-height: 7vw;
    }

    .headerInner {
        display: block !important;
    }

    .headerLeft {
        width: 100% !important;
    }

    .headerLeft img {
        width: 100% !important;
        border-bottom: #333333 1px solid;
    }

    .headerMiddle {
        width: 50% !important;
        display: inline-table !important;
    }

    .headerRight {
        width: 45% !important;
        text-align: right;
    }

    .messageBar {
        display: inline-block;
        position: relative;
    }

    .messageBar .headerLeft {
        width: 30% !important;
        z-index: 100;
        position: absolute;
        bottom: 0;
    }

    .messageBar .headerLeft p {
        margin-bottom: 2vw;
    }

    .messageBar .headerMiddle {
        width: 100% !important;
    }

    .messageBar .headerRight {
        width: 100% !important;
        text-align: right;
        font-size: 3vw;
        padding-top: 0;
    }

    #searchField {
        padding: 1vw !important;
    }

    .navbar {
        width: 96%;
        padding-top: 1vw;
        border-top: 1px solid #333333;
        margin-left: 2%;
    }

    .resultsPageHeader h1 {
        font-size: 4vw;
    }

    .showcasePanel {
        width: 100% !important;
        margin-top: 1vw !important;
    }

    #experienceImage {
        padding-left: 0 !important;
        padding-right: 5% !important;
        width: 100% !important;
    }

    .experiencePanel {
        margin-top: 1vw !important;
        width: 90%;
        display: block;
        padding: 0 !important;
        margin-left: 5%;
    }

    #experienceText {
        flex: 1;
    }

    #experienceText h2 img {
        width: 100% !important;
    }

    .footerLowerInner {
        font-size: 3vw !important;
    }

    .signboard {
        display: none;
    }

    .inlineHolder {
        display: none !important;
    }

    .filterOption {
        font-size: 3.5vw !important;
        width: 45% !important;
    }

    .selectorHolder ul {
        padding-bottom: 4vw;

    }

    .selectorHolder ul,
    .selectedOptions {
        font-size: 3vw;
    }

    .fabricHolder {
        padding-top: 4vw;
        padding-bottom: 4vw;
        border-bottom: 1px solid #cccccc;
    }

    .fabricTitle {
        font-size: 5vw !important;
        margin-bottom: 3vw;
    }

    #fabricOrderCode {
        padding-top: 0;
        margin-top: 0;
        font-size: small;
    }

    .M2M_Column {
        padding: 0 !important;
        padding-top: 1vw;
        border-top: 1px solid #cccccc;
    }

    .fabricLeft {
        border-top: 0px none #cccccc !important;
    }

    #needHelpTxt img {
        width: 10% !important;
    }

    #needHelpTxt p {
        top: 0;
    }

    .M2M-orderForm .freeSample {
        height: auto;
        margin-top: 5vw;
    }

    .M2M-orderForm .freeSample p {
        font-size: 0.9em !important;
    }

    .orderContainer p {
        margin-left: 2vw;
    }

    .checkboxContainer input {
        margin-right: 2vw;
    }

    .showcasePanelTitle {
        left: 0 !important;
        width: 100% !important;
    }

    .showcasePanelTitle h3 {
        font-size: 10vw !important;
        text-align: center;
        line-height: 15vw !important;
        background-color: rgba(100, 100, 100, 0.3);
    }

}