body {
    font-family: questaregular, quicksand, Calibri, sans-serif;
    font-size: 1em;
}

h1 {
    font-family: Calibri, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
}

h2 {
    font-size: 1.1em;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
}

h3 {
    font-size: 1.0em;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
}

h4 {
    font-size: 1.0em;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    padding-left: 18px;
}

p {
    padding-left: 10px;
    padding-right: 10px;
    color: #333333;
    font-size: 0.9em;
}
/*
ul {
    padding-left: 36px;
    padding-right: 24px;
    text-align: justify;
    color: #333333;
    font-size: 0.9em;
}*/

blockquote {
    padding-left: 24px;
    padding-right: 24px;
    text-align: justify;
    color: #333333;
    font-size: 0.9em;
}

.error_text {
    color: Red;
    font-weight: bold;
}

.image_link {
    border-width: 0px;
}

.reg_mark {
    font-size: 1.5em;
}

.menu-section {
    color: #333333;
}

.scp-seperator {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #5d5d5d;
    margin-bottom: 6px;
    margin-top: 6px;
}

.scp-seperator-0m {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #5d5d5d;
    margin-top:0;
    padding-top:0;
    line-height: 1px;
}
.mgg-light-seperator-0m {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #e9e5e5;
}

.scp-centre {
    text-align: center;
}

    .scp-centre img {
        text-align: center;
    }

.scp-centre-auto {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.scp-left {
    text-align: left;
}

.scp-right {
    text-align: right;
}
.scp-left-i {
    text-align: left !important;
}

.scp-right-i {
    text-align: right !important;
}
.scp-italics {
    font-style: italic;
}

.scp-bold {
    font-weight: bold;
}

.scp-small-centre {
    text-align: center;
    font-size: 0.8em;
}

.scp-map {
    width: 100%;
    height: 240px;
    border-width: 0px;
}

.scp-blue {
    color: #029cce;
}

    .scp-blue a {
        color: #029cce;
    }

.scp-input-75 {
    width: 75%;
}

    .scp-input-75 input[type=number] {
        width: 75%;
        color: red;
    }

.scp-error {
    font-size: 1.3em;
    color: red;
    font-weight: bold;
}

    .scp-error p {
        font-size: 1.3em;
        color: red;
        font-weight: bold;
    }

.scp-co-info {
    font-size: 0.8em;
    color: #333333;
    text-align: center;
}

    .scp-co-info p {
        font-size: 0.8em;
        color: #333333;
        text-align: center;
    }

.scp-padding-tb3 {
    padding-bottom: 3px;
    padding-top: 3px;
}

.scp-padding-b6 {
    padding-bottom: 6px;
}
.scp-padding-b12 {
    padding-bottom: 12px;
}

.scp-padding-l6 {
    padding-left: 6px;
}

.scp-padding-l0 {
    padding-left: 0px;
}

.scp-padding-l9 {
    padding-left: 9px;
}

.scp-padding-l12 {
    padding-left: 12px;
}
.scp-padding-l24 {
    padding-left: 24px;
}
.scp-padding-r6 {
    padding-right: 6px;
}
.scp-address p {
    padding-left:36px !important;
}
.scp-order-ok p {
    padding-left:24px !important;
}
.scp-padding-r12 {
    padding-right: 12px;
}

.scp-padding-tb12 {
    padding-bottom: 12px;
    padding-top: 12px;
}

.scp-padding-t18a {
    padding-top: 18px;
}

.scp-padding-t18 {
    padding-top: 24px;
}
.scp-padding-t18i {
    padding-top: 18px !important;
}
.scp-padding-t12 {
    padding-top: 12px;
}

.scp-padding-t9 {
    padding-top: 9px;
}

.scp-padding-t6 {
    padding-top: 6px;
}

.scp-hosting {
    text-align: right;
    font-size: 0.8em;
}

.scp-margin-12l {
    margin-left: 12px;
}

.scp-margin-12r {
    margin-right: 12px;
}

.scp-margin-12b {
    margin-bottom: 12px;
}

.scp-margin-0b {
    margin-bottom: 0px !important;
}
.scp-margin-2b {
    margin-bottom: 2px;
}
.scp-margin-4b {
    margin-bottom: 4px;
}
.scp-margin-0t {
    margin-top: 0px;
}
.scp-margin-6t {
    margin-top: 6px;
}
.scp-margin-9t {
    margin-top: 9px;
}
.scp-margin-12t {
    margin-top: 12px;
}
.scp-margin-18t {
    margin-top: 18px;
}
.scp-margin-20t {
    margin-top: 20px;
}
.scp-margin-24t {
    margin-top: 24px;
}

.scp-margin-36t {
    margin-top: 36px;
}
.scp-margin-12ti {
    margin-top: 12px !important;
}
.scp-margin-18ti {
    margin-top: 18px !important;
}
.scp-margin-24b {
    margin-bottom: 24px;
}

.scp-margin-30b {
    margin-bottom: 30px;
}

.scp-margin-36b {
    margin-bottom: 36px;
}

.scp-margin-12l {
    margin-left: 12px;
}

.scp-li li a {
    border-bottom: 3px solid white;
    text-align: center;
    background-image: none;
    padding-top: 12px;
}

    .scp-li li a:hover {
        border-bottom: 3px solid #f9d584;
        text-align: center;
        background-image: url(../images/heart.png);
        background-repeat: no-repeat;
        background-position: 50% 0%;
    }

.mgg-links {
    color: #868686;
    text-decoration: none;
}

    .mgg-links a {
        color: #868686;
        text-decoration: none;
    }

        .mgg-links a:hover {
            color: #f9d584;
            text-decoration: none;
        }

.mgg-links-plain {
    color: #5d5d5d;
    text-decoration: none;
}

    .mgg-links-plain a {
        color: #5d5d5d;
        text-decoration: none;
    }

        .mgg-links-plain a:hover {
            color: #5d5d5d;
            text-decoration: none !important;
        }

/* SCP Dropdowns */

.scp-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 400px;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 1.0rem;
    z-index: 89;
    margin-top: 3px;
    max-width: 400px;
}

    .scp-dropdown > *:first-child {
        margin-top: 0;
    }

    .scp-dropdown > *:last-child {
        margin-bottom: 0;
    }

    .scp-dropdown:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .scp-dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .scp-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .scp-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .scp-dropdown.drop-right {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 2px;
        max-width: 200px;
    }

        .scp-dropdown.drop-right > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown.drop-right > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown.drop-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .scp-dropdown.drop-right:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .scp-dropdown.drop-left {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: -2px;
        max-width: 200px;
    }

        .scp-dropdown.drop-left > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown.drop-left > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown.drop-left:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            right: -12px;
            left: auto;
            z-index: 89;
        }

        .scp-dropdown.drop-left:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            right: -14px;
            left: auto;
            z-index: 88;
        }

    .scp-dropdown.drop-top {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: -2px;
        margin-left: 0;
        max-width: 200px;
    }

        .scp-dropdown.drop-top > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown.drop-top > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown.drop-top:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -12px;
            left: 10px;
            right: auto;
            z-index: 89;
        }

        .scp-dropdown.drop-top:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -14px;
            left: 9px;
            right: auto;
            z-index: 88;
        }

    .scp-dropdown li {
        font-family: quicksand;
        /*text-transform: uppercase;*/
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 0.8rem;
        cursor: pointer;
        line-height: 1.125rem;
        margin-left: auto;
        margin-right: auto;
        border-bottom: thin solid #e0e0e0;
    }

        .scp-dropdown li a:hover, .scp-dropdown li:focus {
            font-family: quicksand;
            /*padding-top: 9px;
            padding-bottom: 9px;*/
            padding-left:6px;
            text-decoration: underline;
            color : black;
            font-size: 0.8rem;font-size: 0.8rem;
        }

        .scp-dropdown li.radius {
            border-radius: 3px;
        }

        .scp-dropdown li a {
            display: block;
            /*padding: 0.5rem;*/
            padding-left:6px;
            color: #555555;
            text-decoration: none;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
        }
        .scp-dropdown li.mgg {
            display: block;
            /*padding: 0.5rem;*/
            padding-left:6px;
            color: #555555;
            text-decoration: none;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
        }


        .scp-dropdown li h1 {
            display: block;
            padding-left: 0.5rem;
            padding-bottom: 0px;
            color: #555555;
            text-decoration: none;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            cursor: default;
        }

    .scp-dropdown.content {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        /*padding: 1.25rem;*/
        width: 200px;
        height: auto;
        max-height: none;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        max-width: 400px;
    }

        .scp-dropdown.content > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown.content > *:last-child {
            margin-bottom: 0;
        }

    .scp-dropdown.tiny {
        max-width: 200px;
    }

    .scp-dropdown.small {
        max-width: 300px;
    }

    .scp-dropdown.medium {
        max-width: 500px;
    }

    .scp-dropdown.large {
        max-width: 800px;
    }

    .scp-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .scp-dropdown.mega.open {
            left: 0 !important;
        }

.scp-sm-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 1.500rem;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px;
}

    .scp-sm-dropdown > *:first-child {
        margin-top: 0;
    }

    .scp-sm-dropdown > *:last-child {
        margin-bottom: 0;
    }

    .scp-sm-dropdown:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .scp-sm-dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .scp-sm-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .scp-sm-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .scp-sm-dropdown.drop-right {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 2px;
        max-width: 200px;
    }

        .scp-sm-dropdown.drop-right > *:first-child {
            margin-top: 0;
        }

        .scp-sm-dropdown.drop-right > *:last-child {
            margin-bottom: 0;
        }

        .scp-sm-dropdown.drop-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .scp-sm-dropdown.drop-right:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .scp-sm-dropdown.drop-left {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: -2px;
        max-width: 200px;
    }

        .scp-sm-dropdown.drop-left > *:first-child {
            margin-top: 0;
        }

        .scp-sm-dropdown.drop-left > *:last-child {
            margin-bottom: 0;
        }

        .scp-sm-dropdown.drop-left:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            right: -12px;
            left: auto;
            z-index: 89;
        }

        .scp-sm-dropdown.drop-left:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            right: -14px;
            left: auto;
            z-index: 88;
        }

    .scp-sm-dropdown.drop-top {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: -2px;
        margin-left: 0;
        max-width: 200px;
    }

        .scp-sm-dropdown.drop-top > *:first-child {
            margin-top: 0;
        }

        .scp-sm-dropdown.drop-top > *:last-child {
            margin-bottom: 0;
        }

        .scp-sm-dropdown.drop-top:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -12px;
            left: 10px;
            right: auto;
            z-index: 89;
        }

        .scp-sm-dropdown.drop-top:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -14px;
            left: 9px;
            right: auto;
            z-index: 88;
        }

    .scp-sm-dropdown li {
        font-family: quicksand;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 0.9rem;
        cursor: pointer;
        line-height: 1.0rem;
        margin-left: 0;
        margin-right: 0;
    }

        .scp-sm-dropdown li:hover, .scp-sm-dropdown li:focus {
            font-family: quicksand-bold;
            padding-top: 12px;
            padding-bottom: 12px;
            text-decoration: none;
        }

        .scp-sm-dropdown li.radius {
            border-radius: 3px;
        }

        .scp-sm-dropdown li a {
            display: block;
            padding-left: 0.5rem;
            color: #555555;
            text-decoration: none;
            margin: 0;
            text-align: left;
        }

        .scp-sm-dropdown li h1 {
            display: block;
            padding-left: 0.5rem;
            padding-top: 0.4rem;
            padding-bottom: 0.8rem;
            color: #555555;
            text-decoration: none;
            margin-left: 0;
            margin-right: 0;
            text-align: left;
            cursor: default;
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

    .scp-sm-dropdown.content {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin: 0;
        outline: none;
        /*   padding: 1.25rem; */
        width: 100%;
        height: auto;
        max-height: none;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        max-width: 200px;
    }

        .scp-sm-dropdown.content > *:first-child {
            margin-top: 0;
        }

        .scp-sm-dropdown.content > *:last-child {
            margin-bottom: 0;
        }

    .scp-sm-dropdown.tiny {
        max-width: 200px;
    }

    .scp-sm-dropdown.small {
        max-width: 300px;
    }

    .scp-sm-dropdown.medium {
        max-width: 500px;
    }

    .scp-sm-dropdown.large {
        max-width: 800px;
    }

    .scp-sm-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .scp-sm-dropdown.mega.open {
            left: 0 !important;
        }
/* mobile menu drop down */
.scp-dropdown-mob {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 1.500rem;
    z-index: 89;
    margin-top: 0px;
    max-width: 200px;
}

    .scp-dropdown-mob > *:first-child {
        margin-top: 0;
    }

    .scp-dropdown-mob > *:last-child {
        margin-bottom: 0;
    }

    .scp-dropdown-mob:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .scp-dropdown-mob:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .scp-dropdown-mob.right:before {
        left: auto;
        right: 10px;
    }

    .scp-dropdown-mob.right:after {
        left: auto;
        right: 9px;
    }

    .scp-dropdown-mob.drop-right {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 2px;
        max-width: 200px;
    }

        .scp-dropdown-mob.drop-right > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown-mob.drop-right > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown-mob.drop-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .scp-dropdown-mob.drop-right:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .scp-dropdown-mob.drop-left {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: -2px;
        max-width: 200px;
    }

        .scp-dropdown-mob.drop-left > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown-mob.drop-left > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown-mob.drop-left:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            right: -12px;
            left: auto;
            z-index: 89;
        }

        .scp-dropdown-mob.drop-left:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            right: -14px;
            left: auto;
            z-index: 88;
        }

    .scp-dropdown-mob.drop-top {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: -2px;
        margin-left: 0;
        max-width: 200px;
    }

        .scp-dropdown-mob.drop-top > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown-mob.drop-top > *:last-child {
            margin-bottom: 0;
        }

        .scp-dropdown-mob.drop-top:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -12px;
            left: 10px;
            right: auto;
            z-index: 89;
        }

        .scp-dropdown-mob.drop-top:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -14px;
            left: 9px;
            right: auto;
            z-index: 88;
        }

    .scp-dropdown-mob li {
        font-family: quicksand;
        text-transform: uppercase;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 0.8rem;
        cursor: pointer;
        line-height: 1.125rem;
        margin-left: auto;
        margin-right: auto;
        border-bottom: thin solid #e0e0e0;
    }

        .scp-dropdown-mob li:hover, .scp-dropdown-mob li:focus {
            font-family: quicksand-bold;
            padding-top: 9px;
            padding-bottom: 9px;
            text-decoration: none;
        }

        .scp-dropdown-mob li.radius {
            border-radius: 3px;
        }

        .scp-dropdown-mob li a {
            display: block;
            padding: 0.5rem;
            color: #555555;
            text-decoration: none;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
        }

        .scp-dropdown-mob li h1 {
            display: block;
            padding-left: 0.5rem;
            padding-bottom: 0px;
            color: #555555;
            text-decoration: none;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            cursor: default;
        }

    .scp-dropdown-mob.content {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        padding: 1.25rem;
        width: 100%;
        height: auto;
        max-height: none;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        max-width: 200px;
    }

        .scp-dropdown-mob.content > *:first-child {
            margin-top: 0;
        }

        .scp-dropdown-mob.content > *:last-child {
            margin-bottom: 0;
        }

    .scp-dropdown-mob.tiny {
        max-width: 200px;
    }

    .scp-dropdown-mob.small {
        max-width: 300px;
    }

    .scp-dropdown-mob.medium {
        max-width: 500px;
    }

    .scp-dropdown-mob.large {
        max-width: 800px;
    }

    .scp-dropdown-mob.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .scp-dropdown-mob.mega.open {
            left: 0 !important;
        }

