html {
    overflow-x: hidden;
}

* body,
html {
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}

body,
html {
    margin: 0;
    padding: 0;
    /* font-size: 62.5%; */
    height: 100%;
    border-top: 0 solid #000;
    color: #222;
    font-family: 'Montserrat', sans-serif;
}

body,
html,
div,
span,
font,
strong,
p,
tr,
td,
ul,
li,
h1,
h2,
h3,
h4,
h5,
a,
legend,
form,
input,
select {
    font-family: 'Montserrat', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.heading-1 {
    font-size: 44px;
    line-height: 58px;
}

@media only screen and (max-width: 767px) {
    .heading-1 {
        font-size: 34px;
        line-height: 46px;
    }
}

.heading-2 {
    font-size: 34px;
    line-height: 48px;
}

@media only screen and (max-width: 767px) {
    .heading-2 {
        font-size: 24px;
        line-height: 36px;
    }
}

.heading-3 {
    font-size: 34px;
    line-height: 48px;
}

@media only screen and (max-width: 767px) {
    .heading-3 {
        font-size: 28px;
        line-height: 42px;
    }
}

.heading-4 {
    font-size: 24px;
    line-height: 38px;
}

@media only screen and (max-width: 767px) {
    .heading-4 {
        font-size: 20px;
        line-height: 32px;
    }
}

.heading-5 {
    font-size: 20px;
    line-height: 34px;
}

@media only screen and (max-width: 767px) {
    .heading-5 {
        font-size: 18px;
        line-height: 30px;
    }
}

header {
    margin-bottom: 15px;
}

.park-home .header-head {
    margin-bottom: 0 !important;
}

.clearboth {
    clear: both !important;
}

.skipto {
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    background-color: transparent;
}

.skipto:focus {
    z-index: 4000;
    padding: 14px;
    width: auto;
    height: auto;
    background: white;
    color: black;
}

.text-white {
    color: #FFF;
}

.welcome-to-park-content {
    padding: 0;
}

#menu {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

#top-nav-ul {
    margin-right: 0;
}

#top-nav-ul-customer {
    display: none;
}

.post-login-block {
    width: 273px;
    background: #3D3E3D;
}

@media (min-width:1024px) {
    #menu {
        margin: 0 auto;
        padding-top: 4px;
        padding-bottom: 4px;
        max-width: 1024px;
    }
}

.gsc-input-box {
    height: 36px;
    border: none !important;
    border-bottom: 1px solid #FFF !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    line-height: 36px;
}

@media only screen and (max-width: 1023px) {
    .gsc-input-box {
        display: flex;
        align-items: center;
        height: 50px;
        border-bottom: 1px solid #AD59C6 !important;
        background-color: #3D0054 !important;
    }
}

.gsc-input input {
    height: 24px !important;
    background: none !important;
    color: #FFF;
    text-indent: 10px !important;
}

.gsc-input input::placeholder {
    color: #FFF;
}

.gsc-input input::-webkit-input-placeholder {
    color: #FFF;
}

.gsc-search-button {
    display: none !important;
}

#gsc-search-container {
    margin-left: 20px;
    width: 178px;
}

@media only screen and (min-width: 1024px) {
    #gsc-search-container {
        margin-left: 0;
    }
}

.navbar-toogle-btn {
    z-index: 99;
    float: none;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 30px;
}

header {
    position: relative;
    background-color: #552773;
}

.cta-search__label {
    float: left;
    width: 40px;
    height: 36px;
    border-bottom: 1px solid #FFF;
    background: #3D0054 url(../images/search.svg) no-repeat scroll center center / 21px auto;
}

@media only screen and (max-width: 1023px) {
    .cta-search__label {
        margin-bottom: 0;
        height: 50px;
        border-bottom: 1px solid #AD59C6;
    }
}

table.gsc-search-box {
    width: 76% !important;
}

.main-navigation__link {
    display: inline-block;
    margin-right: 14px;
    padding: 0 12px;
    background-color: #3D0054;
    color: #FFF;
    font-weight: 600;
    font-size: 12.5px;
    line-height: 50px;
}

.main-navigation__link:focus,
.main-navigation__link:hover {
    background-color: #EEE !important;
    color: #3D0054;
    opacity: 1;
}

@media (min-width: 1024px) {
    .main-navigation__link {
        padding: 10px 8px !important;
        line-height: 24px;
    }
}

@media (min-width: 1200px) {
    .main-navigation__link {
        margin-right: 18px;
    }
}

.navbar-link {
    z-index: 99;
    padding-right: 0;
}

.logo-link {
    position: relative;
    z-index: 1;
}

.logo-image {
    width: 117px;
}

.easy-img {
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: center;
}

.easy-img img {
    max-width: 100%;
    height: auto;
}

.btn-readfaq,
.btn-getStarted {
    display: block;
    margin: 5px 25px;
    padding: 15px;
    border-radius: 10px;
    background-color: #F97B10;
    color: #FFF;
    font-weight: bold;
    font-size: 1.8rem;
}

.btn-askwanda,
.btn-orderfree {
    display: block;
    margin: 5px 25px;
    padding: 15px;
    border-radius: 10px;
    background-color: #AD59C6;
    color: #FFF;
    font-weight: bold;
    font-size: 1.8rem;
}

@media (min-width: 768 px) {
    .navbar-link {
        padding: 0 !important;
    }
}

.btn-request-catalogue {
    float: right;
    margin-top: 5px;
    padding: 6px 15px;
    border-radius: 10px;
    background-color: #AD59C6;
    color: #FFF;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 30px;
}

.btn-request-catalogue:hover,
.btn-request-catalogue:focus {
    float: right;
    margin-top: 5px;
    border-radius: 10px;
    background-color: #AD59C6;
    color: #FFF;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 30px;
}

@media (min-width:768px) {
    .nav-bar-focus-color {
        color: #FFF !important;
        font-weight: bold;
    }
    .nav-bar-hover-color {
        background: #F0F7FF none repeat scroll 0 0 !important;
        color: #442256 !important;
        font-weight: bold;
    }
}

@media (max-width:768px) {
    .main-navigation__link:hover,
    .main-navigation__link:focus {
        background: #49065D none repeat scroll 0 0 !important;
        color: #FFF !important;
        font-weight: bold;
    }
}

.header-title {
    color: #FFF;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: normal;
}

.header-copy {
    padding: 0 15px;
    color: #FFF;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
}

.header-copy div {
    margin-left: 15px;
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
}

.header-copy a {
    color: #FFF;
    text-decoration: underline;
    font-weight: 400;
    font-size: 1.4rem;
}

.btn {
    position: relative;
    padding: 10px;
    border: 0;
    border-radius: 30px;
    box-shadow: none;
    box-shadow: none;
    text-decoration: none !important;
    white-space: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 1.1;
    transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease, opacity 0.2s ease;
    touch-action: manipulation;
    cursor: default;
}

.btn:hover {
    opacity: 0.85;
}