/* mobile footer dropdowns */
.scp-foot-mob-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background-color: #121212;
    border: thin solid white;
    /*  border: solid thin white; */
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 6px;
    max-width: 200px;
}

    .scp-foot-mob-dropdown > *:first-child {
        margin-top: 0;
    }

    .scp-foot-mob-dropdown > *:last-child {
        margin-bottom: 0;
    }

    .scp-foot-mob-dropdown:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .scp-foot-mob-dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .scp-foot-mob-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .scp-foot-mob-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .scp-foot-mob-dropdown.drop-right {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 2px;
        max-width: 200px;
    }

        .scp-foot-mob-dropdown.drop-right > *:first-child {
            margin-top: 0;
        }

        .scp-foot-mob-dropdown.drop-right > *:last-child {
            margin-bottom: 0;
        }

        .scp-foot-mob-dropdown.drop-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .scp-foot-mob-dropdown.drop-right:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .scp-foot-mob-dropdown.drop-left {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: 0;
        margin-left: -2px;
        max-width: 200px;
    }

        .scp-foot-mob-dropdown.drop-left > *:first-child {
            margin-top: 0;
        }

        .scp-foot-mob-dropdown.drop-left > *:last-child {
            margin-bottom: 0;
        }

        .scp-foot-mob-dropdown.drop-left:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 10px;
            right: -12px;
            left: auto;
            z-index: 89;
        }

        .scp-foot-mob-dropdown.drop-left:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 9px;
            right: -14px;
            left: auto;
            z-index: 88;
        }

    .scp-foot-mob-dropdown.drop-top {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        margin-top: -2px;
        margin-left: 0;
        max-width: 200px;
    }

        .scp-foot-mob-dropdown.drop-top > *:first-child {
            margin-top: 0;
        }

        .scp-foot-mob-dropdown.drop-top > *:last-child {
            margin-bottom: 0;
        }

        .scp-foot-mob-dropdown.drop-top:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -12px;
            left: 10px;
            right: auto;
            z-index: 89;
        }

        .scp-foot-mob-dropdown.drop-top:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: auto;
            bottom: -14px;
            left: 9px;
            right: auto;
            z-index: 88;
        }

    .scp-foot-mob-dropdown li {
        font-size: 0.875rem;
        cursor: pointer;
        line-height: 1.125rem;
        margin: 0;
    }

        .scp-foot-mob-dropdown li:hover, .scp-foot-mob-dropdown li:focus {
            text-decoration: none;
        }

        .scp-foot-mob-dropdown li.radius {
            border-radius: 3px;
        }

        .scp-foot-mob-dropdown li a {
            display: block;
            padding: 0.5rem;
            color: white;
        }

        .scp-foot-mob-dropdown li p {
            color: white;
        }

    .scp-foot-mob-dropdown.content {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        padding: 1.25rem;
        width: 100%;
        height: auto;
        max-height: none;
        background: #FFFFFF;
        border: solid 1px #cccccc;
        font-size: 0.875rem;
        z-index: 89;
        max-width: 200px;
    }

        .scp-foot-mob-dropdown.content > *:first-child {
            margin-top: 0;
        }

        .scp-foot-mob-dropdown.content > *:last-child {
            margin-bottom: 0;
        }

    .scp-foot-mob-dropdown.tiny {
        max-width: 200px;
    }

    .scp-foot-mob-dropdown.small {
        max-width: 300px;
    }

    .scp-foot-mob-dropdown.medium {
        max-width: 500px;
    }

    .scp-foot-mob-dropdown.large {
        max-width: 800px;
    }

    .scp-foot-mob-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .scp-foot-mob-dropdown.mega.open {
            left: 0 !important;
        }