.btn:active {
    outline: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* .button:active:focus:after {
  border: 0;
} */

.btn:focus {
    outline: none;
}


/* .btn:focus:after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  display: block;
  border: 2px dotted #D11473;
  border-radius: 3em;
  content: '';
} */

.btn.btn-success,
.btn.btn-primary,
.btn.btn-success:hover,
.btn.btn-primary:hover {
    border-color: transparent;
    background-color: #D1368C;
    color: #FFF;
    /* text-decoration: none;
  font-size: 16px; */
}

.btn.button-success:active,
.btn.button-primary:active,
.btn.button--primary:active {
    background: #C12C7F;
}

.btn.btn-secondary,
.btn.btn-secondary:hover {
    border-color: transparent;
    background-color: #FC0;
    color: #552773;
    /* text-decoration: none;
  font-size: 16px; */
}


/* .btn-secondary:focus:after {
  border-color: #9954c5;
} */

.btn.btn-success.inactive,
.btn.btn-primary.inactive,
.btn.btn-secondary.inactive,
.btn.btn-success[disabled] .btn.btn-primary[disabled],
.btn.btn-secondary[disabled],
.btn.btn-success.inactive:hover,
.btn.btn-primary.inactive:hover,
.btn.btn-secondary.inactive:hover,
.btn.btn-success[disabled]:hover,
.btn.btn-primary[disabled]:hover,
.btn.btn-secondary[disabled]:hover {
    background-color: #cbc8cd;
    color: #736c77;
    opacity: 0.65;
}

.btn[disabled]:active,
.btn[disabled]:hover:active,
.btn.inactive:active,
.btn.inactive:hover:active,
.btn[disabled]>*:active,
.btn.inactive>*:active {
    box-shadow: none;
}

.btn.btn-xs {
    padding: 0.4em 1em;
    font-size: 1em !important;
}

.btn-full-width {
    min-width: 220px;
}

.btn--full {
    width: 100%;
}

.btn.btn-nav-login {
    padding: 10px;
    min-width: 80px;
}

.get-started {
    margin-left: 15px;
    border-radius: 10px;
    background-color: #F97B10;
    color: #FFF;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 30px;
}

.get-started:hover,
.get-started:focus {
    background-color: #F97B10;
    color: #FFF;
}

.find-out {
    margin-left: 15px;
    border-radius: 10px;
    background-color: #00ADE1;
    color: #FFF;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 30px;
}

.find-out:hover,
.find-out:focus {
    background-color: #00ADE1;
    color: #FFF;
}

.request-catalogue {
    margin-left: 15px;
    max-width: 200px;
    border-radius: 10px;
    background-color: #AD59C6;
    color: #FFF;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 30px;
}

.hidden {
    display: none !important;
}

.request-catalogue:hover,
.request-catalogue:focus {
    background-color: #AD59C6;
    color: #FFF;
}

.basket {
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: #3D3E3D;
    color: #E1E1E1;
}

.brand-images {
    width: 146px;
}

.navbar-nav .basket__link {
    margin-right: 10px;
    padding: 0;
    color: #FFF;
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    .navbar-nav .basket__link {
        margin-right: 30px;
    }
}

@media ( max-width: 1023px) AND (min-width:720px) {
    .header-title {
        font-size: 4.8rem !important;
    }
    .header-inner a {
        max-width: 300px !important;
        width: 300px !important;
    }
}

@media ( max-width: 1023px) AND (min-width:768px) {
    .logo-image {
        width: 90px;
    }
    #full-range-menu {
        position: relative;
        overflow-y: scroll;
    }
    .header-inner .break-line {
        display: block !important;
        margin-top: 10px;
    }
    .request-catalogue.visible-xs {
        display: block !important;
        margin-top: 0;
    }
    #top-nav-right-mobile.top-nav-right-mobile {
        display: block !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-toggle {
        display: block;
        margin-bottom: 4px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .btn-request-catalogue {
        display: none !important;
        ;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    #menu .navbar.hidden-xs {
        display: none;
    }
    .pages-header {
        position: relative;
        z-index: 99;
    }
    .btn-login {
        float: right;
        margin-right: -1px;
        height: 50px;
        line-height: 30px;
    }
    .top-nav-right-mobile {
        float: right;
    }
    .top-nav-right-mobile a {
        display: block !important;
    }
    .multi-column-dropdown-block {
        width: 100%;
    }
    .go-to-basket-nav {
        display: block !important;
    }
    .how-it-work-dropdown {
        position: relative;
        margin-left: 0 !important;
        padding-left: 30px !important;
        width: 100%;
    }
    .navbar-link {
        position: relative !important;
        margin-left: -21px;
        width: 110%;
        border: medium none !important;
        box-shadow: none !important;
    }
    .navbar-collapse.in {
        overflow-y: scroll !important;
    }
    .nav.navbar-nav {
        margin-top: 0;
        width: 100%;
    }
    .nav-item {
        border-bottom: 1px solid #AD59C6;
    }
    .main-navigation__link {
        line-height: 20px !important;
    }
    .btn-logout {
        float: right;
        padding-top: 16px;
        height: 50px;
    }
}

.inner-btn-bar {
    display: none;
}

@media (max-width:1023px) {
    .navbar-link {
        width: 5000px !important;
    }
}

@media ( max-width: 767px) {
    .logo-image {
        width: 96px;
    }
    .navbar-link {
        position: relative !important;
        margin-left: -21px;
        width: 110%;
        border: medium none !important;
        box-shadow: none !important;
    }
    .navbar-collapse.in {
        overflow-y: scroll;
    }
    .nav.navbar-nav {
        margin-top: 0;
        width: 100%;
    }
    .nav-item {
        border-bottom: 1px solid #AD59C6;
    }
    .main-navigation__link {
        line-height: 30px !important;
    }
    .header-title {
        font-size: 3rem;
    }
    .btn-logout {
        padding-top: 16px;
        height: 50px;
    }
}

.navbar.secondary-nav {
    margin-bottom: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
}


/* End Header part */


/* Start Footer part */

footer {
    padding-right: 35px;
    padding-left: 35px;
    background-color: #552773;
    color: #FFF;
}

footer a,
footer a:hover,
footer a:focus {
    color: #FFF;
    text-decoration: none;
}

#deepfooter {
    margin: 0 auto;
    padding: 0;
    max-width: 1024px;
    width: 100%;
}

@media only screen and ( max-width: 767px) {
    .trustpilot-widget-mini {
        padding: 20px 20px 0 20px;
        height: 310px;
    }
}

.section__footer-trust {
    background: #FFF;
}

.wrapper__footer-trust {
    margin: 0 auto;
    padding: 0;
    max-width: 1024px;
    width: 100%;
    color: #736C77;
}

.footer-link {
    margin-bottom: 18px;
    font-size: 14px;
}

.footer-trust {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 10px;
}

.wrapper__footer-trust p {
    margin-bottom: 10px;
    line-height: 17px;
}

.text-pink {
    color: #D1368C !important;
}

@media (min-width: 768px) {
    .footer-link-android {
        margin-bottom: 35px;
    }
    .footer-row .part-of-paypoint-logo-lg {
        margin-top: 35px;
    }
    .footer-row .part-of-paypoint-logo-sm {
        display: none;
    }
}

@media ( max-width: 767px) {
    .get-started {
        max-width: 200px;
    }
    .find-out {
        margin-top: 10px;
        max-width: 200px;
    }
    .request-catalogue-new {
        margin-top: 10px;
    }
    .footer-row .part-of-paypoint-logo-lg {
        display: none;
    }
    .footer-row .part-of-paypoint-logo-sm {
        margin-top: 15px;
        display: block;
    }
}


/* @media ( max-width : 1199px){
	footer {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
} */


/* End Footer part*/

.cookies-wrapper {
    background-image: none !important;
}

.cookies-wrapper {
    background-color: #333 !important;
}

.row.cookies-container {
    margin: 0 auto;
    max-width: 1024px;
}

.cookies-container p {
    margin: 0 !important;
    padding: 15px 0 15px 0 !important;
    color: #D7F5FF !important;
    font-size: 14px !important;
    font-family: 'Montserratt', Arial, Helvetica, sans-serif !important;
}

.cookies-container p a {
    color: #0AF !important;
    text-decoration: none;
}

.cookies-container p input {
    padding: 1px 6px;
    width: auto;
    border: 2px outset buttonface;
    background-color: buttonface;
    color: #221E1F;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}

#right-content {
    background-color: #FFF;
}

#check-contact-modal #check-contact-modal-label {
    color: #442256 !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

#check-contact-modal .note {
    margin-bottom: 15px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: #6F6F6F;
    font-weight: bold;
    font-size: 15px;
}

#check-contact-modal .container-fluid {
    background-color: transparent !important;
    background-image: none !important;
}

#check-contact-modal .label {
    padding-left: 0 !important;
    color: #442256;
    text-align: left !important;
    font-weight: bold;
    font-size: 13px;
}

#check-contact-modal .content {
    overflow: hidden;
    padding-left: 0 !important;
    color: #6F6F6F;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
}

#check-contact-modal .action {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

#check-contact-modal .action:link {
    color: #0A7AF9;
    text-decoration: none;
}

#check-contact-modal .action:active {
    color: #0A7AF9;
    text-decoration: underline;
}

#check-contact-modal .action:visited {
    color: #0A7AF9;
    text-decoration: none;
}

#check-contact-modal .action:hover {
    color: #629B33;
}

#check-contact-modal .row-info {
    margin-bottom: 10px !important;
}

#cant-setup-dd-modal #cant-setup-dd-modal-label {
    color: #442256 !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

#cant-setup-dd-modal .note {
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: #6F6F6F;
    font-size: 14px;
}

#cant-setup-dd-modal .container-fluid {
    background-color: transparent !important;
    background-image: none !important;
}

#cant-setup-dd-modal .btn-close {
    padding-right: 25px !important;
    padding-left: 25px !important;
    background-color: #37134E !important;
    color: #FFF !important;
    font-weight: bold !important;
}

#cant-setup-dd-modal .btn-close:hover,
#cant-setup-dd-modal .btn-close:active,
#cant-setup-dd-modal .btn-close:visited,
#cant-setup-dd-modal .btn-close:focus {
    background-color: #37134E !important;
}

.none-form-error {
    color: #C00 !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.none-form-error a {
    color: #0A7AF9;
    text-decoration: none;
}

.none-form-error a:hover {
    color: #629B33;
    text-decoration: underline;
}

#payment-schedule-modal .row {
    padding: 5px;
}

#payment-schedule-modal .row-header {
    padding: 5px;
    color: #582772;
    font-weight: bold;
}

#payment-schedule-modal .row-content {
    padding: 5px;
    color: rgb(8, 38, 90);
    color: #08265A;
}

#payment-schedule-modal .divider {
    height: 1px;
    border-bottom: 1px solid #DDD;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    background: none repeat scroll 0 0 #000;
}

#quickshop-modal #quickshop-modal-label,
#normaladd-modal #normaladd-modal-label {
    color: #442256;
    font-weight: bold;
    font-size: 14px;
}

#quickshop-modal .container-fluid,
#normaladd-modal .container-fluid {
    background-color: transparent !important;
    background-image: none !important;
}

#quickshop-modal #quickshop-prod-title,
#normaladd-modal #normaladd-prod-title {
    color: #80839E;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

#quickshop-modal #quickshop-prod-des,
#quickshop-modal #quickshop-prod-quan,
#quickshop-modal #quickshop-sizable,
#quickshop-modal #quickshop-personalised,
#quickshop-modal #quickshop-personalised-input,
#normaladd-modal #normaladd-prod-des,
#normaladd-modal #normaladd-prod-quan {
    color: #6F6F6F;
    text-align: right;
    font-size: 14px;
}

#quickshop-modal #quickshop-prod-des,
#quickshop-modal #quickshop-prod-title,
#quickshop-modal #quickshop-personalised,
#normaladd-modal #normaladd-prod-title,
#normaladd-modal #normaladd-prod-des {
    margin-bottom: 10px;
}

#quickshop-modal #quickshop-personalised-input input {
    margin-bottom: 5px;
    width: 180px;
    text-align: right;
}

#quickshop-modal #quickshop-prod-des .total-num,
#normaladd-modal #normaladd-prod-des .total-num {
    color: #442256;
    font-weight: bold;
    font-size: 14px;
}

#quickshop-modal #quickshop-prod-quan #quantity-qs {
    width: 40px;
    text-align: right;
}

#quickshop-modal label {
    padding-right: 5px;
    font-weight: normal !important;
}

#quickshop-modal #quickshop-sizable select {
    padding: 3px;
}

#quickshop-modal #quickshop-prod-img,
#normaladd-modal #normaladd-prod-img {
    padding: 10px;
    max-width: 100%;
    width: 107px;
    height: 107px;
}

#quickshop-modal #btn-quickshop-confirm,
#quickshop-modal #btn-quickshop-unavai,
#quickshop-modal #btn-product-details,
#normaladd-modal #btn-basket,
#normaladd-modal #btn-continue,
#choose-customer-modal #confirm-btn-new {
    width: 100%;
}

#error-modal p,
#error-modal-nma p {
    color: #6F6F6F;
    text-align: center;
    font-size: 14px;
}

#error-modal #error-modal-label,
#error-modal-nma #error-modal-nma-label {
    color: #442256;
    font-weight: bold;
    font-size: 14px;
}

#error-modal #btn-error,
#error-modal-nma #btn-error-nma {
    padding-right: 30px;
    padding-left: 30px;
    color: #FFF;
    font-weight: bold;
}

#normaladd-modal .normaladd-warning {
    padding: 15px;
    color: #6F6F6F;
    font-size: 14px;
}


/* MayWeSuggest */

#maywesuggest_content {
    float: left;
    margin: 10px 0 15px;
    padding: 0;
    width: 100%;
    border: 1px solid #CCC;
    background-color: #E6E0E8;
    vertical-align: top;
    text-align: center;
}

.maywesuggest div.maywe {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #3E0451;
    text-align: left;
    text-shadow: 1px 1px #FFF;
    font-weight: bold;
    font-size: 15px;
}

.maywesuggest div.suggest {
    margin-top: 10px;
    height: 235px;
    text-align: center;
}

.maywesuggest_elem {
    position: relative;
    height: 195px;
}

.maywesuggest-img-border {
    margin-left: 2px;
    padding: 5px 3px 6px;
    height: 195px;
    border: 1px solid #DDD !important;
    background-color: #FFF;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.maywesuggest_title {
    margin-top: 0;
    padding: 0;
    height: 35px;
    color: gray;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
}

.maywesuggest_img {
    padding: 0 !important;
    border: 1px solid #DDD !important;
    text-align: center;
}

.maywesuggest-img-holder {
    display: inline-block;
    max-width: 135px;
    max-height: 135px;
    width: 135px;
    height: 135px;
}

.maywesuggest-desc {
    position: absolute;
    bottom: 20px;
    display: block;
    padding-top: 5px;
    min-height: 25px;
    max-width: 135px;
    background-color: #653674;
    color: white;
    text-align: center;
    font-size: 12px;
    opacity: 0;
}


/* Quick shop */

.quickshop {
    float: right;
    padding: 4px;
    min-width: 112px;
    max-height: 37px;
    width: auto;
    border-radius: 5px;
    background-color: #3E0451;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.quickshop-fade {
    float: left;
    margin: 4px 8px 3px 3px;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 5px;
    border-right: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

.quickshop_button {
    padding: 5px;
}

#quickshop-lbl-fadeout,
#quickshop-lbl-fadein {
    display: inline-block;
    padding-top: 6px;
    vertical-align: top;
    font-size: 12px !important;
    cursor: pointer;
}

#btn-quickshop,
#btn-quickshop:hover {
    padding: 3px 12px 3px 12px;
    background-color: #FC0;
    color: #552773;
    font-weight: bold;
}

#quickshop-input #itemcode-qs {
    padding: 3px;
    width: 51px;
    border: 1px solid #C7D1D2;
    color: #221E1F;
    text-align: right;
    font-weight: normal;
    font-size: 0.9em;
}

#quickshop-waiting {
    padding: 3px 15px 3px 15px;
}


/* CSS for choose customer modal */

#choose-customer-modal .container-fluid {
    background-color: transparent !important;
    background-image: none !important;
}

#choose-customer-modal #choose-customer-modal-label {
    color: #442256;
    font-weight: bold;
    font-size: 14px;
}

#choose-customer-modal .important-notice-content,
#choose-customer-modal .important-notice-header {
    color: #6F6F6F;
    font-size: 14px;
}

#choose-customer-modal .important-notice-header {
    font-weight: bold;
}

#leftcol {
    overflow: hidden;
    padding: 10px 10px 15px;
    width: 208px;
    border: 1px solid #D3D3D3;
    background: #FFF none repeat scroll 0 0;
    /*margin-right: 20px;*/
}

#leftcol li h3 {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 185px;
    border-bottom: 1px solid #D3D3D3;
    color: #3E0451;
    font-weight: bold;
    font-size: 15px;
}

#leftcol li {
    padding-top: 5px;
    list-style-type: none;
}

#leftcol li a {
    padding: 5px 0;
    color: #818181;
    font-size: 14px;
}

.bootstrap-select div.open {
    position: static !important;
}

.bootstrap-select .open .inner .dropdown-header {
    background-color: #6D4E94 !important;
    color: #FFF !important;
    text-align: center !important;
}

.btn-park:active,
.btn-park.active,
.open .dropdown-toggle.btn-park {
    background-image: none;
}

.btn-park.disabled,
.btn-park[disabled],
fieldset[disabled] .btn-park,
.btn-park.disabled:hover,
.btn-park[disabled]:hover,
fieldset[disabled] .btn-park:hover,
.btn-park.disabled:focus,
.btn-park[disabled]:focus,
fieldset[disabled] .btn-park:focus,
.btn-park.disabled:active,
.btn-park[disabled]:active,
fieldset[disabled] .btn-park:active,
.btn-park.disabled.active,
.btn-park[disabled].active,
fieldset[disabled] .btn-park.active {
    border-color: #130269;
    background-color: #611BBD;
}

.btn-park .badge {
    background-color: #FFF;
    color: #611BBD;
}

.list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #EBEBEB;
}

a.list-group-item {
    color: #736C77;
    /* find and use var grey */
}