/* Main Section Links*/
.gift-links {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .gift-links .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .gift-links img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .gift-links:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    /*   .gift-links:hover img {
        -moz-filter: brightness(60%);
        -webkit-filter: brightness(60%);
        -o-filter: brightness(60%);
        filter: brightness(0.6);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }*/
    .gift-links:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .gift-links:hover:after {
        opacity: 1;
    }

    .gift-links h2 {
        font-family: quicksand-bold;
        font-size: 2.5vw;
        font-weight: bold;
        bottom: 40%;
        width: 99%;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        z-index: 1;
        position: absolute;
        text-transform: uppercase;
    }

.gift-links-mob {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .gift-links-mob .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .gift-links-mob img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .gift-links-mob:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .gift-links-mob h2 {
        font-family: quicksand-bold;
        font-size: 4.0vw;
        font-weight: bold;
        bottom: 10%;
        width: 100%;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        z-index: 1;
        position: absolute;
        text-transform: uppercase;
    }
/* Coprprate links*/
.corp-links {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .corp-links .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .corp-links img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    /*.corp-links:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .corp-links:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .corp-links:hover:after {
        opacity: 1;
    }*/

    .corp-links h2 {
        font-family: quicksand-bold;
        font-size: 2.5vw;
        font-weight: bold;
        bottom: 40%;
        width: 100%;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        z-index: 1;
        position: absolute;
        text-transform: uppercase;
    }

.corp-links-mob {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .corp-links-mob .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .corp-links-mob img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    /*.corp-links-mob:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }*/

    .corp-links-mob h2 {
        font-family: quicksand-bold;
        font-size: 4.0vw;
        font-weight: bold;
        bottom: 35%;
        width: 100%;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        z-index: 1;
        position: absolute;
        text-transform: uppercase;
    }
/*
img.gift-img {
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:12px;
    width:100%;
    overflow:hidden;
    transition:all .5s ease-in-out;
}
img.gift-img:hover {
    transform:scale(1.1);
    display:block;
    overflow:hidden;
 }
*/



/*
    .gifts-links h2:hover {
        color:#f9d584;
        text-shadow:none;
    }
*/
/* Coloured backgrounds */
.scp-lgrey {
    background-color: lightgray;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 6px;
}

.scp-dgrey {
    background-color: darkgray;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 6px;
}
/* Search */
/* accounts */
.mgg-account {
    background-image: url(../images/my-gift-genie-account-466x549.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}
/* Social Media Links*/
.fbHeader {
    display: block;
    background-image: url(../images/my-gift-genie-fb.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 52px;
    height: 60px;
}

    .fbHeader:hover {
        background-image: url(../images/my-gift-genie-fb-ro.png);
        background-position: 50% 0%;
    }

.twHeader {
    display: block;
    background-image: url(../images/my-gift-genie-tw.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 52px;
    height: 60px;
}

    .twHeader:hover {
        background-image: url(../images/my-gift-genie-tw-ro.png);
        background-position: 50% 0%;
    }

.piHeader {
    display: block;
    background-image: url(../images/my-gift-genie-pi.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 52px;
    height: 60px;
}

    .piHeader:hover {
        background-image: url(../images/my-gift-genie-pi-ro.png);
        background-position: 50% 0%;
    }

.igHeader {
    display: block;
    background-image: url(../images/my-gift-genie-in.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 52px;
    height: 60px;
}

    .igHeader:hover {
        background-image: url(../images/my-gift-genie-in-ro.png);
        background-position: 50% 0%;
    }

.blHeader {
    display: block;
    background-image: url(../images/my-gift-genie-vi.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 48px;
    height: 60px;
}

    .blHeader:hover {
        background-image: url(../images/my-gift-genie-vi-ro.png);
        background-position: 50% 0%;
    }
.wpblHeader {
    display: block;
    background-image: url(../images/my-gift-genie-bl.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 48px;
    height: 60px;
}

    .wpblHeader:hover {
        background-image: url(../images/my-gift-genie-bl-ro.png);
        background-position: 50% 0%;
    }

.acHeader {
    display: block;
    background-image: url(../images/my-gift-genie-ac.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
}

    .acHeader:hover {
        background-image: url(../images/my-gift-genie-ac-ro.png);
        background-position: 50% 50%;
    }

.wlHeader {
    display: block;
    background-image: url(../images/my-gift-genie-wl-full.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
}

    .wlHeader:hover {
        background-image: url(../images/my-gift-genie-wl-ro.png);
        background-position: 50% 50%;
    }

.sbHeader {
    display: block;
    background-image: url(../images/my-gift-genie-sb-full.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
}

    .sbHeader:hover {
        background-image: url(../images/my-gift-genie-sb-ro-full.png);
        background-position: 50% 50%;
    }

.sbHeaderL {
    display: block;
    background-image: url(../images/my-gift-genie-sb-l.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
}

    .sbHeaderL:hover {
        background-image: url(../images/my-gift-genie-sb-l-ro.png);
        background-position: 50% 50%;
    }

.schHeader {
    display: inline-block;
    position: absolute;
    background-image: url(../images/my-gift-genie-sch.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
    left: 130px;
}

    .schHeader:hover {
        background-image: url(../images/my-gift-genie-sch-ro.png);
        background-position: 50% 50%;
    }

.schMobile {
    border: none;
    width: 100%;
    height: 100%;
}


.schMobileM {
    border: none;
    width: 100%;
    height: 100%;
}

.schMobileM-TBox {
    background-image: url(../images/mgg-mag.png);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}
/*
input.schMobileM-TBox {
    border-style: solid !important;
 border-top-width: 0px !important; 
 border-right-width: 0px !important;
  border-bottom-width: 0px !important; 
  border-left-width: 0px !important;
  text-decoration:none !important;
}
input.schMobileM-TBox:focus {
    border-style: solid !important;
 border-top-width: 0px !important; 
 border-right-width: 0px !important;
  border-bottom-width: 0px !important; 
  border-left-width: 0px !important;
  text-decoration:none !important;
} */
input.schMobile {
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    text-decoration: none;
}

.logo-holder {
    min-width: 112px;
    text-align: center;
    margin-top: 12px;
}

.fbFooter {
    display: block;
    background-image: url(../images/my-gift-genie-fb-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .fbFooter:hover {
        background-image: url(../images/my-gift-genie-fb-foot-ro.png);
        background-position: 50% 0%;
    }

.twFooter {
    display: block;
    background-image: url(../images/my-gift-genie-tw-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .twFooter:hover {
        background-image: url(../images/my-gift-genie-tw-foot-ro.png);
        background-position: 50% 0%;
    }

.piFooter {
    display: block;
    background-image: url(../images/my-gift-genie-pi-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .piFooter:hover {
        background-image: url(../images/my-gift-genie-pi-foot-ro.png);
        background-position: 50% 0%;
    }

.igFooter {
    display: block;
    background-image: url(../images/my-gift-genie-in-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .igFooter:hover {
        background-image: url(../images/my-gift-genie-in-foot-ro.png);
        background-position: 50% 0%;
    }

.blFooter {
    display: block;
    background-image: url(../images/my-gift-genie-vi-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .blFooter:hover {
        background-image: url(../images/my-gift-genie-vi-foot-ro.png);
        background-position: 50% 0%;
    }
.wpblFooter {
    display: block;
    background-image: url(../images/my-gift-genie-bl-foot.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
}

    .wpblFooter:hover {
        background-image: url(../images/my-gift-genie-bl-foot-ro.png);
        background-position: 50% 0%;
    }

.fbFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-fb-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

.twFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-tw-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

.piFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-pi-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

.igFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-in-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

.blFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-vi-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}
.wpblFooterMob {
    display: block;
    background-image: url(../images/my-gift-genie-bl-foot.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

/* footer styles*/
.qs-bold-white {
    font-family: quicksand-bold;
    color: white;
}

.qs-white {
    font-family: quicksand;
    color: white;
    font-weight: normal;
}

    .qs-white a {
        color: white;
        text-decoration: none;
    }

        .qs-white a:hover {
            color: #f9d584;
        }

.qs-white-b {
    font-family: quicksand-bold;
    color: white;
    font-weight: normal;
}

    .qs-white-b a {
        color: white;
        text-decoration: none;
    }

        .qs-white-b a:hover {
            color: #f9d584;
        }

.fs-2em {
    font-size: 2.0em;
}

.fs-15em {
    font-size: 1.5em;
}

.fs-12em {
    font-size: 1.2em;
}

.fs-18em {
    font-size: 1.8em;
}

.fs-11em {
    font-size: 1.1em;
}

.fs-08em {
    font-size: 0.8em;
}

.fs-09em {
    font-size: 0.9em;
}

.fs-10em {
    font-size: 1.0em;
}

.fs-12vw {
    font-size: 1.2vw;
}

.fs-15vw {
    font-size: 1.5vw;
}

.fs-20vw {
    font-size: 2.0vw;
}

.header-nav-mob {
    font-family: quicksand;
    text-transform: uppercase;
    color: #868686;
}

    .header-nav-mob h1 {
        font-family: quicksand-bold;
        text-transform: none;
        color: #868686;
        font-size: 1.5em;
        text-align: left;
        cursor: default;
    }

        .header-nav-mob h1:hover {
            font-family: quicksand-bold;
            text-transform: none;
            color: #868686;
            font-size: 1.5em;
            text-align: left;
            cursor: default;
            background-color: none;
        }

    .header-nav-mob li h1:hover {
        font-family: quicksand-bold;
        text-transform: none;
        color: #868686;
        font-size: 1.5em;
        text-align: left;
        cursor: default;
        background-color: none;
    }

.mgg-mob-text {
    font-size: 1.0em;
}

    .mgg-mob-text p {
        font-size: 1.0em;
    }

    .mgg-mob-text h1 {
        font-size: 1.0em;
    }

    .mgg-mob-text h2 {
        font-size: 1.0em;
    }

    .mgg-mob-text h3 {
        font-size: 1.0em;
    }

    .mgg-mob-text h4 {
        font-size: 1.0em;
    }

.footer-nav {
    background-color: rgba(00, 00, 00, .5);
    padding-top: 0px;
    padding-bottom: 0px;
}

    .footer-nav ul {
        padding-bottom: 0px;
    }

.footer-nav-mob {
    background-color: rgba(00, 00, 00, .5);
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: thin solid white;
}

    .footer-nav-mob h3 {
        color: white;
        font-family: quicksand;
        font-size: 1.0em;
        border-bottom: thin solid white;
        padding-bottom: 9px;
    }

    .footer-nav-mob li {
        color: white;
        font-family: quicksand;
        font-size: 1.0em;
    }

        .footer-nav-mob li a {
            display: block;
            color: white;
            font-family: quicksand;
            font-size: 1.0em;
            text-decoration: none;
        }

            .footer-nav-mob li a:hover {
                display: block;
                color: #f9d584;
                font-family: quicksand;
                font-size: 1.0em;
                text-decoration: none;
            }

.footer-nav-mob-last {
    background-color: rgba(00, 00, 00, .5);
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: thin solid white;
    border-top: thin solid white;
}

.scp-bs-mob-holder {
    text-decoration: none;
    color: #868686;
    border: thin solid #e0e0e0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 12px;
    margin-right: 12px;
}


.scp-bs-mob {
    display: block;
    text-align: center;
    color: #868686;
    margin-top: 3px;
    border: thin solid #e0e0e0;
    padding-top: 6px;
}

    .scp-bs-mob a {
        text-decoration: none;
        color: #868686;
    }

        .scp-bs-mob a:hover {
            text-decoration: none;
            color: #f9d584;
            background-color: #868686;
        }

    .scp-bs-mob h2 {
        text-align: center;
        color: #868686;
        font-family: questaregular;
        font-size: 1.5em;
        text-transform: uppercase;
        font-weight: normal;
    }

.scp-bs-mob-last {
    display: block;
    text-align: center;
    border-left: 1px solid #e0e0e0;
    margin-bottom: 3px;
    margin-top: 2px;
    border: thin solid #e0e0e0;
    padding-top: 6px;
}

    .scp-bs-mob-last h2 {
        text-align: center;
        color: #868686;
        font-family: questaregular;
        font-size: 1.5em;
        text-transform: uppercase;
        font-weight: normal;
    }

    .scp-bs-mob-last a {
        text-decoration: none;
        color: #868686;
    }

        .scp-bs-mob-last a:hover {
            text-decoration: none;
            color: #f9d584;
            background-color: #868686;
        }

.scp-0p p {
    padding-left: 0px;
    padding-right: 0px;
}

.signup-button {
    display: block;
    border: 2px solid white;
    color: #868686;
    text-transform: uppercase;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 25%;
    padding-right: 25%;
    text-align: center;
    margin-top: 6px;
}

    .signup-button:hover {
        border: 2px solid #f9d584;
        color: black;
    }

.nl-button {
    display: block;
    color: transparent;
    background-image: url(../images/nl-subscribe-button.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 163px;
    padding: 0;
    margin: 0;
}

    .nl-button:hover {
        display: block;
        color: transparent;
        background-image: url(../images/nl-subscribe-button-ro.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 163px;
    }

/* form styles*/
.tb-border {
    border: thin solid white;
    width: 100%;
}

    .tb-border:focus {
        border: thin solid #f9d584 !important;
    }

/* Paragraph styles*/
.questa-para {
    font-family: questaregular;
    color: #5d5d5d;
}

    .questa-para p {
        font-family: questaregular;
        color: #5d5d5d;
    }

    .questa-para h1 {
        font-family: questaregular;
        color: #5d5d5d;
        text-align: center;
    }

.qs-para-narrow {
    font-family: quicksand;
    color: #5d5d5d;
    line-height: 120%;
}

    .qs-para-narrow p {
        font-family: quicksand;
        color: #5d5d5d;
    }

.qs-para {
    font-family: quicksand;
    color: #5d5d5d;
}

    .qs-para p {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para a {
        font-family: quicksand;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para a:hover {
            font-family: quicksand;
            color: black;
            text-decoration: underline;
        }

    .qs-para h1 {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para h2 {
        font-family: quicksand;
        color: #5d5d5d;
    }

        .qs-para h2 a {
            font-family: quicksand;
            color: #5d5d5d;
            text-decoration: none;
        }

            .qs-para h2 a:hover {
                font-family: quicksand;
                color: #f9d584;
                text-decoration: none;
            }

    .qs-para h3 {
        font-family: quicksand;
        color: #5d5d5d;
    }
.qs-para-dlinks {
    font-family: quicksand;
    color: #5d5d5d;
}

    .qs-para-dlinks p {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para-dlinks a {
        font-family: quicksand;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para-dlinks a:hover {
            font-family: quicksand;
            color: black;
            text-decoration: none;
            border-bottom: thin solid black;
        }

    .qs-para-dlinks h1 {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para-dlinks h2 {
        font-family: quicksand;
        color: #5d5d5d;
    }

        .qs-para-dlinks h2 a {
            font-family: quicksand;
            color: #5d5d5d;
            text-decoration: none;
        }

            .qs-para-dlinks h2 a:hover {
                font-family: quicksand;
                color: #f9d584;
                text-decoration: none;
            }

    .qs-para-dlinks h3 {
        font-family: quicksand;
        color: #5d5d5d;
    }

.qs-para-product {
    font-family: quicksand;
    color: #5d5d5d;
}

    .qs-para-product p {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para-product a {
        font-family: quicksand;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para-product a:hover {
            font-family: quicksand;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para-product h1 {
        font-family: quicksand;
        color: #5d5d5d;
    }

    .qs-para-product h2 {
        font-family: quicksand;
        color: #5d5d5d;
        font-weight:normal;
    }

        .qs-para-product h2 a {
            font-family: quicksand;
            color: #5d5d5d;
            text-decoration: none;
        }

            .qs-para-product h2 a:hover {
                font-family: quicksand;
                color: #f9d584;
                text-decoration: none;
            }

    .qs-para-product h3 {
        font-family: quicksand;
        color: #5d5d5d;
    }
.qs-para-bold-product {
    font-family: quicksand-bold;
    color: #5d5d5d;
}

    .qs-para-bold-product p {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

    .qs-para-bold-product a {
        font-family: quicksand-bold;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para-bold-product a:hover {
            font-family: quicksand-bold;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para-bold-product h1 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

    .qs-para-bold-product h2 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

        .qs-para-bold-product h2 a {
            font-family: quicksand-bold;
            color: #5d5d5d;
            text-decoration: none;
        }

            .qs-para-bold-product h2 a:hover {
                font-family: quicksand-bold;
                color: #f9d584;
                text-decoration: none;
            }

    .qs-para-bold-product h3 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }
.qs-para.contact {
    font-family: quicksand;
    color: #5d5d5d;
}

    .qs-para.contact p {
        font-family: quicksand;
        color: #5d5d5d;
        padding-left:0px;
        font-size:1.1em;
        margin:0;
    }

    .qs-para.contact a {
        font-family: quicksand;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para.contact a:hover {
            font-family: quicksand;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para.contact h1 {
        font-family: quicksand-bold;
        color: #5d5d5d;
        font-weight:normal;
        text-align:left;
        font-size:1.8em;
        padding-bottom:0px;
        text-transform:uppercase;
        margin-top:24px;
        margin-bottom:0;
    }

    .qs-para.contact h2 {
        font-family: quicksand;
        color: #5d5d5d;
        padding-left:0px;
        font-weight:normal;
        font-size:1.2em;
    }

        .qs-para.contact h2 a {
            font-family: quicksand;
            color: #5d5d5d;
            text-decoration: none;
        }

            .qs-para.contact h2 a:hover {
                font-family: quicksand;
                color: #f9d584;
                text-decoration: none;
            }

    .qs-para.contact h3 {
        font-family: quicksand;
        color: #5d5d5d;
    }

.qs-para-bold {
    font-family: quicksand-bold;
    color: #5d5d5d;
}

    .qs-para-bold p {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

    .qs-para-bold a {
        font-family: quicksand-bold;
        color: #5d5d5d;
        text-decoration: none;
    }

        .qs-para-bold a:hover {
            font-family: quicksand-bold;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para-bold h1 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

    .qs-para-bold h2 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

    .qs-para-bold h3 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }

.qs-para-white {
    font-family: quicksand;
    color: white;
}

    .qs-para-white p {
        font-family: quicksand;
        color: white;
    }

    .qs-para-white a {
        font-family: quicksand;
        color: white;
        text-decoration: none;
    }

        .qs-para-white a:hover {
            font-family: quicksand;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para-white h1 {
        font-family: quicksand;
        color: white;
    }

    .qs-para-white h2 {
        font-family: quicksand;
        color: white;
    }

    .qs-para-white h3 {
        font-family: quicksand;
        color: white;
        font-weight: normal;
        font-size: 1.5vw;
    }
/* quicksand-bold bold white */
.qs-para-white-bold {
    font-family: quicksand-bold;
    color: white;
}

    .qs-para-white-bold p {
        font-family: quicksand-bold;
        color: white;
    }

    .qs-para-white-bold a {
        font-family: quicksand-bold;
        color: white;
        text-decoration: none;
    }

        .qs-para-white-bold a:hover {
            font-family: quicksand-bold;
            color: #f9d584;
            text-decoration: none;
        }

    .qs-para-white-bold h1 {
        font-family: quicksand-bold;
        color: white;
    }

    .qs-para-white-bold h2 {
        font-family: quicksand-bold;
        color: white;
    }

    .qs-para-white-bold h3 {
        font-family: quicksand-bold;
        color: white;
        font-weight: normal;
        font-size: 1.5vw;
    }

.qs-para-upper {
    font-family: quicksand;
    color: #5d5d5d;
    text-transform: uppercase;
}

    .qs-para-upper p {
        font-family: quicksand;
        color: #5d5d5d;
        text-transform: uppercase;
    }

    .qs-para-upper a {
        font-family: quicksand;
        color: #5d5d5d;
        text-decoration: none;
        text-transform: uppercase;
    }

        .qs-para-upper a:hover {
            font-family: quicksand;
            color: #f9d584;
            text-decoration: none;
            text-transform: uppercase;
        }

    .qs-para-upper h1 {
        font-family: quicksand;
        color: #5d5d5d;
        text-transform: uppercase;
    }

    .qs-para-upper h3 {
        font-family: quicksand;
        font-size: 1.5em;
        color: #5d5d5d;
        text-transform: uppercase;
    }
/* Slide shows*/
.fwidth-orbit img {
    width: 100%;
    height: auto;
}

.boxed-caption {
    display: block;
    border: thin solid white;
    padding: 10% 10% 10% 10%;
    margin-left: 5px;
    margin-right: 5px;
    font-family: questaregular;
    font-size: 1.5em;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

    .boxed-caption:hover {
        border: thin solid #f9d584;
        color: #f9d584;
    }

    .boxed-caption p {
        font-family: questaregular;
        font-size: 1.5em;
        color: white;
        text-align: center;
        text-transform: uppercase;
    }

    .boxed-caption a {
        color: white;
        text-decoration: none;
    }

        .boxed-caption a:hover {
            color: #f9d584;
        }

/* image effects*/
.image-wrapper {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 4px;
}

.image-overlay-content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.overlay-fade-in p {
    letter-spacing: 0.15em;
    color: #f4f4f4;
    font-size: 28px;
    opacity: 0;
    transition: all 0.2s linear;
}

.overlay-fade-in img {
    transition: all 0.5s linear;
}

.overlay-fade-in .image-overlay-content {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}
/*
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }
    */
.overlay-fade-in .button {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #FFF;
    color: #222;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    position: relative;
    border: 1px solid #999;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

    .overlay-fade-in .button:hover {
        box-shadow: 0 0 5px #000;
    }

.overlay-fade-in:hover img {
    transform: scale(1.2);
}

.overlay-fade-in:hover .image-overlay-content {
    opacity: 1;
}

.overlay-fade-in:hover .overlay-fade-in p, .overlay-fade-in .button {
    opacity: 1;
}

.overlay-fade-in:hover p {
    transition-delay: 0.1s;
}

.overlay-fade-in:hover .button {
    transition-delay: 0.2s;
}

.overlay-slide-in-left img {
    transition: all 1.3s ease-in-out;
}

.overlay-slide-in-left .image-overlay-content {
    background-image: url(../images/my-gift-genie-gifts-for-reminders-ro.png);
    background-color: rgba(0, 0, 0, 0.3);
    transform: translateX(-110%);
    opacity: 1;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 0 7px #ccc;
}

.overlay-slide-in-left h2 {
    font-size: 1.8rem;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 40%;
    color: #000;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.overlay-slide-in-left p {
    opacity: 0;
    color: #333;
    transition: all 0.2s linear;
}

.overlay-slide-in-left .button {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    position: relative;
    border-radius: 7px;
}

    .overlay-slide-in-left .button:hover {
        background-color: #444;
    }

.overlay-slide-in-left:hover .image-overlay-content {
    transform: translateX(0px);
}

.overlay-slide-in-left:hover img {
    transform: translateX(80%);
    transition-delay: 0.1s;
}

.overlay-slide-in-left:hover p {
    opacity: 1;
    transition-delay: 0.4s;
}

.overlay-fade-in-new-background .button {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 0 1px #000;
    position: relative;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

    .overlay-fade-in-new-background .button:hover {
        box-shadow: 0 0 5px #fff;
        background-color: #222;
    }

.overlay-fade-in-new-background p {
    font-size: 28px;
}

.overlay-fade-in-new-background .image-overlay-content {
    opacity: 0;
    background-image: url(../images/gplaypattern.png);
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.4s ease-in-out;
}

.overlay-fade-in-new-background h2 {
    color: #000;
    font-size: 1.6rem;
    margin-top: 30%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.overlay-fade-in-new-background p {
    opacity: 0;
    transition: all 0.2s linear;
}

.overlay-fade-in-new-background img {
    transition: all 0.2s ease-in-out;
}

.overlay-fade-in-new-background:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    transform: scale(1.5);
}

.overlay-fade-in-new-background:hover .image-overlay-content {
    opacity: 1;
}

.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button {
    opacity: 1;
}

.overlay-fade-in-new-background:hover p {
    transition-delay: 0.1s;
}

.overlay-fade-in-new-background:hover .button {
    transition-delay: 0.2s;
}

/* Background slide show*/
ol, ul {
    list-style: none;
}

.cb-slideshow,
.cb-slideshow:after {
    position: relative;
    width: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    display: inline-block;
}

    .cb-slideshow:after {
        content: '';
        /*    background: transparent url(../images/pattern.png) repeat top left; */
    }

    .cb-slideshow li span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: 0;
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -webkit-animation: imageAnimation 36s linear infinite 0s;
        -moz-animation: imageAnimation 36s linear infinite 0s;
        -o-animation: imageAnimation 36s linear infinite 0s;
        -ms-animation: imageAnimation 36s linear infinite 0s;
        animation: imageAnimation 36s linear infinite 0s;
    }

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 30px;
        left: 0px;
        width: 100%;
        text-align: center;
        opacity: 0;
        color: #fff;
        -webkit-animation: titleAnimation 36s linear infinite 0s;
        -moz-animation: titleAnimation 36s linear infinite 0s;
        -o-animation: titleAnimation 36s linear infinite 0s;
        -ms-animation: titleAnimation 36s linear infinite 0s;
        animation: titleAnimation 36s linear infinite 0s;
    }

        .cb-slideshow li div h3 {
            font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
            font-size: 240px;
            padding: 0;
            line-height: 200px;
        }

    .cb-slideshow li:nth-child(1) span {
        background-image: url(../images/bespoke-gifts-hp-s1.jpg);
    }

    .cb-slideshow li:nth-child(2) span {
        background-image: url(../images/bespoke-gifts-hp-s2.jpg);
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }

    .cb-slideshow li:nth-child(3) span {
        background-image: url(../images/bespoke-gifts-hp-s3.jpg);
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }

    .cb-slideshow li:nth-child(2) div {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }

    .cb-slideshow li:nth-child(3) div {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -o-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}

@media screen and (max-width: 1140px) {
    .cb-slideshow li div h3 {
        font-size: 140px;
    }
}

@media screen and (max-width: 600px) {
    .cb-slideshow li div h3 {
        font-size: 80px;
    }
}
/* End background slide show*/
img.scp-slide-show {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.scp-fixed-lr {
    width: 222px;
    height: 51px;
}

.scp-fixed-mid {
    width: 56px;
    height: 56px;
}

.scp-bs-l {
    display: block;
    color: transparent;
    background-image: url(../images/remind-me-button-op.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9000;
    max-width: 222px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 360px;
}

    .scp-bs-l:hover {
        display: block;
        color: transparent;
        background-image: url(../images/remind-me-button-ro.png);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
    }

.scp-bs-r {
    display: block;
    color: transparent;
    background-image: url(../images/find-me-a-gift-button-op.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9000;
    max-width: 222px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 360px;
}

    .scp-bs-r:hover {
        display: block;
        color: transparent;
        background-image: url(../images/find-me-a-gift-button-ro.png);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
    }

.scp-bs-m {
    display: block;
    color: transparent;
    background-image: url(../images/mid-button.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9000;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 340px;
}

@media screen and (min-height: 900px) and (max-height: 1500px) {
    .scp-bs-l {
        display: block;
        color: transparent;
        background-image: url(../images/remind-me-button.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        width: 222px;
        height: 51px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 360px;
    }

        .scp-bs-l:hover {
            display: block;
            color: transparent;
            background-image: url(../images/remind-me-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-r {
        display: block;
        color: transparent;
        background-image: url(../images/find-me-a-gift-button-op.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        width: 222px;
        height: 51px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 360px;
    }

        .scp-bs-r:hover {
            display: block;
            color: transparent;
            background-image: url(../images/find-me-a-gift-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            max-width: 222px;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-m {
        display: block;
        color: transparent;
        background-image: url(../images/mid-button.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        width: 56px;
        height: 56px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 359px;
        left: 3px;
    }
}

@media screen and (min-height: 700px) and (max-height: 899px) {
    .scp-bs-l {
        display: block;
        color: transparent;
        background-image: url(../images/remind-me-button-op.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 200px;
    }

        .scp-bs-l:hover {
            display: block;
            color: transparent;
            background-image: url(../images/remind-me-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            max-width: 222px;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-r {
        display: block;
        color: transparent;
        background-image: url(../images/find-me-a-gift-button-op.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 200px;
    }

        .scp-bs-r:hover {
            display: block;
            color: transparent;
            background-image: url(../images/find-me-a-gift-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            max-width: 222px;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-m {
        display: block;
        color: transparent;
        background-image: url(../images/mid-button.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 116px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 190px;
    }
}

@media screen and (min-height: 400px) and (max-height: 699px) {
    .scp-bs-l {
        display: block;
        color: transparent;
        background-image: url(../images/remind-me-button-op.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 60px;
    }

        .scp-bs-l:hover {
            display: block;
            color: transparent;
            background-image: url(../images/remind-me-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            max-width: 222px;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-r {
        display: block;
        color: transparent;
        background-image: url(../images/find-me-a-gift-button-op.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 222px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 60px;
    }

        .scp-bs-r:hover {
            display: block;
            color: transparent;
            background-image: url(../images/find-me-a-gift-button-ro.png);
            background-repeat: no-repeat;
            background-size: cover;
            max-width: 222px;
            margin-left: auto;
            margin-right: auto;
        }

    .scp-bs-m {
        display: block;
        color: transparent;
        background-image: url(../images/mid-button.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9000;
        max-width: 116px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 50px;
    }
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

/* testing */
.test-size {
    height: 100%;
    background-color: grey;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .hovereffect img {
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .hovereffect:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .hovereffect h2 {
        font-family: quicksand-bold;
        font-size: 2.0em;
        font-weight: bold;
        bottom: 10%;
        width: 100%;
        color: white;
        text-align: center;
        text-shadow: 2px 2px 4px #000000;
        z-index: 900;
        position: absolute;
    }

.lgrey-border-b {
    border-bottom: thin solid #e0e0e0;
}

.llgrey-back {
    background-color: #F8F8F8;
}

.llyellow-back {
    background-color: #F9D584;
}

.schMobile-TBox {
    background-image: url(../images/mgg-mag.png);
    background-repeat: no-repeat;
    background-position: 2% 50%;
    padding-left: 50px;
}

    .schMobile-TBox:hover {
        background-image: url(../images/mgg-mag-ro.png);
        background-repeat: no-repeat;
        background-position: 2% 50%;
    }

input.schMobile-TBox {
    border-style: solid !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    text-decoration: none !important;
    padding-left: 50px;
}

    input.schMobile-TBox:focus {
        border-style: solid !important;
        border-top-width: 0px !important;
        border-right-width: 0px !important;
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
        text-decoration: none !important;
        padding-left: 50px;
    }

input.schMobileM-TBox::-webkit-input-placeholder { /* WebKit browsers */
    line-height: 1.5em;
    padding-left: 60px;
}

input.schMobileM-TBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    line-height: 1.5em;
    padding-left: 60px;
}

input.schMobileM-TBox::-moz-placeholder { /* Mozilla Firefox 19+ */
    line-height: 1.5em;
    padding-left: 60px;
}

input.schMobileM-TBox:-ms-input-placeholder { /* Internet Explorer 10+ */
    line-height: 1.5em;
    padding-left: 60px;
}

input.tb-border {
    width: 100%;
}

img.scp-bullet {
    width: 25%;
    height: 25%;
}

.scp-header {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #e7e7e7;
}

.scp-nav-bar {
    background: #F8F8F8;
    padding-top: 22px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #5d5d5d;
}

    .scp-nav-bar li a:not(.button) {
        background: #F8F8F8 !important;
        color: #1d1d1b !important;
        font-size: 1.1em;
        font-family: quicksand;
        text-transform: uppercase;
        background-image: url(../images/heart-blank.png) !important;
        background-repeat: no-repeat !important;
        background-position: 50% 0% !important;
        padding-top: 18px !important;
    }

        .scp-nav-bar li a:not(.button):hover {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-family: quicksand-bold;
            background-image: url(../images/heart.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            border-bottom: 2px solid #f9d584;
            text-decoration: none;
        }

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .scp-nav-bar {
        background: #F8F8F8;
        padding-top: 22px;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #5d5d5d;
        border-top-style: solid;
        border-top-width: thin;
        border-top-color: #5d5d5d;
    }

        .scp-nav-bar li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 0.9em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
        }

            .scp-nav-bar li a:not(.button):hover {
                background: #F8F8F8 !important;
                color: #1d1d1b !important;
                font-family: quicksand-bold;
                background-image: url(../images/heart.png) !important;
                background-repeat: no-repeat !important;
                background-position: 50% 0% !important;
                padding-top: 18px !important;
                border-bottom: 2px solid #f9d584;
                text-decoration: none;
            }
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
    .scp-nav-bar {
        background: #F8F8F8;
        padding-top: 22px;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #5d5d5d;
        border-top-style: solid;
        border-top-width: thin;
        border-top-color: #5d5d5d;
    }

        .scp-nav-bar li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 0.8em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
        }

            .scp-nav-bar li a:not(.button):hover {
                background: #F8F8F8 !important;
                color: #1d1d1b !important;
                font-family: quicksand-bold;
                background-image: url(../images/heart.png) !important;
                background-repeat: no-repeat !important;
                background-position: 50% 0% !important;
                padding-top: 18px !important;
                border-bottom: 2px solid #f9d584;
                text-decoration: none;
            }
}

.homepage-carousel {
    max-height: 500px;
}

.slide-img {
    position: relative;
    top: -10%;
    width: 100%;
    z-index: 9999;
    margin: 0;
    background-color: transparent;
}

.slide-shift {
}

.slide-holder {
    margin-left: auto;
    margin-right: auto;
}

.slide-bs-m {
    display: block;
    color: transparent;
    background-image: url(../images/mid-button.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    z-index: 2;
    width: 51px;
    height: 51px;
    margin-left: auto;
    margin-right: auto;
}
/* Text home page buttons*/
.slide-bs-link {
    text-decoration:none;
}
.slide-bs-link a {
    text-decoration:none;
}
.slide-bs-link a:hover {
    text-decoration:none;
}

.slide-bs-lt {
    display: block;
    background-color:transparent;
    color: white;
    z-index: 2;
    width: 210px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid white;
    text-transform : uppercase;
    text-align: center;
    font-family : questaregular;
    font-weight:normal;
    font-size:1.4em;
    padding-top: 9px;
    text-decoration:none;
}
   .slide-bs-lt:hover {
        display: block;
        color: #f9d584;
        background-color:#5d5d5d;
        text-decoration: none;
        border: thin solid #5d5d5d;
    }
.slide-bs-rt {
    display: block;
    background-color:transparent;
    color: white;
    z-index: 2;
    width: 252px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid white;
    text-transform : uppercase;
    text-align: center;
    font-family : questaregular;
    font-weight:normal;
    font-size:1.4em;
    padding-top: 9px;
    text-decoration:none;
}

    .slide-bs-rt:hover {
        display: block;
        color: #f9d584;
        background-color:#5d5d5d;
        text-decoration: none;
        border: thin solid #5d5d5d;
    }
/* Image home page buttons*/
.slide-bs-l {
    display: block;
    color: transparent;
    background-image: url(../images/remind-me-button-bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    z-index: 2;
    width: 210px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
}

    .slide-bs-l:hover {
        display: block;
        color: transparent;
        background-image: url(../images/remind-me-button-bk-ro.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

.slide-bs-r {
    display: block;
    color: transparent;
    background-image: url(../images/find-me-a-gift-button-bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    z-index: 2;
    width: 252px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
}

    .slide-bs-r:hover {
        display: block;
        color: transparent;
        background-image: url(../images/find-me-a-gift-button-bk-ro.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

#mgg-slide-buttons {
    width: 600px;
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: -51px;
    padding-left: 20px;
}

    #mgg-slide-buttons li {
        list-style: none;
        text-align: center;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

.mob-bullet {
    width: 30px;
    height: 30px;
}

#mgg-header {
    width: 566px;
    height: 53px;
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

    #mgg-header li {
        list-style: none;
        text-align: center;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

/* Animated Drop dDwns*/
#ani-menu-top ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#ani-menu-top > ul > li {
    float: left;
}

    #ani-menu-top > ul > li > ul {
        top: 100%;
        left: 0;
    }

#ani-menu-top li {
    position: relative;
}

#ani-menu-top a {
    display: block;
    white-space: nowrap;
}

#ani-menu-top ul li li ul {
    top: 0;
    left: 100%;
}

#ani-menu-top ul ul {
    visibility: hidden;
    position: absolute;
}

#ani-menu-top li:hover > ul {
    visibility: visible;
}

#ani-menu-top {
    padding: 0 5px;
}

    #ani-menu-top,
    #ani-menu-top > ul {
        background-color: #9DA4AD;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #ani-menu-top:after {
            content: "";
            clear: both;
            display: block;
        }

        #ani-menu-top a {
            text-decoration: none;
            color: #FFFFFF;
            padding: 5px 10px 5px 10px;
            line-height: 1.2;
        }

        #ani-menu-top > ul > li > a {
            padding: 5px 10px;
            margin: 2px 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        #ani-menu-top > ul > li > ul + a {
            padding-bottom: 7px;
            margin-bottom: 0;
        }

            #ani-menu-top > ul > li > ul + a:after {
                content: " \25bc";
            }

        #ani-menu-top > ul > li:hover > a {
            background-color: #4672B3;
        }

        #ani-menu-top > ul > li:hover > ul + a {
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

        #ani-menu-top > ul > li > ul {
            min-width: 100%;
            background-color: rgb(70, 114, 179);
            background-color: rgba(70, 114, 179, 0.8);
        }

        #ani-menu-top > ul > li li > ul + a:after {
            content: " \25b6";
        }

        #ani-menu-top > ul > li > ul > li:last-child,
        #ani-menu-top > ul > li > ul {
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
        }

        #ani-menu-top ul li li:hover,
        #ani-menu-top ul li li ul,
        #ani-menu-top ul li li ul li:hover {
            background-color: rgb(124, 147, 178);
            background-color: rgba(124, 147, 178, 0.8);
        }

        #ani-menu-top > ul > li > ul,
        #ani-menu-top ul li li ul {
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }

        #ani-menu-top > ul > li > ul {
            top: 400%;
            opacity: 0;
        }

        #ani-menu-top > ul > li:hover > ul {
            top: 100%;
            opacity: 1;
        }

        #ani-menu-top ul li ul li ul {
            left: 400%;
            opacity: 0;
        }

        #ani-menu-top ul li ul li:hover ul {
            left: 100%;
            opacity: 1;
        }

.mgg-cover {
    position: relative;
    opacity: 0.5;
    background-color: black;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9000;
}

#greyout {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}

/* actual dropdown animation */
.mgg-top-dropup,
.mgg-top-dropdown {
    position: relative;
}

.mgg-top-dropdown-toggle:focus {
    outline: 0;
}

.mgg-top-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-family: quicksand;
    text-transform: uppercase;
    font-size: 1.0rem;
    line-height: 1.125rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    height: 380px !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

    .mgg-top-dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .mgg-top-dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .mgg-top-dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .mgg-top-dropdown-menu > li > a:hover,
        .mgg-top-dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .mgg-top-dropdown-menu > .active > a,
    .mgg-top-dropdown-menu > .active > a:hover,
    .mgg-top-dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .mgg-top-dropdown-menu > .disabled > a,
    .mgg-top-dropdown-menu > .disabled > a:hover,
    .mgg-top-dropdown-menu > .disabled > a:focus {
        color: #777;
    }

        .mgg-top-dropdown-menu > .disabled > a:hover,
        .mgg-top-dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.open > .mgg-top-dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.mgg-top-dropdown-menu-right {
    right: 0;
    left: auto;
}

.mgg-top-dropdown-menu-left {
    right: auto;
    left: 0;
}

.mgg-top-dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
    text-decoration:none;
}
.mgg-top-dropdown-header a {
    text-decoration:none;
    color: #777;
}
.mgg-top-dropdown-header a:hover {
    text-decoration:none;
    color: #777;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .mgg-top-dropdown-menu {
    right: 0;
    left: auto;
}

.mgg-top-dropup .caret,
.navbar-fixed-bottom .mgg-top-dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.mgg-top-dropup .mgg-top-dropdown-menu,
.navbar-fixed-bottom .mgg-top-dropdown .mgg-top-dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

/* further customisation*/
.mgg-top-dropdown .mgg-top-dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.mgg-top-dropdown.open .mgg-top-dropdown-menu {
    font-family: quicksand;
    text-transform: uppercase;
    font-size: 1.0rem;
    line-height: 1.125rem;
    margin-left: auto;
    margin-right: auto;
    max-height: 600px;
    width: 225%;
    opacity: 1;
    color: #555555;
}

.mgg-top-dropdown .mgg-top-dropdown-menu li a {
    color: #555555;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: thin solid #e0e0e0;
}

.mgg-top-dropdown-menu li a:hover {
    color: #555555;
    text-decoration: none;
    font-family: quicksand-bold;
}

.mgg-top-dropdown-header {
    cursor: pointer;
    font-family: quicksand-bold;
    text-transform: uppercase;
    font-size: 1.0rem;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: thin solid #e0e0e0;
}
/* footer dropdowns */
.mgg-foot-dropup,
.mgg-foot-dropdown {
    position: relative;
}

.mgg-foot-dropdown-toggle:focus {
    outline: 0;
}

.mgg-foot-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

    .mgg-foot-dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .mgg-foot-dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .mgg-foot-dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .mgg-foot-dropdown-menu > li > a:hover,
        .mgg-foot-dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .mgg-foot-dropdown-menu > .active > a,
    .mgg-foot-dropdown-menu > .active > a:hover,
    .mgg-foot-dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .mgg-foot-dropdown-menu > .disabled > a,
    .mgg-foot-dropdown-menu > .disabled > a:hover,
    .mgg-foot-dropdown-menu > .disabled > a:focus {
        color: #777;
    }

        .mgg-foot-dropdown-menu > .disabled > a:hover,
        .mgg-foot-dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.open > .mgg-foot-dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.mgg-foot-dropdown-menu-right {
    right: 0;
    left: auto;
}

.mgg-foot-dropdown-menu-left {
    right: auto;
    left: 0;
}

.mgg-foot-dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .mgg-foot-dropdown-menu {
    right: 0;
    left: auto;
}

.mgg-foot-dropup .caret,
.navbar-fixed-bottom .mgg-foot-dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.mgg-foot-dropup .mgg-foot-dropdown-menu,
.navbar-fixed-bottom .mgg-foot-dropdown .mgg-foot-dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

/* further customisation*/
.mgg-foot-dropdown .mgg-foot-dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.mgg-foot-dropdown.open .mgg-foot-dropdown-menu {
    font-family: quicksand;
    text-transform: uppercase;
    font-size: 1.0rem;
    line-height: 1.125rem;
    margin-left: auto;
    margin-right: auto;
    max-height: 600px;
    width: 225%;
    opacity: 1;
    color: #555555;
}

.mgg-foot-dropdown .mgg-foot-dropdown-menu li a {
    color: #555555;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: thin solid #e0e0e0;
}

.mgg-foot-dropdown-menu li a:hover {
    color: #555555;
    text-decoration: none;
    font-family: quicksand-bold;
}

.mgg-foot-dropdown-header {
    cursor: pointer;
    font-family: quicksand-bold;
    text-transform: uppercase;
    font-size: 1.0rem;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: thin solid #e0e0e0;
}

.mgg-up {
    top: 80px;
}

/* accordion menus */
.mgg-foot-acc {
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    float: right;
    margin-right: 18px;
}

    .ui-icon.iconOpen {
        background-image: url(../images/icon-arrow-down-48x48.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: right;
        width: 20px;
        height: 20px;
    }

    .ui-icon.iconClosed {
        background-image: url(../images/icon-arrow-right-48x48.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: right;
        width: 20px;
        height: 20px;
    }

    .ui-icon.prodOpen {
        background-image: url(../images/grey-down-arrow-48x48.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: right;
        width: 20px;
        height: 20px;
    }

    .ui-icon.prodClosed {
        background-image: url(../images/grey-right-arrow-48x48.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: right;
        width: 20px;
        height: 20px;
        margin-top: 2px;
    }
.co-logon-pad {
    padding-top:33px;
}

.ac-panel-pad {
    padding-top:24px;
}
.ac-panel-main-mob {
    display:none;
}
.ac-panel-main-mob.ok{
    display:block;
}
.ac-panel-account-mob {
    padding-left:8px;
    padding-right:36px;
    display:none;
}
.ac-panel-account-mob.ok{
    display:block;
}
.ac-panel-address-mob {
    padding-left:8px;
    padding-right:36px;
    display:none;
}
.ac-panel-address-mob.ok{
    display:block;
}
.ac-panel-pass-mob {
    padding-left:8px;
    padding-right:36px;
    display:none;
}
.ac-panel-pass-mob.ok{
    display:block;
}
.ac-panel-account {
    border: thin solid #e0e0e0;
    padding: 24px;
    margin-top: 3px;
    margin-left: 24px;
    width:100%;
}
.ac-panel {
    border: thin solid #e0e0e0;
    padding: 24px;
    margin-top: 3px;
    margin-right: 36px;
}
.ac-panel-mob {
    border: thin solid #e0e0e0;
    padding: 12px;
    margin-top: 3px;
}
.ac-error {
    font-family: quicksand;
    font-size: 0.8em;
    color: #5d5d5d;
}
.ac-label {
    font-family: quicksand;
    font-size: 0.8em;
    color: #868686;
}

.ac-label-white {
    font-family: quicksand;
    font-size: 0.8em;
    color: white;
}

iframe.noscrolling {
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
}

.asp-zero {
 
    padding: 0px !important;
}
.asp-acc-name {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:2% 50%;
    background-repeat:no-repeat;
}
.asp-acc-name.ok
 {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-acc-blank {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:2% 50%;
    background-repeat:no-repeat;
}
.asp-acc-blank.ok
 {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-acc-phone {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:2% 50%;
    background-repeat:no-repeat;
}
.asp-acc-phone.ok
 {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-acc-email {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:2% 50%;
    background-repeat:no-repeat;
}
.asp-acc-email.ok
 {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-acc-pass {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:2% 50%;
    background-repeat:no-repeat;
}
.asp-acc-pass.ok
 {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-zero-name {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}

.asp-zero-name:valid {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-zero-name:invalid {
    background-image: url(../images/ac-name.png);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}
.asp-zero-email {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
}
.asp-zero-email:valid {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.asp-zero-email:invalid {
    background-image: url(../images/ac-email.png);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}
    .asp-zero-email.nomarg {
        margin: 0px !important;
    }

.asp-zero-pass {
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 32px !important;
}
.asp-zero-pass:valid {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
    .asp-zero-pass:invalid {
        background-image: url(../images/ac-pass.png);
        background-repeat: no-repeat;
        background-position: 2% 50%;
    }
.sliderrail {
    position: relative;
    background-color: #f9d584;
    height: 22px;
    width: 100%;
}

.ajax__multi_slider_custom .outer_rail_horizontal {
    position: absolute;
    background: url('../images/rail_light.gif') no-repeat;
    width: 221px;
    height: 34px;
    z-index: 10;
}

.ajax__multi_slider_custom .inner_rail_horizontal {
    position: absolute;
    background: url('../images/rail_dark.gif') no-repeat;
    width: 221px;
    height: 34px;
    z-index: 10;
}

.ajax__multi_slider_custom .handle_horizontal_left {
    position: absolute;
    background-image: url('../images/handle_left.gif');
    background-repeat: no-repeat;
    width: 13px;
    height: 25px;
    z-index: 20;
    cursor: w-resize;
}

.ajax__multi_slider_custom .handle_horizontal_right {
    position: absolute;
    background: url('../images/handle_right.gif') no-repeat;
    width: 13px;
    height: 25px;
    z-index: 20;
    cursor: w-resize;
}

.ajax__multi_slider_custom .handle_horizontal {
    position: absolute;
    background: url('../images/handle.gif') no-repeat;
    width: 9px;
    height: 34px;
    z-index: 20;
    cursor: w-resize;
}

.MggSliderRail {
     position: relative;
     background: grey url('../images/rail_dark.gif');
     height: 32px;
     width:200px;
}
 .MggSliderHandle 
 {

position:absolute;
    width: 9px;
    height: 34px;
    cursor: w-resize;
}
 .ajax__slider_v_rail 
 {
     position:relative;
     width:22px;
     background-color: #f9d584;
}
 .ajax__slider_v_handle 
 {

position:absolute;
     height:10px;width:20px;

}


.dl-four-columns span {
    display: inline-block;
    border: thin solid #ececec;
    margin-left: 3px;
    margin-right: 3px;
    width: 24%;
}
.dl-three-columns span {
    display: inline-block;
    border: thin solid #ececec;
    margin-left: 3px;
    margin-right: 3px;
    width: 24%;
}
/*.dl-four-columns span p {
    font-size:0.8vw;
}*/

.dl-two-columns span {
    display: inline-block;
    border: thin solid #ececec;
    margin-left: 3px;
    margin-right: 3px;
    width: 47%;
}

    .dl-two-columns span p {
        font-size: 1.0em;
    }

.dl-one-columns span {
    display: inline-block;
    border: thin solid #ececec;
    margin-left: 3px;
    margin-right: 3px;
    width: 95%;
}

    .dl-one-columns span p {
        font-size: 1.0em;
    }

.wishlist-results {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
}

.mgg-modal-load {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.mgg-loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

#overlay {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
}

#theprogress {
    padding: 10px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

#modalprogress {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight: bold;
    font-size: 14px;
}

.prefbox {
    width: 252px;
    margin-top: 21px;
    margin-left: 9px;
    border: thin solid #ececec;
    background-color: white;
}

    .prefbox h3 {
        font-family: quicksand-bold;
        color: #5d5d5d;
    }
.prefbox-fixed {
    width: 240px;
    margin-top: 21px;
    margin-left: 9px;
    border: thin solid #ececec;
    background-color: white;
    position: fixed;
    top:194px;
    z-index:1;
}

    .prefbox-fixed h3 {
        font-family: quicksand-bold;
        color: #868686;
    }
.prefbox-holder {
    height:800px;
}
.prefbox-fixed-banner {
    width: 240px;
    margin-top: 21px;
    margin-left: 9px;
    border: thin solid #ececec;
    background-color: white;
    position: fixed;
    z-index:1;
}

    .prefbox-fixed-banner h3 {
        font-family: quicksand-bold;
        color: #868686;
    }
.resultsbox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-right: 0px;
    min-height: 800px;
}
.resultsbox-fix {
    display: block;
    margin-left: 246px;
    margin-right: auto;
    margin-top: 0px;
    padding-right: 0px;
    min-height: 800px;
}
.footer-above-pref {
    z-index:10;
    position:relative;
}
.basket-count {
    position: relative;
    left: -19px;
    top: 12px;
    color: black;
    font-family: quicksand;
    font-size:0.8em;
    text-decoration: none;
}

    .basket-count a {
        color: black;
        font-family: quicksand;
        text-decoration: none;
    }

.basket-countm {
    position: relative;
    left: -22px;
    top: 17px;
    color: black;
    font-family: quicksand;
    text-decoration: none;
}

    .basket-countm a {
        color: black;
        font-family: quicksand;
        text-decoration: none;
    }

.wishlist-count {
    position: relative;
    left: -19px;
    top: 10px;
    color: black;
    font-family: quicksand;
    text-decoration: none;
}

.wishlist-count {
    color: black;
    top:12px;
    font-family: quicksand;
    text-decoration: none;
    font-size:0.8em;
}

.mgg-mobile-logo {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
}

.mgg-prices {
    font-size: 1.5vw;
    border: none;
    border-color: white;
}

    .mgg-prices p {
        font-size: 1.5vw;
        border: none;
        border-color: white;
    }

.mgg-prod-desc {
    font-size: 1.0rem;
    border: none;
    border-color: white;
    height: 112px;
    padding-top: 12px;
}

    .mgg-prod-desc p {
        font-size: 1.0rem;
        border: none;
        border-color: white;
    }
@media(max-width:1480px) {
.mgg-prod-desc {
    font-size: 0.8rem;
    border: none;
    border-color: white;
    height: 112px;
    padding-top: 12px;
}

    .mgg-prod-desc p {
        font-size: 0.8rem;
        border: none;
        border-color: white;
    }
}
.mgg-prod-icons {
    border-top: thin solid #ececec;
    padding-top: 6px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mgg-prod-details {
    border-top: thin solid #e9e5e5;
    padding-top: 6px;
    margin-right: 12px;
}

.mgg-prod-details-last {
    border-top: thin solid #e9e5e5;
    padding-top: 6px;
    border-bottom: thin solid #e9e5e5;
    padding-top: 6px;
    padding-top: 6px;
    padding-bottom: 9px;
    margin-right: 12px;
}
/*
.mgg-basket-items {
    border: thin solid #e9e5e5;
    padding: 6px;
    margin-bottom: 12px;
}*/
.mgg-basket-items-x span {
    display: inline-block;
    border: thin solid #e9e5e5;
    padding: 6px;
    margin-bottom: 12px;
    margin-left:0px;
    width:99%;
}
.mgg-basket-items span {
    display: inline-block;
    border: thin solid #e9e5e5;
    padding: 6px;
    /*margin-bottom: 12px;*/
    margin-left:9px;
    width:99%;
}
.mgg-order-items {
    display: block;
    width:100%;
}
.mgg-order-items span {
    display: inline-block;
    border: thin solid #e9e5e5;
    padding: 6px;
    margin-bottom: 12px;
    margin-left:9px;
    width:100%;
}
input[type=text].mgg-price-range {
    border: none;
    padding-top: 0px;
    margin-top: 0px;
}

.mgg-prod-pic {
    position: relative;
    z-index: 2;
}

    .mgg-prod-pic img {
        -webkit-transition: all 1s ease; /* Safari and Chrome */
        -moz-transition: all 1s ease; /* Firefox */
        -ms-transition: all 1s ease; /* IE 9 */
        -o-transition: all 1s ease; /* Opera */
        transition: all 1s ease;
    }

        .mgg-prod-pic img:hover {
            -webkit-transform: scale(1.5); /* Safari and Chrome */
            -moz-transform: scale(1.5); /* Firefox */
            -ms-transform: scale(1.5); /* IE 9 */
            -o-transform: scale(1.5); /* Opera */
            transform: scale(1.5);
        }

.mgg-sidebar {
    display: inline-block;
    background-color: #34495e;
}

    .mgg-sidebar h1 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
    }

    .mgg-sidebar h2 {
        font-weight: 300;
        color: #B0CADB;
    }

.middle-header {
    text-align: center;
}

@media only screen and (min-width: 64.063em) {
    .mgg-sidebar {
        position: fixed;
        background-color: #34495e;
        top: 0;
        bottom: 0;
    }

        .mgg-sidebar h1 {
            color: #fff;
            text-transform: uppercase;
            font-weight: 800;
        }

        .mgg-sidebar h2 {
            font-weight: 300;
            color: #B0CADB;
        }

    .mgg-middle-header {
        text-align: right;
        position: relative;
        top: 50%;
        transform: translateY(85%);
    }
}
.mgg-shipping-popup {
            background-color: white;
            width: 50%;
            max-height:100%;
            border: 1px solid #f9d584;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-password-popup {
            background-color: white;
            width: 50%;
            height:330px;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-password-popup-mob {
            background-color: white;
            width: 95%;
            height:330px;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-message-popup {
            background-color: white;
            width: 25%;
            height:150px;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-message-popup-mob {
            background-color: white;
            width: 95%;
            height:200px;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-image-popup {
            background-color: white;
            width: 80%;
            height:80%;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-orders-popup {
            background-color: #e7e7e7;
            width: 80%;
            height:50%;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-orders-popup-x {
            background-color: #e7e7e7;
            width: 85%;
            height:75%;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-orders-popup-mob {
    background-color: #e7e7e7;
    width: 95%;
    height: 80%;
    border: 1px solid #f9d584;
    padding-top: 12px;
    padding-right: 9px;
    box-shadow: 2px 2px 5px 2px grey;
}
.mgg-chkout-popup {
            background-color: #e7e7e7;
            width: 75%;
            height:400px;
            border: 1px solid #f9d584;
            padding-top:12px;
            padding-right:9px;
            box-shadow:2px 2px 5px 2px grey;	
}
.mgg-chkout-popup-mob {
    background-color: #e7e7e7;
    width: 95%;
    height: 80%;
    border: 1px solid #f9d584;
    padding-top: 12px;
    padding-right: 9px;
    box-shadow: 2px 2px 5px 2px grey;
}
.mgg-order-sum {
    margin-right:24px;
}
.mgg-checkout {
    text-decoration:none;
}
.mgg-checkout h1 {
    font-family : quicksand-bold;
    text-transform :uppercase;
    color : #5d5d5d;
    font-size: 2.0em;
    border-bottom: thin solid #e9e5e5;
    text-align:left;
    margin-bottom:12px;
    padding-bottom:12px;
}

.mgg-checkout h2 {
    display:block;
    font-family : quicksand;
    color : white;
    font-size: 1.4em;
    text-align:left;
    margin:0px;
    padding-bottom:12px;
    padding-top : 12px;
    padding-left : 18px;
    padding-right : 18px;
    background-color: #5d5d5d;
}
.mgg-checkout h3 {
    font-family : quicksand;
    color : white;
    font-size: 1.2em;
    text-align:left;
    margin-bottom:12px;
    padding-bottom:6px;
    padding-top : 6px;
    padding-left : 24px;
    padding-right : 9px;
    background-color: #5d5d5d;
}
.mgg-checkout h4 {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 2.0em;
    text-align:center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-top : 12px;
    padding-left : 9px;
    padding-right : 9px;
    background-color: white;
    border : thin solid #5d5d5d;
}
    .mgg-checkout h4 a {
        text-decoration: none;
        color : #5d5d5d;
    }
    .mgg-checkout h4 a:hover {
        text-decoration: none;
        color : #f9d584;
    }
.mgg-checkout h5 {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 1.2em;
    text-align:left;
    margin-bottom: 12px;
    padding-bottom: 6px;
    padding-top : 6px;
    padding-left : 24px;
    padding-right : 9px;
    background-color: white;
    border : thin solid #5d5d5d;
    background-image: url('');
    background-position: 99% 50%;
    background-repeat: no-repeat;
    margin-left:9px;
    margin-right:9px;
}
.mgg-checkout h6 {
    font-family : quicksand-bold;
    color : #5d5d5d;
    font-size: 1.4em;
    text-align:left;
    text-transform :uppercase;
    padding-left:18px;
    padding-right:18px;
}
.mgg-checkout-item {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 0.9em;
    text-align:left;
    margin-bottom: 12px;
    padding-bottom: 6px;
    padding-top : 6px;
    padding-left : 24px;
    padding-right : 0px;
    margin-left:9px;
    margin-right:9px;
}
.mgg-bill {
    text-decoration:none;
}
.mgg-bill h1 {
    font-family : quicksand-bold;
    text-transform :uppercase;
    color : #5d5d5d;
    font-size: 2.0em;
    border-bottom: thin solid #e9e5e5;
    text-align:left;
    margin-bottom:12px;
    padding-bottom:12px;
}

.mgg-bill h2 {
    display:block;
    font-family : quicksand;
    color : white;
    font-size: 1.4em;
    text-align:left;
    margin:0px;
    padding-bottom:12px;
    padding-top : 12px;
    padding-left : 18px;
    padding-right : 18px;
    background-color: #5d5d5d;
}
.mgg-bill h3 {
    font-family : quicksand;
    color : white;
    font-size: 1.2em;
    text-align:left;
    margin-bottom:12px;
    margin-left:18px;
    margin-right:3px;
    padding-bottom:6px;
    padding-top : 6px;
    padding-left : 9px;
    padding-right : 9px;
    background-color: #5d5d5d;
}
.mgg-bill h4 {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 2.0em;
    text-align:center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-top : 12px;
    padding-left : 9px;
    padding-right : 9px;
    background-color: white;
    border : thin solid #5d5d5d;
}
    .mgg-bill h4 a {
        text-decoration: none;
        color : #5d5d5d;
    }
    .mgg-bill h4 a:hover {
        text-decoration: none;
        color : #f9d584;
    }
.mgg-bill h5 {
    padding: 6px 9px;
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 1.2em;
    text-align:left;
    margin-bottom: 12px;
    background-color: white;
    border : thin solid #5d5d5d;
    background-image: url('');
    background-position: 99% 50%;
    background-repeat: no-repeat;
    margin-left:18px;
    margin-right:3px;
}
.mgg-bill h6 {
    font-family : quicksand-bold;
    color : #5d5d5d;
    font-size: 1.4em;
    text-align:left;
    text-transform :uppercase;
    padding-left:18px;
    padding-right:18px;
}
.mgg-checkout-change {
    font-family : questa-regular;
    color : #5d5d5d;
    font-size: 1.8vw;
    text-align:center;
    margin-bottom: 12%;
    margin-top:12%;
    margin-left: 9%;
    margin-right: 9%;
    padding-bottom: 12px;
    padding-top : 12px;
    padding-left : 9px;
    padding-right : 9px;
    background-color: white;
    border : thin solid #5d5d5d;
    text-decoration: none;
    text-transform:uppercase;
    width:auto;
}
    .mgg-checkout-change a {
        text-decoration: none !important;
        color : #5d5d5d !important;
    }
    .mgg-checkout-change a:hover {
        text-decoration: none !important;
        color : #f9d584 !important;
    }
.mgg-sage-block {
    position:relative;
    padding-left:0; 
    padding-right:0; 
    padding-top:12px;
    margin-right:0px;
    background-color:white; 
    width:100%; 
}
.mgg-checkout-block-c {
    background-color: #e7e7e7;
    padding-top:12px;
    margin-right:9px;
    width:48%;
}
.mgg-checkout-block-d {
    padding-top:12px !important;
    padding-left:6% !important;
    width:48%;
}
.mgg-checkout-block-x {
    background-color: #e7e7e7;
    padding-top:12px;
}
.mgg-checkout-block-x p {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 1.0em;
    text-align:left;
    padding:0px;
    margin:0px;
}
.mgg-checkout-block-x h6 {
    font-family : quicksand-bold;
    color : #5d5d5d;
    text-align:left;
    padding-left:6px;
    padding-bottom:6px;
    margin:0px;
}
.mgg-checkout-block {
    background-color: #e7e7e7;
    padding-top:12px;
}
.mgg-checkout-block p {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 1.0em;
    text-align:left;
    padding:0px;
    margin:0px;
}
.mgg-checkout-block.mob {
    background-color: #e7e7e7;
    padding-top:12px;
}
.mgg-checkout-block.mob p {
    font-family : quicksand;
    color : #5d5d5d;
    font-size: 0.8em;
    text-align:left;
    padding:0px;
    margin:0px;
}
.mgg-checkout-block-dark {
    background-color: #5d5d5d;
}

.mgg-acc-holder {
    border: thin solid #e9e5e5;
    padding:24px;
}
/* contact form textboxes*/
.mgg-contact-tb:empty {
    background-image:none;
}
.mgg-contact-tb:valid {
    background-image:url('');
    background-position:98% 50%;
    background-repeat:no-repeat;
}
.mgg-contact-tb:invalid {
    background-image:none;
}
.mgg-mobile-menu {
    display: none;
    margin-left:6px;
    width:80%;
    position:absolute;
    z-index:100;
    border: thin solid #ececec;
    background-color:white;
}
.mgg-mobile-menu-item {
    font-family: quicksand;
    text-transform:uppercase;
    color: #555555;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: thin solid #e0e0e0;
    font-size: 1.0rem;
    line-height: 1.125rem;
}
.mgg-mobile-menu-item a {
    font-family: quicksand;
    text-transform:uppercase;
    color: #555555;
    text-decoration: none;
}
.mgg-mobile-menu.ok {
    display: block;
}
.mgg-blackout {
    display:none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    width:100%;
    height:100%;
    background-color: #000000;
    opacity: 0.7;
}

.mgg-anniversary-gifts {
    /*border-top: thin solid #e7e7e7;*/
    padding-top:68px;
    display:none;
}
.mgg-anniversary-gifts.ok {
    display:block;
}
/* mobile account headings */
.mgg-account-mob-head {
    text-decoration:none;
}
.mgg-account-mob-head h1 {
    font-family : quicksand-bold;
    text-transform :uppercase;
    color : #5d5d5d;
    font-size: 1.6em;
    text-align:left;
    margin-bottom:12px;
    padding-bottom:12px;
}
/* Mobile account menus*/
.mgg-account-menu-mob-new {
    background-color: #e7e7e7;
    color: #5d5d5d;
    font-family: quicksand;  
    padding-top:6px;
    padding-bottom:0px; 
    margin:0; 
}
.mgg-account-menu-mob-new h1 {
    font-size: 1.2em;
    text-transform:uppercase;
    font-weight:normal;
    color: #5d5d5d;
    padding-bottom:9px;
    text-align:left;
    padding-left:24px;
    margin:0;
}
.mgg-account-menu-mob-new-white {
    background-color: white;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}
.mgg-account-menu-mob-new-grey-ni {
    background-color: #e7e7e7;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}
.mgg-account-menu-mob-new-grey {
    background-color: #e7e7e7;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}
.mgg-account-menu-mob-new-white h1 {
    font-size: 1.0rem;
    text-transform:uppercase;
    font-weight:normal;
    color: #5d5d5d;
    padding-bottom:9px;
    text-align:left;
    padding-left:24px;
    margin:0;
}
.mgg-account-menu-mob-new-white a {
    text-decoration:none;
    color: #5d5d5d;
}
.mgg-account-menu-mob-new-white a:hover {
    text-decoration:none;
    color: #5d5d5d;
}
/* Account Details */
.mgg-account-menu-mob-new-white-ld {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}

/* Account address */
.mgg-account-menu-mob-new-white-la {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}

/* Account password */
.mgg-account-menu-mob-new-white-lp {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    padding-left:24px;
    line-height: 1.125rem;
}

/* Account main */
.mgg-account-menu-mob-new-lm {
    font-family: quicksand;  
    margin:0;
    text-transform:uppercase;
    font-size:1.0rem;
}

.mgg-account-menu-mob-new-lm a {
    text-decoration:none;
    color: #5d5d5d;
    display:block;
}
.mgg-account-menu-mob-new-lm a:hover {
    text-decoration:none;
    color: #5d5d5d;
}
.mgg-account-menu-mob {
    margin-left:24px;
    margin-bottom:24px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    margin-top:3px;
    width: 260px;
    display:none;
    /*font-family: quicksand;
    text-transform: uppercase;*/

}
    
.mgg-account-menu-mob.ok {
    display:block;
}

.mgg-account-menu-item-mob {
    border-top: thin solid #5d5d5d;
    padding:12px;
    text-transform: uppercase;
    background-color: #e7e7e7;
}

.mgg-account-menu {
    background-color: #e7e7e7;
    border-top: thin solid #5d5d5d;
    margin-left:24px;
    margin-bottom:24px;
    padding-left:0px !important;
    padding-right:0px !important;
    margin-top:3px;
    width:14%;
}
.mgg-account-menu a {
    color:#5d5d5d;
    text-decoration: none;
    display:block;
}
.mgg-account-menu a:hover {
    color:black;
    text-decoration: none;
}

.mgg-account-menu-item-last {
    border-bottom: thin solid #5d5d5d;
    padding:12px;
    text-transform: uppercase;
    font-size:1.0vw;
}
.mgg-account-menu-item-last:hover {
    background-color:white;
}
.mgg-account-menu-item {
    border-bottom: thin solid #5d5d5d;
    padding:12px;
    text-transform: uppercase;
    font-size:1.0vw;
}
.mgg-account-menu-item:hover {
    background-color:white;
}
.mgg-account-menu p {
    text-transform: uppercase;
    border-bottom: thin solid #5d5d5d;
    color: #5d5d5d;
    padding-left:0;
    margin-left:0px;
}

.mgg-reminders {
    border: thin solid #e7e7e7;
    padding:3px;
    margin:3px;
}
.mgg-reminders-d {
    border: thin solid #e7e7e7;
    padding:3px;
}
.mgg-checkout-delivery-opt {
    display:block;
    background-color:#e7e7e7;
    padding-top:12px;
    padding-bottom:12px;
    padding-right:18px;
    padding-left:12px;
    margin-top:0px;
    margin-bottom:24px;
    font-family:quicksand;
}
.mgg-checkout-delivery {
    border: thin solid #f9d584;
    background-color:white;
}
.mgg-checkout-delivery p {
        padding-top:24px;
    padding-bottom:6px;
}
.mgg-slick-mobile {
    display:block;
    width:100%;
}
.mgg-slick-desktop {
    display:block;
    width:100%;
}
.mgg-show-zoom {
    display: none;
    margin-left:auto;
    margin-right:auto;
    width:80%;
    position:absolute;
    z-index:900;
    border: thin solid #ececec;
    background-color:white;
}
.mgg-show-zoom.ok {
}
.mgg-hidden {
    display:none;
}
.mgg-pad {
    padding-bottom:15px !important;
    margin-bottom:0;
}
#adjust-padding {
    position: relative;
    top:-10%;
}
.mgg-fancybox {
    padding:0;
}

.mgg-anniversary-gifts-spacer {
    margin-top:8px;
    margin-bottom:8px;
}
.mgg-anniversary-select {
    display:block;
    background-image: url('../images/ann-back.png');
    background-repeat:no-repeat;
    background-size:cover;
    height:66px;
    width:66px;
    font-size:1.2em;
    color:#5d5d5d;
    padding-top:18px;
    font-family:questa-regular;
    margin-bottom:24px;
    text-decoration:none;
    margin-left:auto;
}
    .mgg-anniversary-select a {
            text-decoration:none;
            color:#5d5d5d;
    }
    .mgg-anniversary-select a:hover {
            text-decoration: none;
            color:#5d5d5d;
    }
    .mgg-anniversary-gifts-banner {

    }
    .mgg-anniversary-gifts-banner h1 {
        text-align:center;
        color:white;
        font-family:Questa;
        font-size:5vw;
        font-weight:normal;
        top:-11.2vw;
        position:relative;
        margin-bottom:-4.6vw;
    }
    .mgg-anniversary-gifts-button h1 {
        text-align:center;
        color:white;
        font-family:Questa;
        font-size:1.2vw;
        font-weight:normal;
        top:-2.8vw;
        position:relative;
        margin-bottom:-1.9vw;
        z-index:1;
    }

/* Ajax Calendar Desktop */
   .MyPopupCalendar .ajax__calendar_body
    {
        width: 400px;
        height: 400px; /* modified */
        position: relative;
    }

.MyPopupCalendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color:#ffffff;
    color:#5d5d5d;
    padding:4px;
    margin:4px;
    font-size:1.5em;
    width:100%;
    font-family:quicksand;
}

.MyPopupCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;padding:3px;margin:24px; }
.MyPopupCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;padding:0;margin:0;}

.MyPopupCalendar .ajax__calendar_days {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendar .ajax__calendar_days table {padding:0;margin:0; width:100%; height:100%;font-size:1.2em;}
.MyPopupCalendar .ajax__calendar_days table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendar .ajax__calendar_months {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendar .ajax__calendar_months table {padding:0;margin:0; width:100%; height:100%;font-size:0.8em;}
.MyPopupCalendar .ajax__calendar_months table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendar .ajax__calendar_years {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendar .ajax__calendar_years table {padding:0;margin:0; width:100%; height:100%;font-size:0.7em;}
.MyPopupCalendar .ajax__calendar_years table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendar .ajax__calendar_day {padding:0;margin:0;}
.MyPopupCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyPopupCalendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyPopupCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}

.MyPopupCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#868686;}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#868686;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:black;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:black;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:black;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_title {color:#5d5d5d;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_today {color:#5d5d5d;}

/* Ajax Calendar Mobile */
   .MyPopupCalendarM .ajax__calendar_body
    {
        width: 260px;
        height: 300px; /* modified */
        position: relative;
    }

.MyPopupCalendarM .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color:#ffffff;
    color:#5d5d5d;
    padding:4px;
    margin:4px;
    font-size:1.1em;
    width:100%;
    font-family:quicksand;
}

.MyPopupCalendarM .ajax__calendar_footer {border-top:1px solid #f5f5f5;padding:3px;margin:24px; }
.MyPopupCalendarM .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;padding:0;margin:0;}

.MyPopupCalendarM .ajax__calendar_days {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendarM .ajax__calendar_days table {padding:0;margin:0; width:100%; height:100%;font-size:1.2em;}
.MyPopupCalendarM .ajax__calendar_days table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendarM .ajax__calendar_months {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendarM .ajax__calendar_months table {padding:0;margin:0; width:100%; height:100%;font-size:0.9em;}
.MyPopupCalendarM .ajax__calendar_months table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendarM .ajax__calendar_years {padding:0; margin-top:24px; width:100%; height:100%;}
.MyPopupCalendarM .ajax__calendar_years table {padding:0;margin:0; width:100%; height:100%;font-size:0.8em;}
.MyPopupCalendarM .ajax__calendar_years table tr td {font-size:1.0em; padding-bottom:24px; color:#5d5d5d;}

.MyPopupCalendarM .ajax__calendar_day {padding:0;margin:0;}
.MyPopupCalendarM .ajax__calendar_month {border:1px solid #ffffff;}
.MyPopupCalendarM .ajax__calendar_year {border:1px solid #ffffff;}

.MyPopupCalendarM .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}
.MyPopupCalendarM .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}
.MyPopupCalendarM .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#5d5d5d;}

.MyPopupCalendarM .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#868686;}
.MyPopupCalendarM .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#868686;}

.MyPopupCalendarM .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:black;}
.MyPopupCalendarM .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:black;}
.MyPopupCalendarM .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:black;}

.MyPopupCalendarM .ajax__calendar_hover .ajax__calendar_title {color:#5d5d5d;}
.MyPopupCalendarM .ajax__calendar_hover .ajax__calendar_today {color:#5d5d5d;}

.srl-width {
    width:85%;
}

#mobile-refine h3 {
    background-color: #ececec;
    padding-top:8px;
    padding-bottom:8px;
    border-bottom:thin solid #ececec;
    margin-top:0;
    margin-bottom:0;
}
.can-personalise-cb
{
    font-family:quicksand-bold;
    font-size:1.2em;
    padding-left:12px;        
}
.anniversary-title {
    background-color: #f9d584;
    color:#5d5d5d;
    font-size:1.2em;
    padding-top:12px;
    margin-bottom:0;
}
    .anniversary-title h1 {
        font-family: quicksand;
        font-weight: normal;
    }
.desktop-title {
    color:#555555;
    font-size:1.2em;
    padding-top:12px;
    margin-bottom:0;
    text-align:left;
    font-family:quicksand;
}
#mgg-refine h3 {
    background-color: white;
    padding-top:8px;
    padding-bottom:8px;
    border-bottom:thin solid #ececec;
}
.mgg-member-name {
    position:relative;
    top:-56px;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    margin-right: 6px;
    font-size:0.8em;
    font-family: quicksand;
    color:#555555;
    text-align:right;
    height: 0px;
}

.mgg-dropdowns {
    font-family : quicksand;
    padding-right : 20px;
}
.mgg-dropdowns option {
    padding-right : 20px;
}
.mgg-gift-srl-text {
    height:100px;
}
.mgg-li-pb {
    padding-bottom:0 !important;
}
.mgg-blog iframe {
    display: block;
    background: #000;
    border: none;
    height: 100vh;
    width: 100%;
}

/* New Buttons */
.mgg-checkout-button {
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    padding-bottom:15px;
    padding-top : 15px;
    padding-left : 28px;
    padding-right : 28px;
    margin:0px;
    margin-bottom:6px;
    border:none;
}
.mgg-checkout-button[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-checkout-button-aw {
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    padding-bottom:15px;
    padding-top : 15px;
    padding-left : 28px;
    padding-right : 28px;
    margin:0px;
    margin-bottom:6px;
    border:none;
    width: auto;
}
.mgg-checkout-button-aw[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-checkout-button:hover, .mgg-checkout-button:focus {
        background-color: #5d5d5d;
        color: #f9d584;
}
.mgg-checkout-button-fw {
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    padding-bottom:15px;
    padding-top : 15px;
    padding-left : 28px;
    padding-right : 28px;
    margin:0px;
    margin-bottom:6px;
    border:none;
    width:80%;
}
.mgg-checkout-button-fw[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-checkout-button-fw:hover, .mgg-checkout-button:focus {
        background-color: #5d5d5d;
        color: #f9d584;
}
.mgg-checkout-button-sub {
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.1em;
    text-transform:uppercase;
    padding-bottom:8px;
    padding-top : 8px;
    padding-left : 14px;
    padding-right : 14px;
    margin:0px;
    margin-bottom:6px;
    border:none;
}
.mgg-checkout-button-sub[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.1em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-checkout-button-sub-aw {
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.1em;
    text-transform:uppercase;
    padding-bottom:8px;
    padding-top : 8px;
    padding-left : 14px;
    padding-right : 14px;
    margin:0px;
    margin-bottom:6px;
    border:none;
    width: auto;
    text-align: center;
}
.mgg-checkout-button-sub-aw[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.1em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-checkout-button-sub:hover, .mgg-checkout-button-sub:focus {
        background-color: #5d5d5d;
        color: #f9d584;
}
.mgg-basket-button {
    background-image: url(../images/mgg-basket-button.png);
    background-repeat: no-repeat;
    background-position: 15px, 50%;
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    padding-bottom:15px;
    padding-top : 15px;
    padding-left : 51px;
    padding-right : 15px;
    margin:0px;
    margin-bottom:6px;
    border:none;
}
.mgg-basket-button[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-basket-button:hover, .mgg-basket-button:focus {
    background-image: url(../images/mgg-basket-button-ro.png);
    background-repeat: no-repeat;
    background-position: 15px, 50%;
    background-color: #5d5d5d;
    color: #f9d584;
}
.mgg-wishlist-button {
    background-image: url(../images/mgg-wish-button.png);
    background-repeat: no-repeat;
    background-position: 15px, 50%;
    background-color: #f9d584;
    color: #5d5d5d;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    padding-bottom:15px;
    padding-top : 15px;
    padding-left : 57px;
    padding-right : 15px;
    margin:0px;
    margin-bottom:6px;
    border:none;
}
.mgg-wishlist-button[disabled] {
    background-color: #f9d584;
    color: #868686;
    font-family:questaregular;
    font-size: 1.4em;
    text-transform:uppercase;
    opacity:0.5;
}
.mgg-wishlist-button:hover, .mgg-basket-button:focus {
    background-color: #5d5d5d;
    color: #f9d584;
}
/* START phase 2 */
/* Navigation bar position items */
.p2-menu-1 {
    left:58px;
    position:relative;
}
.p2-menu-2 {
    left:60px;
    position:relative;
}
.p2-menu-3 {
    left:93px;
    position:relative;
}
.p2-menu-4 {
    left:80px;
    position:relative;
}
.p2-menu-5 {
    left:60px;
    position:relative;
}
.p2-menu-6 {
    left:98px;
    position:relative;
}
.p2-menu-7 {
    left:36px;
    position:relative;
}
/* Navigation bar */
.scp-nav-bar-p2 {
    background: #F8F8F8;
    padding-top: 22px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #e7e7e7;
}

    .scp-nav-bar-p2 li a:not(.button) {
        background: #F8F8F8 !important;
        color: #1d1d1b !important;
        font-size: 1.1em;
        font-family: quicksand;
        text-transform: uppercase;
        background-image: url(../images/heart-blank.png) !important;
        background-repeat: no-repeat !important;
        background-position: 50% 0% !important;
        padding-top: 18px !important;
        /*margin-left:20%;*/
    }

        .scp-nav-bar-p2 li a:not(.button):hover {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-family: quicksand-bold;
            background-image: url(../images/heart.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            border-bottom: 2px solid #f9d584;
            text-decoration: none;
        }
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
        .scp-nav-bar-p2 li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 1.1em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            /*margin-left:20%;*/
        }
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
        .scp-nav-bar-p2 li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 1.1em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            /*margin-left:20%;*/
        }
}
@media only screen and (min-width: 1410px) and (max-width: 1499px) {
        .scp-nav-bar-p2 li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 1.0em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            /*margin-left:20%;*/
        }
}
@media only screen and (min-width: 1310px) and (max-width: 1409px) {
        .scp-nav-bar-p2 li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 0.98em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            /*margin-left:20%;*/
        }
}

@media only screen and (min-width: 1228px) and (max-width: 1309px) {
        .scp-nav-bar-p2 li a:not(.button) {
            background: #F8F8F8 !important;
            color: #1d1d1b !important;
            font-size: 0.88em;
            font-family: quicksand;
            text-transform: uppercase;
            background-image: url(../images/heart-blank.png) !important;
            background-repeat: no-repeat !important;
            background-position: 50% 0% !important;
            padding-top: 18px !important;
            /*margin-left:20%;*/
        }
}
@media only screen and (min-width: 900px) and (max-width: 1227px) {
    .scp-nav-bar-p2 li a:not(.button) {
        background: #F8F8F8 !important;
        color: #1d1d1b !important;
        font-size: 0.74em;
        font-family: quicksand;
        text-transform: uppercase;
        background-image: url(../images/heart-blank.png) !important;
        background-repeat: no-repeat !important;
        background-position: 50% 0% !important;
        padding-top: 18px !important;
    }
    .p2-menu-6 {
    left:80px;
    position:relative;
}
}
@media only screen and (min-width: 600px) and (max-width: 899px) {
    .scp-nav-bar-p2 li a:not(.button) {
        background: #F8F8F8 !important;
        color: #1d1d1b !important;
        font-size: 0.8em;
        font-family: quicksand;
        text-transform: uppercase;
        background-image: url(../images/heart-blank.png) !important;
        background-repeat: no-repeat !important;
        background-position: 50% 0% !important;
        padding-top: 18px !important;
        text-align: center;
    }
    .p2-menu-1 {
        left:18px;
        position:relative;
    }
    .p2-menu-2 {
        left:30px;
        position:relative;
    }
    .p2-menu-3 {
        left:60px;
        position:relative;
    }
    .p2-menu-4 {
        left:68px;
        position:relative;
    }
    .p2-menu-5 {
        left:60px;
        position:relative;
    }
    .p2-menu-6 {
        left:80px;
        position:relative;
    }
    .p2-menu-7 {
        left:36px;
        position:relative;
    }
}
/* phase 2 dlinks used on anniversary drop down*/
.qs-para-dlinks-p2 {
    font-family: quicksand;
    color: #5d5d5d;
}

    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 1.1em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }

        .qs-para-dlinks-p2 li a:hover {
            font-family: quicksand;
            color: black;
            text-decoration: none;
            border-bottom: thin solid black;
            background-image:none !important;
        }

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 1.1em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1799px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 1.1em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 1410px) and (max-width: 1499px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 1.0em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 1310px) and (max-width: 1409px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 0.98em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 1228px) and (max-width: 1309px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 0.88em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1227px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 0.74em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 899px) {
    .qs-para-dlinks-p2 li a {
        font-family: quicksand;
        font-size: 0.64em;
        color: #5d5d5d;
        text-decoration: none;
        background-image:none !important;
    }
}
/* end phase 2 dlinks */
/* END phase 2*/

button:focus {outline:0 !important;}
input:focus {outline:0 !important;}

/* changes for tablet 12/10/2017 */
/* 21/11/2016 changed max-width to 66em from 64em */
@media only screen and (min-width: 48em) and (max-width: 66em) {
    .acHeader, .wlHeader, .sbHeader {
        width: 34px;
        height: 36px;
    }
    .acHeader, .wlHeader {
        background-size: contain;
    }
    .mgg-chkout-popup{
       height: 460px;
    }
    #ContentPlaceHolder1_prod_items span{
      width: 31%;
      margin-left: 1%;
      margin-right: 1%;
    }
    #ContentPlaceHolder1_prod_items.mgg-basket-items span{
      width:100%;
    }
    .show-for-large-up .qs-para .small-3.prefbox{
      width: 33%;
      max-width: 250px;
    }
    .small-7 .row .small-6 .ac-panel{
      margin-right: 0px;
    }
    .mgg-checkout h6{
      font-size: 1em;
    }
.wishlist-count{
      top: 8px;
      left: -16px;
      font-size: 0.7em;
    }
    .basket-count{
      left: -16px;
      top: 11px;
      font-size: 0.7em;
    }
    .scp-header ul.small-block-grid-5{
      margin-left: 3px;
    }
    .scp-header ul.small-block-grid-3{
      margin-top: 4px;
    }
    .small-3 .qs-para-bold.scp-left.scp-padding-t6 {
      width: 120px;
      margin-left: 10px;
      margin-top: 6px;
    }
    .small-1 .qs-para-bold.scp-left.scp-padding-t6 {
      width: 49px;
      margin-left: -2px;
      margin-top: 6px;
    }
    .mgg-member-name{
      top: -75px;
      left: 20px;
    }
    .my-wishlist-page .small-10{
        width: 72%;
    }
    .my-wishlist-page #ContentPlaceHolder1_UpdatePanel1{
        width: 150px;
        margin-left: -15px;
    }
    .my-wishlist-page #ContentPlaceHolder1_UpdatePanel3 #ContentPlaceHolder1_prod_items span{
        width:48%;
    }
    .my-orders-page .small-10, .my-reminders-page .small-10{
        width: 72%;
    }
    .my-orders-page .small-10 #ContentPlaceHolder1_mgg_orders .small-4{
        width: 40%;
    }
    .my-orders-page .small-10 #ContentPlaceHolder1_mgg_orders .small-2{
        width: 20%;
    }
    .my-orders-page .small-10 #ContentPlaceHolder1_mgg_orders .small-1{
        display: none;
    }
    .my-orders-page .small-10 #ContentPlaceHolder1_mgg_orders .button-details{
        width:100%;
        display: block;
    }
    .my-reminders-page .mgg-reminders-d .scp-margin-0b .small-2{
        width: 32%;
        float: left;
        text-align: center;
    }
    .my-reminders-page .mgg-reminders-d .scp-margin-0b .small-5{
      width:0;
    }
    .mgg-orders-popup{
       width: 95%;
       left: 2.5%;
    }
    .mgg-orders-popup p{
       padding-left:0;
    }
    .scp-nav-bar-p2 li a:not(.button),
    .scp-nav-bar li a:not(.button),
    .scp-nav-bar-p2 li a:not(.button):hover,
    .scp-nav-bar li a:not(.button):hover{
      background: none!important;
    }
    .footer-area.show-for-large-up .fs-12vw{
        font-size: 1rem;
    }
    #NL_Subscribe{
      height: 1.2rem;
      margin-top: 4px;
      margin-left: -10px;
    }
    .home-page p{
      font-size: 1.1em;
    }
    .home-page .small-9{
      width: 90%;
    }
    .mgg-account{
        background-image: none;
    }
}
/*@media only screen and (min-width: 50em) and (max-width: 52em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 12px;
      margin-left: 12px;
  }
}
@media only screen and (min-width: 52.01em) and (max-width: 54em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 14px;
      margin-left: 14px;
  }
}
@media only screen and (min-width: 54.01em) and (max-width: 56em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 17px;
      margin-left: 17px;
  }
}
@media only screen and (min-width: 56.01em) and (max-width: 58em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 19px;
      margin-left: 19px;
  }
}
@media only screen and (min-width: 58.01em) and (max-width: 60em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 21px;
      margin-left: 21px;
  }
}
@media only screen and (min-width: 60.01em) and (max-width: 62em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 24px;
      margin-left: 24px;
  }
}
@media only screen and (min-width: 62.01em) and (max-width: 64em) {
    .scp-nav-bar-p2 li, .scp-nav-bar li{
      margin-right: 26px;
      margin-left: 26px;
  }
}*/
/* end changes for tablet */
/* Feefo Reviews */
.mgg-feefo-reviews {
    display: none;
}
.mgg-feefo-reviews.ok {
    display:block;
}
/* Product Details panels Desktop*/
.mgg-prod-details-holder {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-details-holder h3 {
        padding-left:0;
    }

.mgg-prod-returns-holder {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-returns-holder h3 {
        padding-left:0;
    }

.mgg-prod-delivery-holder {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-delivery-holder h3 {
        padding-left:0;
    }

.mgg-prod-reviews-holder {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-reviews-holder h3 {
        padding-left:0;
    }

.mgg-prod-details_pan {
    margin-top: 24px;
    display:none;
}
.mgg-prod-details_pan.ok {
    margin-top: 24px;
    display:block;
}
.mgg-prod-returns_pan {
     margin-top: 24px;
   display:none;
}
.mgg-prod-returns_pan.ok {
    display:block;
}
.mgg-prod-delivery_pan {
     margin-top: 24px;
   display:none;
}
.mgg-prod-delivery_pan.ok {
    display:block;
}
.mgg-prod-reviews_pan {
    margin-top: 24px;
    display:none;
}
.mgg-prod-reviews_pan.ok {
    display:block;
}
/* Product Details panels Mobile */
.mgg-prod-details-holderM {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-details-holderM h3 {
        padding-left:0;
    }

.mgg-prod-returns-holderM {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-returns-holderM h3 {
        padding-left:0;
    }

.mgg-prod-delivery-holderM {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-delivery-holderM h3 {
        padding-left:0;
    }

.mgg-prod-reviews-holderM {
    background-color: white;
    background-image: url(../images/grey-right-arrow-24x24.png);
    background-repeat:no-repeat;
    background-position:90% 9px;
    color: #5d5d5d;
    border-bottom: thin solid #e7e7e7;
    padding-bottom:12px;
    padding-top:12px;
    line-height: 1.125rem;
}
    .mgg-prod-reviews-holder h3 {
        padding-left:0;
    }

.mgg-prod-details_panM {
    margin-top: 24px;
    display:none;
}
.mgg-prod-details_panM.ok {
    margin-top: 24px;
    display:block;
}
.mgg-prod-returns_panM {
     margin-top: 24px;
   display:none;
}
.mgg-prod-returns_panM.ok {
    display:block;
}
.mgg-prod-delivery_panM {
     margin-top: 24px;
   display:none;
}
.mgg-prod-delivery_panM.ok {
    display:block;
}
.mgg-prod-reviews_panM {
    margin-top: 24px;
    display:none;
}
.mgg-prod-reviews_panM.ok {
    display:block;
}
.anniversary-year {
    font-family: quicksand-bold;
}

.feature-product {
    margin: 0;
    padding-top:6px;
    padding-left: 3px;
    padding-right: 3px;
}
.news-media-2 img {
    max-height:160px;
}
.news-media img {
    max-height:125px;
}
.news-media-list {
    display: block;
    width: 90%;
}

.blog-items {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}

.result-holder {
    padding-right:0px !important;
}
/*new changes 29/11/2016*/
.columns.small-3.sidebar-prefbox{
    padding-left: 0;
    padding-right: 0;
    width: 260px;
}
.set-reminder{
    float: left;
    width: 252px;
    margin-top: 21px;
    margin-left: 9px;
    background-color: #fafafa;
    border: thin solid #f9d584;
    padding-top: 5px;
}
.set-reminder h2, .set-reminder h3, .set-reminder p{
    text-align: center;
}
.set-reminder h3{
    font-weight: 500;
}
.set-reminder .mgg-checkout-button {
    font-size: 1.2em;
    padding-left: 14px;
    padding-right: 14px;
}
.feature-product a{
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}
.feature-product .img-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.81);
    opacity:0;
}
.feature-product .img-hover:hover {
    opacity:1;
}
.img-hover p {
    color: white;
    text-align: center;
    padding-top: 0.6em;
    margin-bottom: 0;
    line-height: 1;
}
.img-hover p:last-of-type{
    padding-top:0.2em;
    font-weight: 700;
}
.page-desc-top p{
    padding-left:0;
}
.desktop-title span span {
    text-decoration: underline;
}
.desktop-title span {
    font-size: 0.9em;
    font-weight: 300;
}
@media only screen and (min-width: 48em) and (max-width: 66em) {
    .img-hover p {
        font-size: 0.9em;
    }
}

/* Backend Income Styles*/
.income-row {
    font-size: 1.0em;
}
.income-row input {
    font-size: 1.0em;
    margin-left:0;
    padding:0;
}