.list-group.panel>.list-group-item.collapsed {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-submenu {
    margin-left: 20px;
}

.account-nav-mobile-header {
    color: #3E0451 !important;
    font-weight: bold;
    font-size: 15px;
}

@media (max-width: 767px) {
    #select-catalogue-mobile form,
    #select-catalogue-mobile #chooseCatalogue {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #company-logo {
        max-height: 80px;
    }
}

.input-number {
    -moz-appearance: textfield !important;
}

.input-number::-webkit-outer-spin-button,
.input-number::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

@media(max-width: 365px) {
    #acc-menu-holder .list-group-item .img-responsive {
        width: 100% !important;
    }
}

#acc-menu-holder .list-group-item {
    background-color: transparent !important;
}

.question-tooltip .tooltip-inner {
    margin-left: 20px;
    max-width: 280px !important;
    width: 280px !important;
    background-color: rgb(250, 255, 189);
    box-shadow: 5px 5px #BCBCBE;
    color: #442256;
    text-align: left !important;
}

.tooltip-arrow {
    display: none !important;
}

.right-header-field {
    float: right;
}

@media (min-width: 768px) {
    .menu-link {
        width: 100%;
    }
    .footer-social-roi {
        margin-top: 185px;
    }
}

footer.row {
    margin-top: 20px;
    padding-top: 20px;
}

.park-home footer.row {
    margin-top: 0;
    padding-top: 40px;
}

@media (max-width:1199px) {
    #deepfooter {
        margin: 0 auto;
    }
}

#leftandwrapper.row {
    margin: 0 auto;
    max-width: 1230px;
}

@media ( max-width: 1023px) AND (min-width:720px) {
    #deepfooter .col-xs-12.col-sm-2 {
        width: 16.6667%;
    }
    #deepfooter .col-sm-12.visible-sm {
        display: none !important;
    }
    #deepfooter .col-xs-12.visible-xs {
        display: none !important;
    }
}

@media ( max-width: 1023px) AND (min-width:720px) {
    #deepfooter .col-xs-12.col-sm-2 {
        width: 16.6667%;
    }
    #deepfooter .col-sm-12.visible-sm {
        display: none !important;
    }
    #deepfooter .col-xs-12.visible-xs {
        display: none !important;
    }
}

@media ( max-width: 719px) AND (min-width:568px) {
    .break-line-footer {
        display: block !important;
        width: 100% !important;
    }
}


/*popover country on top nav*/

.popover-content {
    background-color: #48065D;
}

.popover {
    border: none !important;
    border-radius: 0 !important;
    background-color: #48065D;
}

.popover span {
    color: #FFF;
}

.popover a:before {
    color: #FFF;
}

.popover li {
    margin-top: 10px;
    padding-left: 10px;
    width: 80px;
    height: 30px;
    border-bottom: 1px solid #8E4CA3;
    text-align: center;
}

.popover-content {
    padding: 0;
}

.popover a:hover {
    text-align: center;
    text-decoration: none;
}

.popover-content .list-unstyled {
    margin: 0 !important;
    padding: 0 !important;
    list-style: outside none none;
}

.popover.bottom .arrow:after {
    border-bottom-color: #48065D!important;
    color: #48065D;
}

.popover-content img {
    float: left;
}

.popover-deactive {
    opacity: 0.5;
}

.mt15 {
    margin-top: 15px;
}

.getting-started-mobile-image img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.getting-started-mobile-image a img {
    max-width: 300px;
    width: 100%;
}

.footer-link-img>img {
    margin-right: 10px;
    margin-left: 0;
}

@media( min-width: 1200px) {
    .footer-link-img>img {
        margin-right: 0;
        margin-left: 10px;
    }
    .park-bingo img {
        margin: 10px 0 0 15px;
    }
}

@media( min-width: 768px) and (max-width: 768px) {
    .footer-row-follow {
        margin-left: -26px;
        width: 20% !important;
    }
}

.footer-line {
    padding: 0 30px 0 0 !important;
    max-width: 1090px;
    width: 100% !important;
}

@media( max-width: 767px) {
    .footer-line {
        max-width: 1030px;
        width: 100% !important;
    }
}

.footer-payment {
    position: relative;
    width: 100% !important;
}

@media( min-width: 568px) {
    .footer-payment-secure-break-line {
        display: none !important;
    }
    .footer-payment-secure {
        margin: 0 auto;
        width: 602px;
    }
    .img-proud-member {
        margin-top: -2px;
        margin-left: 30px;
    }
    .img-pound-next {
        margin-left: 10px;
    }
    .footer-payment-payment {
        margin: 0 auto;
        margin-top: 20px;
        max-width: 100%;
        width: 638px;
    }
    .footer-payment-payment-park {
        width: 650px !important;
    }
    .footer-payment-payment-roi {
        width: 638px !important;
    }
    .secure-payment-text-mobile {
        display: none;
    }
}

.footer-payment-secure-text {
    margin: 0 auto;
    margin-top: 15px;
    max-width: 100%;
    width: 650px;
    text-align: center;
    font-size: 11px;
}

@media( max-width: 567px) {
    .footer-payment-secure-break-line {
        display: block !important;
        margin-left: -15px;
        width: 100%;
    }
    .img-secure {
        margin-left: -15px;
        width: 100%;
    }
    .footer-payment .img-proud-member {
        margin-right: 10px;
        margin-left: -15px;
        width: 80%;
    }
    .footer-payment .img-pound-next {
        width: 15%;
    }
    .footer-payment-secure-text {
        display: none;
    }
    .secure-payment-text-desktop {
        display: none;
    }
    .footer-payment-payment img {
        width: 25%;
        height: auto;
    }
    .footer-link {
        margin: 5px;
    }
    .footer-link-image-phone {
        margin-top: 15px;
    }
    .park-bingo-logo-phone {
        margin-top: 20px;
        margin-left: 15px;
    }
    .footer-payment-secure {
        margin-left: 15px;
    }
    .margin-left {
        margin-left: 15px;
    }
    footer.row {
        padding-top: 0;
    }
}

.park-bingo-logo-phone {
    margin-left: 15px;
}

.footer-payment-payment {
    font-weight: bold;
}

.secure-payment-text-desktop {
    float: left;
}

.footer-payment-payment>img {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 65px;
}

.secure-payment-text-desktop {
    height: 50px;
    line-height: 17px;
}

.secure-payment-text-mobile {
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 15px;
    width: 170px;
}

.img-find-out-title {
    float: right;
}

.find-out-more-title>h1 {
    float: left;
    margin-bottom: 0;
    font-size: 30px !important;
}

.find-out-more-title>h2 {
    float: left;
}

.find-out-more-title {
    margin-right: 15px;
    margin-left: 0;
    border-bottom: 1px solid #DDD;
}

.right-content-wrapper a {
    color: #C6297A;
    font-weight: 400;
}

@media (max-width:613px) {
    .find-out-more-title {
        margin-top: 0;
        margin-right: -15px;
        margin-left: -15px;
        padding-top: 20px;
        background: url('../images/pattern.jpg') repeat scroll 0 0;
    }
    .find-out-more-title>h2 {
        margin-left: 15px;
        color: #FFF !important;
    }
    .find-out-more-title>h1 {
        margin-left: 15px;
        color: #FFF !important;
    }
}

@media (max-width:359px) {
    .img-find-out-title {
        float: right;
        margin-top: 10px;
        width: 100px;
    }
}

.rightcol-promise h1 {
    margin: 0 !important;
    font-size: 20px !important;
}

.right-content-wrapper .rightcol-promise h2 {
    margin: 0;
    font-size: 20px;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .right-content-wrapper .rightcol-promise h2 {
        margin: 10px 0;
        font-size: 18px;
        line-height: 24px;
    }
}

.rightcol-promise {
    margin-top: 15px;
    padding-left: 12px;
    border: 2px dashed #AD5AC6;
    border-radius: 5px;
}

.rightcol-promise .glyphicon {
    float: left;
    margin-top: 2px;
    margin-right: 7px;
    margin-left: 0;
    color: #28A800;
}

.rightcol-promise>p {
    margin-left: 21px;
}

.established-icon {
    display: block;
    margin: -2px auto 0;
    width: unset !important;
}

.welcome-to-park-content .welcome-big-content {
    font-size: 21px !important;
}

.welcome-to-park-content>img {
    margin-top: 20px;
}

.welcome-to-park-testimonial .welcome-big-comment {
    overflow: hidden;
    padding: 20px 0 0 10px;
    color: #818181;
    font-weight: 400;
    font-style: italic;
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif;
}

.welcome-to-park-testimonial .welcome-small-comment {
    margin: 10px 0;
    font-style: italic;
}

@media (min-width:400px) {
    .welcome-to-park-content>img {
        float: left;
        margin-top: 25px;
    }
    .welcome-to-park-testimonial .welcome-small-content {
        margin: 20px 0 0 20px;
    }
    .welcome-to-park-testimonial-open {
        float: left;
    }
    .image-signature {
        width: 30%;
        height: auto;
    }
}

.welcome-signature-name {
    margin: 5px 0 0;
    color: #000 !important;
    font-weight: bold !important;
    font-style: italic;
}

.signature-customer-care {
    margin: 15px 0;
}

@media (max-width:399px) {
    .welcome-signature-name {
        display: inline-block;
        margin-top: 10px;
    }
    .welcome-to-park-testimonial .welcome-small-content {
        margin-top: -25px !important;
    }
    .img-customer {
        margin-top: 0;
    }
    .welcome-big-comment {
        margin-top: -20px;
        padding: 0 !important;
    }
}

.welcome-big-content-break-line hr {
    border-color: #CFCFCF !important;
}

.welcome-to-park-testimonial .welcome-small-content {
    font-style: italic;
}

.welcome-to-park-testimonial {
    margin-bottom: 10px;
}

.welcome-to-park-testimonial-open {
    margin-top: 15px !important;
    font-weight: bold !important;
    font-style: italic;
    font-size: 30px !important;
}

.basket_right,
.basket_moreinfo {
    padding-top: 15px;
    padding-bottom: 15px;
}

div.basket_right div.basket_moreinfo {
    background-color: #F2DFFF;
}

.customer-testimonial-title {
    color: #3E0451;
    font-style: unset !important;
    font-size: 20px;
}

.welcome-small-content i {
    color: #3E0451;
    line-height: 40px;
}

.welcome-to-park-content.welcome-to-park-testimonial {
    padding-top: 15px;
    border-top: 1px solid #DDD;
}

.cookies-wrapper {
    z-index: 99;
    display: none;
}

#btn-fullrange-mobile,
#btn-bestsellers-mobile {
    margin: 10px 0 0 32px;
    min-width: 150px;
    width: 220px;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width:1023px) {
    .find-out-more-new {
        display: none !important;
    }
    .get-started-new {
        display: none !important;
    }
    #gsc-search-container {
        margin: 0;
        width: 100%;
    }
    .go-to-basket-nav {
        margin-top: -6px;
    }
    .navbar-nav {
        display: flex !important;
        flex-wrap: wrap;
    }
    .nav-item {
        width: 100%;
    }
    .nav-item-search {
        order: -1;
        border-bottom: 0;
    }
}

@media (min-width:1024px) {
    .hidden-desktop {
        display: none;
    }
    .quick-sign-up-new {
        display: none !important;
    }
    .best-seller-new {
        display: none !important;
    }
    .request-catalogue-new {
        display: none !important;
    }
}


/** Breadcrumb for create account flow **/

.account-pg-bar.btn-breadcrumb {
    margin-bottom: 15px;
    width: 100%;
}

.account-pg-bar.btn-breadcrumb .btn:not(:last-child):after {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 3;
    display: block;
    margin-top: -26px;
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 10px solid #48065D;
    content: ' ';
}

.account-pg-bar.btn-breadcrumb .btn:not(:last-child):before {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 3;
    display: block;
    margin-top: -26px;
    margin-left: 1px;
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 10px solid #48065D;
    content: ' ';
}

.account-pg-bar.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
    width: 50%;
    color: #90739F;
    text-align: left;
    font-weight: bold;
    font-size: 21px;
    font-family: 'Montserratt', Arial, Helvetica, sans-serif;
    cursor: default;
}

.account-pg-bar.btn-breadcrumb .active {
    color: #FFF !important;
}

.account-pg-bar.btn-breadcrumb .badge {
    padding: 5px 7px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #794995;
    font-size: 20px;
    font-family: 'Montserratt', Arial, Helvetica, sans-serif;
}

.account-pg-bar.btn-breadcrumb .active .badge {
    background-color: #6D387E !important;
}

.account-pg-bar.btn-breadcrumb .btn:first-child {
    padding: 9px 6px 9px 10px;
    border-color: transparent;
    background-color: #48065D;
}

.account-pg-bar.btn-breadcrumb .btn:last-child {
    padding: 9px 18px 9px 24px;
    border-color: transparent;
    background-color: #591C7B;
}

.account-pg-bar.btn-breadcrumb .btn:not(:last-child) {
    z-index: 19;
}

.account-pg-bar.btn-breadcrumb .btn:last-child:hover,
.account-pg-bar.btn-breadcrumb .btn:last-child:focus {
    z-index: 1;
}

@media (max-width: 767px) {
    .account-pg-bar.btn-breadcrumb .btn {
        width: 100%;
    }
    .account-pg-bar.btn-breadcrumb {
        margin-bottom: 2px;
    }
    .account-pg-bar.btn-breadcrumb .btn:first-child {
        padding: 6px;
    }
    .account-pg-bar.account-pg-bar.btn-breadcrumb .btn:last-child {
        padding: 6px;
    }
    .account-pg-bar.btn-breadcrumb .btn {
        font-size: 19px;
    }
    .account-pg-bar.btn-breadcrumb .btn {
        font-size: 18px;
    }
    .footer-link-image-phone {
        margin-top: 15px;
    }
}


/* ! Outline should not be removed unless focus state is then provided */


/* .outline-none {
  outline: none !important;
} */

#top-nav-right-mobile-customer {
    display: none;
}

.footer-terms__message {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .display-flex {
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .visible-992-to-1023 {
        display: block !important;
    }
}

#hamper {
    width: 80%;
}

#hamper tr:nth-child(even) {
    background-color: #F2F2F2;
}

#hamper tr.title {
    background-color: #8341BC;
    color: #FFF;
}

#hamper td {
    padding: 8px;
    border: 1px solid #DDD;
}

#hamper td p {
    margin: 0;
}

.navigation__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.progress__step-container {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.progress__step-container:not(.active) .progress__step {
    opacity: 0.6;
}

.navigation__progress {
    margin-bottom: 20px;
    border: 1px solid #600070;
}

.progress__step {
    position: relative;
    z-index: 9;
    padding: 10px;
    padding-right: 2px;
    padding-left: 4px;
    border: 0;
    font-size: 14px;
    font-family: 'Montserratt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.progress__step-container:not(:first-child) .progress__step {
    padding-left: 15px;
}

.progress__step-container.active .progress__step {
    background: #600070;
    color: #FFF;
}

.progress__step-container .arrow__wrapper {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    z-index: 10;
    width: 20px;
    height: 100%;
}

.progress__step-container .arrow__wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    fill: #FFF;
    stroke: #600070;
    stroke-width: 2px;
}

.progress__step-container.active .arrow__wrapper svg {
    fill: #600070;
}

.progress__step-container:last-child .arrow__wrapper {
    display: none;
}

.progress__step-container .step__circle {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #600070;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.progress__step-container.active .step__circle {
    background: #FFF;
    color: #600070;
}

.progress__step-container .step__heading {
    display: block;
    text-align: center;
}

@media screen and (min-width: 360px) {
    .progress__step-container .step__circle {
        display: inline-block;
        margin: 0;
        margin-right: 5px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .progress__step-container .step__heading {
        display: inline-block;
    }
    .progress__step {
        font-size: 11px;
    }
}

@media screen and (min-width: 540px) {
    .progress__step-container .step__circle {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
    }
    .progress__step-container .step__heading {
        display: inline-block;
    }
    .progress__step {
        padding-left: 10px;
        font-size: 18px;
    }
    .progress__step-container:not(:first-child) .progress__step {
        padding-left: 20px;
    }
}

#account-nav-mobile {
    margin-top: 10px;
    margin-bottom: 10px;
}

#select-catalogue-bar {
    display: none;
    margin-bottom: 5px;
    padding: 5px 15px;
}

@media (min-width: 768px) {
    #select-catalogue-bar {
        /* border-bottom: 1px solid #ccc; */
        margin-bottom: 15px;
        background: #FFF;
        /* background: #55277314; */
        background-color: rgba(85, 39, 115, 0.05);
        /* Main purple #552773 opaque by 50%*/
    }
}

#select-catalogue-bar .catalogue-bar {
    display: flex;
    overflow: auto;
    margin: 3px auto;
    max-width: 1024px;
}

.catalogue-bar__text {
    /* flex-grow: 1; */
    padding-right: 15px;
}

.catalogue-bar__btn {
    color: #C6297A;
    text-decoration: underline;
    font-weight: 600;
}

.select-catalogue-msg {
    text-align: center;
    font-size: 16px;
}

#select-catalogue-modal .year-and-customer {
    display: none;
}

@media screen and (max-width: 767px) {
    #select-catalogue-modal .block-bottons div {
        padding-right: 5px;
        padding-left: 5px;
    }
    #select-catalogue-modal .btn {
        font-size: 12px;
    }
}

#select-catalogue-modal .btn {
    width: 100%;
    font-weight: bold;
}

#fail-product-cdd-modal .modal-header {
    color: #3E0451;
}

#fail-product-cdd-modal .modal-body {
    text-align: center;
}

#fail-product-cdd-modal .modal-body .btn {
    font-weight: bold;
}

#fail-product-cdd-modal .modal-body p {
    color: #818181;
}

.text-red {
    color: red;
}

.inner3-text {
    position: absolute;
    bottom: -87px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
}

.inner3-text-roi {
    position: absolute;
    bottom: -80px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
}

@media screen and (max-width: 374px) {
    .inner3-text-roi {
        bottom: -80px;
        font-size: 24px;
    }
}

.btn.btn-dark,
.btn.btn-dark[disabled='true'] {
    border-color: #171A1D;
    background-color: #1D2124;
    color: #FFF;
}


/*Start catalogue 2019*/

#meatwrapper {
    margin-top: 20px;
    padding: 20px 20px 12px 20px;
    max-width: 800px;
    width: 100%;
    height: auto;
    background-color: #8341BC;
}

p.meat-leaflet-left {
    padding-top: 1rem;
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.whitebtn {
    font-size: 16px;
}

.whitebtn .glyphicon {
    font-size: 13px;
}

.how-love2shop-title .yourchoice-charge-percentage {
    position: relative;
    top: 0;
    display: block;
    margin-top: 4px;
}

.cta-basket:focus~.basket-hover.table,
.cta-basket:focus~.basket-hover-header {
    display: block !important;
}

.trustpilot-widget {
    clear: both;
}

@media only screen and (max-width: 600px) {
    .whitebtn {
        margin-bottom: 20px;
    }
    p.meat-leaflet-left {
        font-size: 16px;
        line-height: 25px;
    }
}

#leftmenu:after {
    display: table;
    clear: both;
    content: '';
}

#leftmenu .left-second-menu {
    padding: 4px 0 0 20px;
}

.menu-title {
    padding-bottom: 8px;
    border-bottom: 1px solid #3E0451;
    color: #3E0451;
    font-weight: 700;
    font-size: 16px;
}

#leftnav ul li a {
    color: #736C77;
    text-decoration: none;
}

#leftnav ul li a:hover {
    text-decoration: underline;
}

#leftnav li {
    padding: 5px 0;
}

#leftnav ul {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    height: 100%;
    background-color: #FFF;
    list-style-type: none;
}

#leftmenu h2 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #3D0054;
    color: #3D0054;
    font-weight: 600;
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .no-padding-desktop {
        padding: 0;
    }
}


/*End catalogue 2019*/


/*Begin Leagal Stuff*/

.legal-stuff-container {
    margin-bottom: 1em;
    padding: 0 0 1em 0;
}

.legal-stuff-container ul {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-top: solid #A9A9A9;
    list-style: none;
}

.legal-stuff-container li {
    margin: 0;
    border-width: 1px;
    border-bottom: solid #A9A9A9;
}

.legal-stuff-container li a {
    display: block;
    padding: 15px 15px 15px 0.5em;
    width: 100%;
    border-right: 10px;
    border-left: 10px;
    color: #696969;
    text-decoration: none;
}

.legal-stuff-container li a span {
    float: right;
}

.easy-sign-up {
    display: none;
    padding-top: 40px;
    border-bottom: none !important;
}

.button__action {
    padding: 10px;
    border: 0;
    border-radius: 7px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.button__action--yellow:hover {
    border: 0;
    background: #F97B10;
}

@media only screen and (max-width: 600px) {
    .footer-img-svg {
        max-height: 31px;
    }
    .footer-payment-payment-park {
        margin-left: 15px;
    }
}


/*End Legal Staff*/

.title-1 {
    font-size: 2.2rem !important;
}

@media only screen and (min-width: 600px) {
    .title-1 {
        font-size: 2.8rem !important;
    }
}

.testimonials-video {
    margin-bottom: 2rem;
}

.btn.btn-password {
    padding: 6px 12px;
}

.full-width {
    width: 100%;
}

@media (min-width: 769px) {
    .no-padding-bottom {
        padding-bottom: 0 !important;
    }
}


/* Helpers - NEED MOVING to end of css */

.flex {
    display: -ms-flexbox;
    display: flex;
}

.flex--row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex--column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex--align--center {
    align-items: center;
    -ms-flex-align: center;
}

.flex--align--start {
    align-items: flex-start;
    -ms-flex-align: start;
}

.flex--align--end {
    align-items: flex-end;
    -ms-flex-align: end;
}

.flex--justify--center {
    -ms-flex-pack: center;
    justify-content: center;
}

.flex--justify--between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex--justify--evenly {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex--justify--start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex--justify--end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex--nowrap {
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
}

.flex--evenly {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex--evenly>* {
    margin-bottom: 8px;
    width: 100%;
}

.flex--evenly>*:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 540px) {
    .flex--evenly {
        flex-wrap: nowrap;
    }
    .flex--evenly>* {
        margin: 0 8px;
    }
    .flex--evenly> :first-of-type {
        margin-left: 0;
    }
    .flex--evenly> :last-of-type {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .flex--768-up {
        display: flex !important;
    }
    .flex--row-768-up {
        flex-direction: row !important;
    }
    .flex--column-768-up {
        flex-direction: column !important;
    }
}


/* Helpers - padding */

.padding--none {
    padding: 0 !important;
}

.no-padding--top,
.padding-top--none {
    padding-top: 0 !important;
}

.no-padding--right,
.padding-right--none {
    padding-right: 0 !important;
}

.no-padding--bottom,
.padding-bottom--none {
    padding-bottom: 0 !important;
}

.no-padding--left,
.padding-left--none {
    padding-left: 0 !important;
}


/* Helpers - margin */

.margin {
    margin: 20px !important;
}

.margin-top {
    margin-top: 20px !important;
}

.margin-right {
    margin-right: 20px !important;
}

.margin-bottom {
    margin-bottom: 20px !important;
}

.margin-left {
    margin-left: 20px !important;
}

.margin-top--small {
    margin-top: 10px !important;
}

.margin-right--small {
    margin-right: 10px !important;
}

.margin-bottom--small {
    margin-bottom: 10px !important;
}

.margin-left--small {
    margin-left: 10px !important;
}

.margin--tiny {
    margin: 5px;
}

.padding--tiny {
    padding: 5px;
}

.margin-top--tiny {
    margin-top: 5px;
}

.margin-right--tiny {
    margin-right: 5px;
}

.margin-bottom--tiny {
    margin-bottom: 5px;
}

.margin-left--tiny {
    margin-left: 5px;
}

.margin--none {
    margin: 0 !important;
}

.no-margin--top,
.margin-top--none {
    margin-top: 0 !important;
}

.no-margin--right,
.margin-right--none {
    margin-right: 0 !important;
}

.no-margin--bottom,
.margin-bottom--none {
    margin-bottom: 0 !important;
}

.no-margin--left,
.margin-left--none {
    margin-left: 0 !important;
}

.margin-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}


/***********************
  FORMS
*/

.select-css {
    display: block;
    box-sizing: border-box;
    margin: 0;
    min-height: 20px;
    max-width: 100%;
    width: 100%;
    /* TODO: add modifyer to increase width? */
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
	*/
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
    font-size: 16px;
    line-height: 1.25;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form select.select-css,
.form select {
    min-height: 40px;
}

.select-css::-ms-expand {
    display: none;
}


/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */

.select-css option {
    font-weight: normal;
}

*[dir='rtl'] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
    padding: 0.6em 0.8em 0.5em 1.4em;
    background-position: left 0.7em top 50%, 0 0;
}


/*--------------------------------
 * Select-css overrides
--------------------------------*/


/*
 * Adjust styles from original select-css to match Agency brand
*/

.select-css {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23d1368c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    color: #444;
    font-weight: 400;
}

.select-css:hover {
    border-color: #BDBDBD;
}

.select-css:focus {
    /* outline: inherit; */
    box-shadow: none;
}

.select-css:disabled,
.select-css[aria-disabled=true] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ababab%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #EBEBEB 0%, #EBEBEB 100%);
    background-position: right 0.7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
    cursor: default;
}

.select-css option {
    font-weight: 400;
}

.form {
    /* font-size: 16px; */
    font-family: 'Montserrat', sans-serif;
}


/* 
.form p.form-guidance {
  font-size: 14px;
} */

.form h2 {
    color: #552773;
    font-weight: 600;
    font-size: 24px;
}

.form--center {
    margin-right: auto;
    margin-left: auto;
}

.form__section {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.form__section:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #EBEBEB;
    content: '';
}

.form__section.no-form-divider:after {
    content: none;
}

.form fieldset {
    padding: 0;
    border: none;
}

.form input,
.form select,
.form textarea {
    padding: 10px;
    border: 2px solid #BDBDBD;
    border-radius: 4px;
    box-shadow: none;
    color: #444;
    font: inherit;
    resize: none;
}

.form input~button,
.form select~button,
.form textarea~button {
    margin-top: 10px;
}

@media all and (-ms-high-contrast: none) {
    .form input::-ms-clear,
    .form select::-ms-clear,
    .form textarea::-ms-clear {
        display: none;
    }
}

@supports (-ms-ime-align: auto) {
    .form input::-ms-clear,
    .form select::-ms-clear,
    .form textarea::-ms-clear {
        display: none;
    }
}

.form input:disabled,
.form input[aria-disabled=true],
.form select:disabled,
.form select[aria-disabled=true],
.form textarea:disabled,
.form textarea[aria-disabled=true] {
    border-color: #DEDEDE !important;
    background-color: #EBEBEB;
    color: #9F9F9F;
    opacity: 0.65;
    cursor: default;
}

.form-control:focus {
    outline: 3px solid #3497DB;
    outline-offset: -2px;
    opacity: 1;
    box-shadow: none;
}

@media all and (-ms-high-contrast: none) {
    .form input[type='password']::ms-reveal {
        display: none;
    }
}

@supports (-ms-ime-align: auto) {
    .form input[type='password']::ms-reveal {
        display: none;
    }
}

.form input,
.form select {
    padding-right: 30px;
    line-height: 1.25;
}

.form.form--no-validation input {
    padding-right: 10px;
}

.form__input-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form__input-wrapper--condensed {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form label,
.form legend,
.form *.label-style {
    display: block;
    margin-top: 0;
    margin-bottom: 5px;
    border-bottom: none;
    color: #444;
    font-weight: 600;
    font-size: 15px;
}

.form .inline-selects {
    display: -ms-flexbox;
    display: flex;
}

.form .inline-selects>select {
    flex-grow: 1;
    margin-right: 5px;
}

.form .inline-selects>select:last-child {
    margin-right: 0;
}


/****************************
  Custom Checkbox
*/

.checkbox-wrapper {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkbox-wrapper[class^='bg--'] {
    padding: 10px;
}

.checkbox-wrapper label {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 0;
    width: 100%;
    color: #444;
    font-weight: 400;
}

.checkbox-wrapper input[type='checkbox'] {
    position: absolute;
    box-sizing: border-box;
    padding: 0;
    min-height: auto;
    width: auto;
    height: auto;
    border: none;
    opacity: 0;
}

.checkbox-wrapper input[type='checkbox']:focus~.faux-checkbox {
    outline: 3px solid #3497db;
    outline-offset: 1px;
    opacity: 1;
    outline-offset: -2px;
}

.checkbox-wrapper input[type='checkbox']:checked+span {
    border-color: #A21059;
    background: #D11473;
}

.checkbox-wrapper input[type='checkbox']:checked+span:after {
    opacity: 1;
}

.checkbox-wrapper .faux-checkbox {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid #BDBDBD;
    border-radius: 4px;
    background: #FFF;
    transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease, opacity 0.2s ease;
}

.checkbox-wrapper .faux-checkbox::after,
.checkbox-wrapper span::after {
    position: absolute;
    top: 25%;
    left: 50%;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #FFF;
    border-left: 2px solid #FFF;
    content: '';
    opacity: 0;
    transform: rotate(-45deg) translate(-50%, -50%);
}

ul.password-requirements {
    margin-bottom: 20px;
    padding-left: 1.75em;
    list-style: none;
}

.password-requirements__requirement {
    position: relative;
}

.password-requirements__requirement:before {
    position: absolute;
    left: -1.75em;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    border: 1px solid #736C77;
    border-radius: 50%;
    content: ' ';
}

.password-requirements__requirement--valid {
    color: #078942;
}

.password-requirements__requirement--valid:before {
    border-color: #078942;
}

.password-requirements__requirement--valid:after {
    position: absolute;
    top: 0.2em;
    left: calc(-1.75em + 0.2em);
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' aria-hidden=\'true\' viewBox=\'0 0 16 16\'%3E%3Cg fill=\'none\' stroke=\'%23078942\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\'%3E%3Cpath d=\'M5.97 13.52l-3.34-3.34M6 13.55l7.37-11.1\'/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    content: ' ';
}

.password-requirements__requirement--invalid {
    color: #BB074B;
}

.password-requirements__requirement--invalid:before {
    border-color: #BB074B;
}

.password-requirements__requirement--invalid:after {
    background-image: none;
}

#pwd-input {
    background-image: none !important;
}

input:not([type='radio']).invalid,
select.invalid {
    border-color: #BB074B;
}

input:not([type='radio']).valid,
select.valid {
    border-color: #078942;
}

input:not([type='radio']) {
    background-position: bottom 0.5em right 0.4em;
    background-size: 1.5em;
    background-repeat: no-repeat;
}

input:not([type='radio']).invalid {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' aria-hidden=\'true\' viewBox=\'0 0 16 16\'%3E%3Cg fill=\'none\' stroke=\'%23BB074B\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'7\' stroke-miterlimit=\'10\'/%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M4.78 4.78l6.44 6.44M4.78 11.22l6.44-6.44\'/%3E%3C/g%3E%3C/svg%3E');
}

input:not([type='radio']).valid {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' aria-hidden=\'true\' viewBox=\'0 0 16 16\'%3E%3Cg fill=\'none\' stroke=\'%23078942\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'7\' stroke-miterlimit=\'10\'/%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M6.77 11.34L4.75 9.32M6.79 11.36l4.46-6.72\'/%3E%3C/g%3E%3C/svg%3E');
}

#dobfields select:last-child {
    flex-grow: 2;
}

#show-hide-toggle {
    position: absolute;
    right: 30px;
    bottom: 15px;
    color: #D11473;
    text-decoration: underline;
    font-size: 13px;
}

@media (min-width: 480px) {
    #addresssearch {
        position: relative;
        padding-left: 30px;
        background-image: url('data:image/svg+xml,%3Csvg height=\'35\' width=\'35\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M14.63,13.5,12,10.83A6.07,6.07,0,1,0,7.2,13.15a6,6,0,0,0,3.47-1.1l2.7,2.7A.85.85,0,0,0,14,15a.89.89,0,0,0,.63-1.51ZM2.87,7.08A4.33,4.33,0,1,1,7.2,11.4,4.34,4.34,0,0,1,2.87,7.08Z\' style=\'fill:%23bdbdbd\'/%3E%3C/svg%3E');
        background-position: 0.5em;
        background-size: 1em;
        background-repeat: no-repeat;
    }
    #addresssearch:active,
    #addresssearch:focus {
        padding-left: 10px;
        background-image: none;
    }
}

#foundAddressWrapper {
    margin-top: 5px;
    padding: 10px;
    background: #F9F9F9;
}

#foundAddressWrapper p {
    line-height: 1.25;
}

.bootstrap-select .btn {
    display: -ms-flex;
    display: flex;
    border: 2px solid #EBEBEB;
    /* var ui-grey */
    border-radius: 4px;
}

.dropdown-menu>.dropdown-menu a.opt {
    padding-left: 15px;
    white-space: normal;
}

.dropdown-menu>.dropdown-menu a.opt:focus {
    outline-offset: -0.2em;
}


/*--------------------------------
 * Media Item
--------------------------------*/

.media-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -ms-flex-align: start;
}

.media-item--padding {
    padding: 10px;
}

.media-item__icon {
    margin-right: 10px;
}

.media-item__content {
    flex-grow: 1;
}

.media-item__dismiss {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 5px;
}


/*--------------------------------
 * Link Rules
--------------------------------*/


/* a.bold-focus:focus,
.link.bold-focus:focus {
  outline: 3px solid #3497DB;
  outline-offset: 1px;
  opacity: 1;
} */

a:focus,
.link:focus {
    outline: 1px dotted currentColor;
    outline-offset: 2px;
    opacity: 1;
}

a:hover,
.link:hover {
    opacity: 0.85;
}

a:active,
.link:active {
    outline: none !important;
    color: #552773;
}


/* TODO: Review link styles! */

a,
.link {
    color: #D1368C;
    font-weight: 400;
    cursor: pointer;
}

li a,
p a {
    text-decoration: underline;
}

.nav li a {
    text-decoration: none;
}

.link--has-icon {
    text-decoration: none;
}

.link--has-icon .link--has-icon__icon {
    margin-left: 5px;
}

.link--has-icon .link--has-icon__icon--left {
    margin-right: 5px;
    margin-left: 0;
}

.link--has-icon:hover {
    text-decoration: underline;
}

.link.purple {
    color: #552773;
}

.link.purple:hover {
    opacity: 0.85;
}

.link.purple:active {
    color: #D1368C;
}

.link:hover {
    opacity: 0.85;
}

.link:active {
    color: #552773;
}

button.link {
    text-align: left;
}


/*--------------------------------
 * Buttons
--------------------------------*/


/* button.bold-focus:focus,
input.bold-focus:focus {
  outline: 4px solid #3497db;
  outline-offset: 2px;
  opacity: 1;
} */

.button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.75em 1em;
    border: 0;
    border-radius: 3em;
    box-shadow: none;
    text-decoration: none;
    white-space: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease, opacity 0.2s ease;
    touch-action: manipulation;
    cursor: default;
}

.button:hover {
    opacity: 0.85;
}

.button:active {
    outline: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button:focus {
    outline: none;
}

.button:focus:after {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    display: block;
    border: 2px dotted #D11473;
    border-radius: 3em;
    content: '';
}

.button:focus:active:after {
    border: 0;
}

.button--primary {
    background: #D1368C;
    color: #FFF;
}

.button--primary:hover {
    border-color: transparent !important;
    background: #D1368C !important;
    color: #FFF !important;
    opacity: 0.85;
}

.button--primary:active {
    background: #C12C7F;
}

.button--secondary {
    background: #FC0;
    color: #552773;
}

.button--secondary:focus:after {
    border-color: #9954c5;
}

.button--secondary:hover {
    border-color: transparent !important;
    background: #FC0 !important;
    color: #552773 !important;
    opacity: 0.85;
}

.button--secondary:active {
    border-color: transparent !important;
    background: #FC0 !important;
    color: #552773 !important;
}

.button--link-style {
    padding: 0;
    background: transparent;
    color: #D1368C;
    text-align: left;
    text-decoration: underline;
    font-weight: 400;
}

.button--link-style:active {
    box-shadow: none;
}

.button--link-style:focus {
    outline: 1px dotted currentColor;
    outline-offset: 2px;
    opacity: 1;
}

.button--link-style:focus:after {
    border: 0;
}

.button--link-style.purple {
    color: #552773;
}

.button--link-style.purple:active {
    color: #D1368C;
    box-shadow: none;
}

.button--no-radius,
.button--no-radius:focus:after {
    border-radius: 0;
}

.button--flex {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
}

.button--inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    -ms-flex-align: center;
}

.button--full-width {
    width: 100%;
}

.button--small {
    font-size: 13px;
}

.button--large {
    font-size: 20px;
}

.button--tight {
    padding: 0.4em 0.75em;
}

.button__icon {
    width: 1.25em;
}

.button__icon--right {
    margin-left: 5px;
}

.button__icon--left {
    margin-right: 5px;
}

.button[disabled],
.button[disabled]:hover,
.button.inactive,
.button.inactive:hover,
.button[disabled]>*,
.button.inactive>* {
    opacity: 0.65 !important;
    background-color: #ebebeb !important;
    color: #9f9f9f !important;
}

.button[disabled]:active,
.button[disabled]:hover:active,
.button.inactive:active,
.button.inactive:hover:active,
.button[disabled]>*:active,
.button.inactive>*:active {
    box-shadow: none;
}


/* Simple-footer scoped component in master */

.container-fluid .c-simple-footer {
    margin-right: -15px;
    margin-left: -15px;
}

.c-simple-footer {
    padding: 0;
    background: #552773;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
}

.c-simple-footer__inner {
    margin: 0 auto;
    padding: 20px;
    max-width: calc(768px + 40px);
    width: 100%;
}

.c-simple-footer .inner__section {
    padding: 20px 0;
}

.c-simple-footer__grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -20px;
}

.c-simple-footer__grid>* {
    padding: 20px;
}

.c-simple-footer__grid--small {
    margin: -10px;
}

.c-simple-footer__grid--small>* {
    padding: 10px;
}

.c-simple-footer__grid--600 {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(600px + 30px);
}

.c-simple-footer .one-whole {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.c-simple-footer .one-quarter {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

@media (min-width: 480px) {
    .c-simple-footer .one-fifth--small-up {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 480px) {
    .c-simple-footer .one-half--small-up {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .c-simple-footer .one-eighth--medium-up {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%;
    }
}

.c-simple-footer__main-text {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 14px;
}

.c-simple-footer__main-text:last-of-type,
.c-simple-footer__main-text p:last-of-type {
    margin-bottom: 0;
}

.c-simple-footer__payment-images {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.c-simple-footer a,
.c-simple-footer .link {
    color: white;
    text-decoration: underline;
}

.c-simple-footer a:hover,
.c-simple-footer .link:hover {
    opacity: 0.85;
}

.c-simple-footer a:active,
.c-simple-footer .link:active {
    color: #F2C7DF;
}

.c-simple-footer--terms {
    background: #FFF;
    color: #736C77;
    text-align: left;
    font-size: 13px;
    line-height: 1.6875;
}

.c-simple-footer--terms a,
.c-simple-footer--terms .link {
    color: #D1368C;
    color: #736C77;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}

.c-simple-footer--terms a:hover,
.c-simple-footer--terms .link:hover {
    color: #736C77;
    opacity: 0.85;
}

.c-simple-footer--terms a:active,
.c-simple-footer--terms .link:active {
    color: #66606A;
}

.c-simple-footer--terms a:focus,
.c-simple-footer--terms .link:focus {
    outline: 1px dotted currentColor;
    outline-offset: 2px;
    color: #736C77;
    text-decoration: underline;
    opacity: 1;
}


/*COOKIES Sticky Banner*/

.sticky-banner__div {
    background-color: #333;
    border: 0;
    padding: 15px;
    margin: 0;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    bottom: 0;
}

.page-width {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1024px;
    width: 100%;
}

.sticky-banner__div p {
    color: white;
    padding-top: 10px;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.sticky-banner__div a {
    color: #0af;
    text-decoration: none;
}


/* Focus styles - global */

input:focus,
select:focus,
textarea:focus {
    outline: 3px solid #3497db;
    outline-offset: -2px;
    opacity: 1;
    box-shadow: none;
}

input:active,
select:active,
textarea:active {
    outline: none !important;
}


/*--------------------------------
 * Typography Rules
--------------------------------*/

html,
body {
    color: #333333;
    font-family: "Montserrat", sans-serif;
    line-height: 1.6875;
}

p {
    margin: 0 0 1em 0;
}

p:last-of-type {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    color: #3E0451;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 1.25;
}

h1,
.size-h1 {
    font-size: 34px;
}

h2,
.size-h2 {
    font-size: 28px;
}

h3,
.size-h3 {
    font-size: 24px;
}

h4,
.size-h4 {
    font-size: 20px;
}

h5,
.size-h5 {
    font-size: 18px;
}

h6,
.size-h6 {
    font-size: 15px;
}

small,
.size-smallprint,
.smallprint {
    font-size: 13px;
}

.size-kilo {
    font-size: 40px;
}

.size-14 {
    font-size: 14px;
}

.size-mega {
    font-size: 48px;
}

.size-giga {
    font-size: 56px;
}

.roi-banner {
    width: 100%;
    text-align: center;
    font-size: 130%;
    padding: 15px 30px;
    background: rgb(187, 7, 75);
    color: rgb(255, 255, 255);
}

.roi-banner a {
    text-decoration: underline;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

.border--small {
	border: 1px solid #D1D5DB;
}

.text-tangerine-yellow {
    color: #FFCC00;
}

.customer-order-banner {
	padding: 15px;
	text-align: right;
}

.btn-add-order {
    text-decoration: none;
    padding: 5px 10px;
	border-radius: 3em;
}

.ul-password-policy {
	list-style-type: disc;
	margin-top: 10px;
}