/*
	Main CSS
	Author: Manuel Noguera
	Date: --/--/2016
*/

/* START Temp Warning */


#tempWarning {
    position: relative;
    background-color: #ffb002;
}

    #tempWarning > .warningContent {
        padding: 20px;
        overflow: hidden;
        box-sizing: border-box;
    }

        #tempWarning > .warningContent > .closeTempWarning {
            position: absolute;
            right: 15px;
            top: 5px;
            font-size: 28px;
        }

        #tempWarning > .warningContent p {
            font-size: 18px;
            line-height: 24px;
            margin: 0;
        }

        #tempWarning > .warningContent a.arrowBtn {
            line-height: 26px;
            margin-top: 7px;
            font-size: 16px;
        }

/* END Temp Warning */

/* START Alignable */

.alignSizesHolder > .alignable {
    vertical-align: top;
}

/* END Alignable */

/* START Bootstrap Grid Line */

#gridHolder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

    #gridHolder #gridLine > div {
        background-color: red;
        height: 100vh;
        opacity: 0.6;
    }

/* END Bootstrap Grid Line */

img[src*='loading.gif'] {
    height: 40px;
}

/* START temp (window resize)*/

#resizeHolder {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    z-index: 9999;
    padding: 5px;
}
/* END temp (window resize)*/

/* START IE specific fixes */

body.iexplorer .startHiddenForIE {
    display: none;
}

body.iexplorer select::-ms-expand {
    display: none;
}

body.iexplorer#shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
    top: 90%;
    transform: none;
    -ms-transform: none;
}

body.iexplorer #checkoutSteps .form select {
    padding-left: 10px;
}

/* END IE specific fixes */

/* General */

#___ratingbadge_0 {
    z-index: 16000000 !important;
    transition: margin-bottom 0.5s;
}

@media (min-width: 1031px) {
    .hasStickyFooter #rings #___ratingbadge_0 {
        margin-bottom: 100px !important;
    }
}



body {
    font-family: "Source Sans Pro",sans-serif;
}

    html.noScroll,
    body.noScroll {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

.scp {
    font-family: "Source Sans Pro";
}

.scpSemiBold {
    font-family: "Source Sans Pro";
    font-weight: 600;
}

.scpBold {
    font-family: "Source Sans Pro";
    font-weight: 700;
}

.scpItalic {
    font-family: "Source Sans Pro" !important;
    font-style: italic;
}

.scpLight {
    font-family: "Source Sans Pro";
    font-weight: 300;
}


.scpSemiBoldItalic {
    font-family: "Source Sans Pro";
    font-style: italic;
    font-weight: 600;
}

/*@font-face {
    font-family: 'FuturisticFont';
    src: url('/Assets/Fonts/DigitalFont/djb_get_digital-webfont.eot');  /*IE9 Compat Modes 
    src: url('/Assets/Fonts/DigitalFont/djb_get_digital-webfont.eot?#iefix') format('embedded-opentype'),  /*IE6-IE8 
    url('/Assets/Fonts/DigitalFont/djb_get_digital_webfont.woff2') format('woff2'),   /* Super Modern Browsers 
    url('/Assets/Fonts/DigitalFont/djb_get_digital_webfont.woff') format('woff'),  /* Modern Browsers 
    url('/Assets/Fonts/DigitalFont/DJB_Get_Digital.ttf') format('truetype'),   /* Safari, Android, iOS
    url('/Assets/Fonts/DigitalFont/djb_get_digital-webfont.svg#FuturisticFont') format('svg');   /* Legacy iOS 
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'Limelight';
    src: url('/Assets/Fonts/limelight/limelight-v7-latin-regular.eot'); /* IE9 Compat Modes 
    src: url('/Assets/Fonts/limelight/limelight-v7-latin-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 
    url('/Assets/Fonts/limelight/limelight-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers
    url('/Assets/Fonts/limelight/limelight-v7-latin-regular.woff') format('woff'), /* Modern Browsers 
    url('/Assets/Fonts/limelight/limelight-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS 
    url('/Assets/Fonts/limelight/limelight-v7-latin-regular.svg#Limelight') format('svg'); /* Legacy iOS 
    font-weight: normal;
    font-style: normal;
}*/

/*.limelight {
    font-family: "Limelight";
}*/


@font-face {
    font-family: 'Caslon Pro';
    src: url('/Assets/Fonts/casionpro/acaslonpro-regular.woff') format('woff');
    /* src: url('/Assets/Fonts/casionpro/acaslonpro-regular.otf'), url('/Assets/Fonts/casionpro/acaslonpro-regular.otf') format('opentype'), url('/Assets/Fonts/casionpro/adobecaslonproregular.ttf') format('truetype'); */
    unicode-range: U+000-5FF; /* Latin glyphs */

    font-display: swap;
}


/*@font-face {
    font-family: 'great vibes';
    src: url('../Assets/Fonts/GreatVibes/great-vibes-v5-latin-regular.eot') format('embedded-opentype'), 
        url('../Assets/Fonts/GreatVibes/great-vibes-v5-latin-regular.svg') format('svg'), 
        url('../Assets/Fonts/GreatVibes/great-vibes-v5-latin-regular.ttf') format('truetype'),
        url('../Assets/Fonts/GreatVibes/great-vibes-v5-latin-regular.woff') format('woff');
}*/

.overflow-auto {
    overflow: auto;
}

h1, .h1 {
    font-size: 4.2em;
    margin-top: 0;
    margin-bottom: 0.75em;
}

h2, .h2 {
    font-size: 3.2em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0.75em;
}

h3, .h3 {
    font-size: 2.6em;
    font-weight: normal;
    line-height: 115%;
    margin-top: 0;
    margin-bottom: 0.75em;
}

h4, .h4 {
    font-size: 2em;
    font-weight: normal;
    line-height: 115%;
    margin-top: 0;
    margin-bottom: 0.75em;
}

h5, .h5 {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    font-size: 1.65em;
    margin-top: 0;
    margin-bottom: 0.75em;
}

p, .p {
    /*font-size: 1.25em;*/
    font-weight: normal;
    line-height: 130%;
    margin-top: 0;
    margin-bottom: 1.25em;
}

strong, .strong {
    font-weight: bold;
}

sup {
    vertical-align: super;
    font-size: 0.5em;
}

button:focus {
    outline: none;
}

a, .a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        cursor: pointer;
    }

    a:focus {
        outline: 0 none;
    }

    /*a:visited {
        color: inherit;
    }*/

* {
    -webkit-tap-highlight-color: transparent;
    outline: 0 none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; /* Internet Explorer */
    -o-appearance: none; /* Opera */
    appearance: none;
    border-radius: 0;
    background: #fff url(/images/NewImages/Icons/CaretDown.png) no-repeat right 10px center / auto 20%;
    background-color: #fff;
    border: 1px solid #666;
    padding-right: 35px;
    /*height:30px;*/
    /*text-indent: 10px;*/
}

.firefox select {
    text-indent: 4px;
}

.smallText {
    font-size: 12px;
}

    .smallText > a {
        text-decoration: underline;
    }

.none {
    display: none !important;
}

.error-message {
    color: red;
    font-size: 14px;
    /*font-weight: bold;*/
}

.error-message a {
    color: red !important;
    text-decoration: underline;
}

.paypal-text {
    color: #199ddb;
}

/* START 77 Tabs */

.tabs77 .tabTitles77Holder {
    display: table;
    width: 100%;
}

.tabs77 .tabTitle77 {
    display: table-cell;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

    .tabs77 .tabTitle77.active {
        color: #ffc13a;
    }

.tabs77 .tabTitles77Select {
    margin: 40px auto;
    width: 80%;
    height: 50px;
    display: block;
    font-size: 16px;
}

.tabs77 .tabContent77 {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity .5s;
}

    .tabs77 .tabContent77.active {
        max-height: none;
        opacity: 1;
    }

/* END 77 Tabs */

/* START 77 Tables */

.table77 {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #CCC;
}

    .table77 thead tr {
        background-color: #CCC
    }

    .table77 tbody tr:nth-child(even) {
        background-color: #f2f2f2
    }

    .table77 th {
        font-size: 1.5em;
        font-weight: bold;
        padding: 10px;
        text-align: left;
        vertical-align: middle;
    }

    .table77 td {
        font-size: 1.2em;
        padding: 10px;
    }

    .table77 tbody tr td:first-child {
        width: 25%;
        word-break: break-all;
    }

/* END 77 Tables */



.noOverflow {
    overflow: hidden;
}

/* START live chat overrides */

#livechat-compact-container {
    z-index: 999 !important;
    display: none;
}

/* END live chat overrides */

/* links */

/*footer a:link, footer a:visited, footer a:active { color: #000 }
.copyright a:link, .copyright a:visited, .copyright a:active{ color: #222 }
header a,
section a,
footer a {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

:root {
    max-width: 100vw;
}

body {
    font-size: 70%;
}

html {
    font-size: 100%;
}

html, body {
    -webkit-font-smoothing: antialiased;
}

/* telephone numbers */
a[href*="tel:"] {
    white-space: nowrap;
    color: inherit;
}

    a[href*="tel:"]:hover {
        cursor: pointer;
    }

section,
/*footer#footer,*/
.container,
.row {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 auto;
}


        footer#footer a > .feefo-badge__image {
            width: 60px;
        }



/*dd, dt, li, p, td {
    font-size: 1.4em;
    line-height: 130%;
}*/

.container {
    max-width: 1180px;
    min-width: 290px;
}

.innerpadding {
    padding: 0px 10%
}

img {
    max-width: 100%;
    vertical-align: middle;
}

    img.fakeImage {
        visibility: hidden;
        opacity: 0;
    }

.flexBlock {
    display: flex;
    float: left;
}

    .flexBlock > * {
        flex: 1 1 auto;
    }

.block {
    margin-bottom: 15px;
}

.scriptStyle {
    /*font-family: "Source Sans Pro Italic" !important;*/
    font-style: italic;
    text-transform: none;
}

.whiteBackground {
    background-color: #fff;
}

.greyBackground {
    background-color: #dadada;
}

.grey57Color {
    color: #575756;
}

.lightYellowColor {
    color: #ffc13a;
}

.yellowColor {
    color: #ffb002;
}

.redColor, .red {
    color: red;
}

.whiteColor {
    color: #fff;
}

.blackColor {
    color: #000;
}

.yellowLine {
    border: 0 none;
    margin: 0;
    height: 0;
    border-bottom: 6px solid #ffc13a;
    clear: both;
}

.greyBorder {
    border: 1px solid #dadada;
}

.smallMarginTop {
    margin-top: 10px;
}

.noFont {
    font-size: 0;
}

.yellowLine:before,
.yellowLine:after {
    clear: both;
}

/* START Toggler */

.toggler {
    cursor: pointer;
}

    .toggleMe {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s;
    }

    .toggler.active ~ .toggleMe, .toggleMe.active {
        max-height: 200px;
    }

/* END Toggler */

/* START Alertify Override */

.alertify {
    border-top: 1px solid #ffc13a;
    width: 80%;
    max-width: 900px;
    margin-left: 0;
    transform: translateX(-50%);
    padding: 40px 5%;
    box-sizing: border-box;
    z-index: 100003 !important;
}

.alertify.small-popup {
  max-width: 600px!important;
  padding: 0px!important;
}

.alertify #alertifyConfirmation .socialButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto; }
.alertify #alertifyConfirmation .closeBtn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
}
    @media (max-width: 768px) {
        .alertify #alertifyConfirmation .socialButtons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%; } }
        .alertify #alertifyConfirmation .socialButtons a {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      color: #000;
      text-align: center;
      padding: 10px 21px;
      margin: 0 20px;
      border-radius: 5px;
      border: 1px solid #000;
      font-weight: 600;
      -webkit-transition: .5s ease;
      transition: .5s ease; }
      .alertify #alertifyConfirmation .socialButtons a:hover {
        background-color: #000;
        color: white; }
      @media (max-width: 768px) {
        .alertify #alertifyConfirmation .socialButtons a {
          margin: 13px 0; } }

.alertify-cover {
    z-index: 100002 !important;
}

/* END Alertify Override */

/* START Ajax Loader */

*.loadingError,
*.loadingSuccess,
*.ajaxLoading {
    position: relative;
}

*.loadingError,
*.loadingSuccess {
    background-color: #ccc !important;
    color: #ccc !important;
    pointer-events: none;
}

    #image360-reel .reel-preloader,
    *.loadingError:before,
    *.loadingSuccess:before,
    *.ajaxLoading:before {
        background-color: rgba(255, 255, 255, 0.8);
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
    }

#image360-reel .reel-preloader {
    background-color: rgba(255, 255, 255, 0.3);
    width: 100% !important;
}

*.loadingError:before,
*.loadingSuccess:before {
    background-color: transparent;
}

#image360-reel .reel-preloader:after,
*.loadingError:after,
*.loadingSuccess:after,
*.ajaxLoading:after {
    content: "\f013";
    color: #333;
    text-align: center;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    font: 36px FontAwesome;
    text-rendering: auto;
    z-index: 101;
    -webkit-font-smoothing: antialiased;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

*.ajaxLoading.noCog:after {
    content: " ";
}

*.loadingError:after,
*.loadingSuccess:after {
    -webkit-font-smoothing: none;
    -webkit-animation: none;
    animation: none;
}

*.loadingError:after {
    content: "\f00d";
}

*.loadingSuccess:after {
    content: "\f00c";
}

body.ajaxLoading:after {
    position: fixed;
}

/* END Ajax Loader */

/* START Leaders ( text............value ) */

.leaders {
    max-width: 37em;
    padding: 0;
    overflow: hidden;
}

    .leaders:before {
        float: left;
        width: 0;
        white-space: nowrap;
        content: ".................................................................................................................";
    }

    .leaders span:first-child {
        padding-right: 0.10em;
        background: #fff;
    }

    .leaders span + span {
        float: right;
        background: #fff;
    }

/* END Leaders */

figure.centeredImage,
figure.centeredImage2 {
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

    figure.centeredImage2 > img,
    figure.centeredImage2 > a {
        width: 100%;
    }

    figure.centeredImage > img,
    figure.centeredImage > a {
        margin: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        display: block;
    }

        figure.centeredImage > a > img {
            display: inline-block;
            margin-top: 10px;
        }

.centeredContent {
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    -o-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
    bottom: unset;
}

@media (min-width: 481px) {
    .tp-centeredContent {
        margin-left: 4%;
        bottom: auto;
        top: 50%;
    }
}

.centeredContent2 {
    margin: auto;
    position: relative;
    margin-top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
    -ms-transform: perspective(1px) translateY(-50%);
    -o-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
}

.quote2 {
    border-bottom: 3px solid #dbdbdb;
    border-top: 3px solid #dbdbdb;
    float: left;
    margin-top: 30px;
    padding: 20px 0 15px 0;
    width: 100%;
}

    .quote2 .h1 {
        margin-bottom: 20px;
        font-size: 2.6em;
    }

    .quote2 h3 {
        font-family: "Nunito Sans Light";
        margin-bottom: 10px;
        /*font-weight: 100;*/
        text-align: center;
        font-size: 1.6em;
    }

.starsHolder > i.fa {
    margin-left: 10px;
    font-size: 24px;
    margin-bottom: 10px;
}

.marginTop {
    margin-top: 15px;
}

#wrapper {
    transition: margin .5s ease;
}

.styled-select {
    background-color: #dadada;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    position: relative;
}

    .styled-select:after {
        content: "\f0d7";
        font-family: "FontAwesome";
        color: #222;
        font-size: 36px;
        line-height: 30px;
        position: absolute;
        right: 15px;
        top: 0;
    }

    .styled-select > select {
        background-color: transparent;
        border: 0 none;
        width: calc(100% + 18px);
        height: 30px;
        text-indent: 3px;
        font-size: 14px;
    }

hr.greyLine {
    margin-bottom: 20px;
    border: 0 none;
    border-bottom: 2px solid #ccc;
}

hr.arrowHR {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0 none;
    border-bottom: 1px solid #ccc;
    position: relative;
}

    hr.arrowHR:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #fff transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -1px;
        left: 50%;
        margin-left: -15px;
    }

    hr.arrowHR:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #ccc transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: 0px;
        left: 50%;
        margin-left: -15px;
    }

/* START FORMS */

/* - START Form Checkbox / Radio */

.form label.fakeCheckbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .form label.fakeCheckbox input {
        position: absolute;
        left: 0;
        opacity: 0;
    }

    .form label.fakeCheckbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        border: 1px solid #ccc;
        transition: background-color .5s, border-color .5s;
    }

    .form label.fakeCheckbox:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .form label.fakeCheckbox input:checked ~ .checkmark {
        background-color: #ffc13a;
        border-color: #ffc13a;
    }

    .form label.fakeCheckbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .form label.fakeCheckbox input:checked ~ .checkmark:after {
        display: block;
    }

    .form label.fakeCheckbox .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* - END Form Checkbox / Radio */


.form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=file],
.form select,
.form textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 30px;
    border: 1px solid #ccc;
    text-indent: 10px;
    font-size: 14px;
    font-family: "Source Sans Pro", Arial, sans-serif;
}

.firefox .form select {
    text-indent: 4px;
}

.form textarea {
    resize: none;
    height: 90px;
}

.form .prefixField {
    font-size: 0;
    margin-bottom: 10px;
}

.form input[type=text].prefix,
.form select.prefix {
    width: 25%;
}

.form .prefixField input[type=text].prefix,
.form .prefixField select.prefix {
    width: 27%;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0;
    height: 32px;
}

.form input[type=text].prefix + input,
.form select.prefix + input {
    width: 70%;
    margin-left: 3%;
}

.form .prefixField input[type=text].prefix + input,
.form .prefixField select.prefix + input {
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0;
    height: 30px;
}

.form input[type=file] {
    height: 30px;
    opacity: 0;
    margin: 0;
}

    .form input[type=file].bigFile {
        height: 90px;
    }

.form div.fakeFile {
    background: #fff url(/images/NewImages/Icons/PlusImage.png) no-repeat scroll center center;
    min-height: 90px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
}

    .form div.fakeFile img[src=""] {
        display: none;
    }

    .form div.fakeFile .fakeInput {
        left: 0;
        position: absolute;
        top: 0;
    }

.form label {
    display: block;
    font-size: 13px;
    /*margin: 10px 0;*/
}

.form input[type="checkbox"] + label,
.form input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
}

.form label.errorLabel,
.form label.errorLabel + .error {
    margin-bottom: 30px;
}

    .form label.errorLabel > span {
        font-size: 12px;
        line-height: 14px;
        position: absolute;
        top: 25px;
        width: 45%;
        left: 15px;
         white-space: nowrap; 
    }

.form .floating-label > input {
    height: 45px;
    padding-top: 10px;
}

    .form .floating-label > input:focus ~ label,
    .form .floating-label.hasValue > input ~ label,
    .form .floating-label > input:-webkit-autofill ~ label,
    .form .floating-label > input[placeholder]:not(:placeholder-shown) ~ label {
        top: 4px;
        left: 12px;
        font-size: 11px;
        opacity: 1;
        margin: 0;
    }

.form .floating-label > input::placeholder {opacity: 0;}

.form .floating-label > input:-ms-input-placeholder {opacity: 0;}

.form .floating-label > input::-ms-input-placeholder {opacity: 0;}

.form .floating-label{position:relative;}
.form .floating-label > label{
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 16px;
    transition: 0.2s ease all;
    font-size: 14px;
    color: #999;
}

    .form .floating-label.prefixField > input:focus ~ label,
    .form .floating-label.prefixField.hasValue > input ~ label {
        left: calc(30% + 12px);
    }

    .form .floating-label.prefixField > label {
        left: calc(30% + 12px);
    }

.form input[type=text].error,
.form input[type=password].error,
.form input[type=email].error,
.form input[type=file].error,
.form input[type=radio].error,
.form input[type=checkbox].error,
.form input[type=radio].error + div,
.form input[type=checkbox].error + div,
.form select.error,
.form textarea.error {
    border: 1px solid red !important;
}

.form .fieldHolder.half {
    float: left;
    width: 49%;
    vertical-align: middle;
}

    .form .fieldHolder.half + .fieldHolder.half {
        margin-left: 2%;
    }

.form input[type=text].half,
.form input[type=email].half,
.form input[type=password].half,
.form select.half {
    /*float:left;*/
    width: 49%;
    vertical-align: middle;
}

    .form input[type=text].half ~ .half,
    .form input[type=email].half ~ .half,
    .form input[type=password].half ~ .half,
    .form select.half ~ .half {
        width: 49%;
        margin-left: 2%;
        vertical-align: middle;
    }

/* - START Error Message */

.form .fieldHolder.hasError {
    position: relative;
}

    .errorMessage,
    .form .fieldHolder.hasError .errorMessage {
        /*padding: 0 0 0 10px;*/
        padding: 0;
        color: red;
        font-size: 12px;
        margin-top: 0;
        display: block;
        /*margin-top: -7px;*/
        /*margin-bottom: 10px;*/
        display: block;
        line-height: 1;
    }

.errorMessage {
    /*padding-top: 5px;*/
    text-align: left;
    /*overflow: hidden;*/
}

.form .fieldHolder.hasError .errorMessage.field50 {
    margin-left: 50%;
}

.form .fieldHolder.hasError .errorMessage.field25 {
    margin-left: 25%;
}

.errorMessageHolder {
    position: relative;
}

    .errorMessageHolder > .errorMessage {
        position: absolute;
        width: auto;
        background: red;
        height: auto;
        padding: 3px 10px;
        font-size: 12px;
        border-radius: 4px;
        color: #fff;
        box-shadow: 1px 1px 2px #575757;
    }

        .errorMessageHolder > .errorMessage:after {
            content: "\f0d7";
            font-family: "FontAwesome";
            bottom: -12px;
            font-size: 20px;
            position: absolute;
            color: red;
            text-shadow: 1px 1px 1px #575757;
        }

        .errorMessageHolder > .errorMessage > p {
            margin: 0;
            white-space: nowrap;
        }

.hand {
    cursor: pointer;
}

/* - END Error Message */

/* END FORMS */

/* buttons */

.simpleBtn {
    background: none;
    border: 0 none;
    cursor: pointer;
}

.btn {
    -webkit-appearance: none;
    padding: 10px 26px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    margin: 10px auto 0;
    /*font-family: "Source Sans Pro";*/
    background-color: #ffc13a;
    background-position: right center;
    background-repeat: no-repeat;
    border: 0 none;
    text-align: center;
    cursor: pointer;
    max-width: 100%;
    white-space: normal;
}

#btnCalculate {
    padding: 10px 0!important;
    height: auto;
}

    .btn.fullWidth {
        width: 100%;
    }

.smallBtn {
    font-size: 14px;
    padding: 4px 20px;
}

.greyBG,
.btn.greyBG {
    background: #dbdbdb;
}

    .greyBG:hover,
    .btn.greyBG:hover {
        background: #ffc13a;
    }


.fifth .btn {
    font-size: 1.1em;
}

.btn.lft {
    margin: 10px 0 0 0 !important;
}

button.disabled,
.btn.disabled {
    pointer-events: none !important;
    position: relative;
    cursor: initial;
}

    button.disabled:before,
    .btn.disabled:before {
        content: "" !important;
        background: rgba(255,255,255,.7);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
    }

    .btn.disabled:after {
        content: "\f013";
        color: #333;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 36px;
        height: 36px;
        margin: auto;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        font: 36px FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
        z-index: 999;
    }

    .btn.disabled.noLoading:after {
        content: "";
    }

.btnCert {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,efefef+0,efefef+0,dedede+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 0%, #efefef 0%, #dedede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efefef 0%,#efefef 0%,#efefef 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efefef 0%,#efefef 0%,#efefef 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
    color: #666 !important;
    font-weight: normal;
    font-size: 14px;
    font-family: Arial;
    text-decoration: none;
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #ddd;
}

    .btnCert > i {
        margin-right: 5px;
    }

.giaBtn {
    padding: 0 14px 0 0;
}

a.arrowBtn,
a.arrowBtn:link,
a.arrowBtn:visited,
.arrowBtn {
    background: transparent url(/images/img-2018/Common/arrow.png) no-repeat center right 5px / 16px auto;
    padding: 2px 26px 6px 0;
    letter-spacing: 2px;
    font-size: 20px;
    color: #ffc13a;
    font-weight: 600;
}

    a.arrowBtn.full,
    a.arrowBtn.full:link,
    a.arrowBtn.full:visited,
    .arrowBtn.full {
        border: 1px solid #ffc13a;
        padding: 4px 35px 4px 10px
    }

    a.arrowBtn.blackArrowBtn,
    a.arrowBtn.blackArrowBtn:link,
    a.arrowBtn.blackArrowBtn:visited,
    .arrowBtn.blackArrowBtn {
        background: transparent url(/images/img-2018/Common/arrow_black.png) no-repeat center right 5px / 16px auto;
        color: #000;
    }

        a.arrowBtn.blackArrowBtn.full,
        a.arrowBtn.blackArrowBtn.full:link,
        a.arrowBtn.blackArrowBtn.full:visited,
        .arrowBtn.blackArrowBtn.full {
            border-color: #000;
        }



.bannerLinks {
    white-space: nowrap;
    text-align: center;
}

    .bannerLinks .eventBtn {
        background-color: transparent;
        border: 1px solid #ffc13a;
        text-align: left;
        padding-left: 10px;
        color: #fff;
        font-size: 14px;
        padding: 0;
        min-width: 280px;
        font-weight: 600;
    }

.headerBannerLinks .btn.eventBtn {
    color: #333;
    border-width: 2px;
    min-width: 120px;
}

.headerBannerLinks p.btn.eventBtn {
    border-color: #02a002;
    height: 26px;
    line-height: 26px;
    min-width: 140px;
    text-align: center;
    margin-top: 10px;
    cursor: default;
}

.headerBannerLinks.bannerLinks p.btn.eventBtn:hover:not(.disabled) {
    border-color: #02a002;
}

.headerBannerLinks .btn.eventBtn > span {
    background: transparent url(/images/img-2018/Common/arrow_grey.png) no-repeat center right 10px / 12px auto;
    line-height: 5px;
    text-indent: 0;
}

.bannerLinks .btn.eventBtn:hover:not(.disabled) {
    background: transparent;
    border-color: #fff;
}

.headerBannerLinks .btn.eventBtn:hover:not(.disabled) {
    background: transparent;
    border-color: #999;
}

.bannerLinks .eventBtn + .eventBtn {
    margin-left: 3%;
}

.bannerLinks .eventBtn > span {
    background: transparent url(/images/img-2018/Common/arrow.png) no-repeat center right 10px / 12px auto;
    display: block;
    height: 100%;
    padding: 10px;
    transition: background .3s;
}

.bannerLinks .btn.eventBtn:hover:not(.disabled) > span {
    background: transparent url(/images/img-2018/Common/arrow_white.png) no-repeat center right 5px / 12px auto;
}

.headerBannerLinks .btn.eventBtn:hover:not(.disabled) > span {
    background: transparent url(/images/img-2018/Common/arrow_grey.png) no-repeat center right 5px / 12px auto;
}
/*#glissadePage .glissadeLinkHolder{margin-bottom:30px;}*/

#hero .glissadeLinkHolder {
    margin-bottom: 10px;
}

.glissadeLinkHolder > a {
    font-size: 2em;
    color: #ffc13a;
}

    .glissadeLinkHolder > a:after {
        content: "";
        background: url(/images/img-2018/Common/arrow.png) no-repeat center / auto 25px;
        height: 25px;
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

/* dropdown */
a.dd {
    display: inline-block;
    padding-right: 16px;
    position: relative;
}

.lt-ie8 a.dd {
    display: inline;
}

a.dd:hover,
a.dd.dropdown-open {
    color: #ccc;
}

.dropdown {
    position: absolute;
    z-index: 9999999;
    display: none;
}

    .dropdown .dropdown-menu {
        min-width: 60px;
        max-width: 100px;
        list-style: none;
        background: #FFF;
        box-shadow: 0 2px 6px rgba(0,0,0,.6);
        overflow: visible;
        padding: 0;
        margin: 0;
        font-size: 1em !important;
        text-align: left;
    }

    .dropdown.dropdown-scroll .dropdown-menu {
        max-height: 360px;
        overflow: auto;
    }

    .dropdown .dropdown-menu LI {
        list-style: none;
        padding: 0 0;
        margin: 0;
        line-height: 18px;
        font-size: 1.4em !important;
    }

        .dropdown .dropdown-menu LI > A,
        .dropdown .dropdown-menu LABEL {
            display: block;
            color: #333;
            text-decoration: none;
            line-height: 18px;
            padding: 5px 8px;
            background: #fff;
            white-space: nowrap;
        }

            .dropdown .dropdown-menu LI > A:hover,
            .dropdown .dropdown-menu LABEL:hover {
                background-color: #ccc;
                color: #fff;
                cursor: pointer;
            }


/* shop mod */
#dropdown-2.dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border-color: -moz-use-text-color #999 #999;
    border-image: none;
    border-radius: 0;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-left: -9px !important;
    top: 0;
    width: 52.9%;
}

@media (max-width:769px) {
    #dropdown-2.dropdown {
        left: 21.5% !important;
        top: 110px !important;
        width: 52.9%;
    }
}

@media (max-width:480px) {
    #dropdown-2.dropdown {
        left: 12% !important;
        width: 69% !important;
    }
}

#dropdown-2 .calculator {
    display: block;
    width: 210px;
    list-style-type: none;
    padding: 10px 0 0;
    border-top: 1px solid #999;
    text-align: left;
    margin: 7px auto;
    position: relative;
}

    #dropdown-2 .calculator li {
        line-height: 13px;
        font-size: 11px !important;
        margin: 0 0 5px;
        text-align: right;
        min-height: 20px;
    }

        #dropdown-2 .calculator li b {
            font-weight: normal;
            display: block;
            float: left;
            text-align: left;
        }

        #dropdown-2 .calculator li input,
        #dropdown-2 .calculator li select {
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            padding-top: 3px;
            padding-left: 3px;
            padding-bottom: 3px;
        }

        #dropdown-2 .calculator li input {
            width: 80px;
            padding: 1px 5px;
        }

        #dropdown-2 .calculator li select {
            width: auto;
            max-width: 160px;
            font-size: 10px;
            text-indent: 4px;
        }


.carrousel_left {
    background: url(/images/img-2018/Common/arrow_706f6f.png) no-repeat scroll center center / auto 40px;
    transform: rotate(180deg) !important;
    position: absolute;
    left: 0;
    top: 40%;
    z-index: 9;
    cursor: pointer;
    width: 60px;
    height: 60px;
}

.carrousel_right {
    background: url(/images/img-2018/Common/arrow_706f6f.png) no-repeat scroll center center / auto 40px;
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 9;
    cursor: pointer;
    width: 60px;
    height: 60px;
}

.slick-disabled {
    opacity: 0.3 !important;
    cursor: default !important;
}

#rings .slick-disabled {
    display: none !important;
}


/* START Google Stuff */

#map_canvas {
    height: 300px;
    margin-bottom: 20px;
}

#googleloc #saddr,
#block1 #googleloc #saddr {
    display: block;
    width: 63%;
    margin: 0 3% 10px 0;
    position: relative;
    font-size: 14px;
    border: 1px solid #999;
    background: #fff;
    border-radius: none;
    padding: 6px;
    float: left;
    line-height: 1;
    min-width: 160px;
    box-sizing: border-box;
    height: 30px;
}

/* - Recaptcha */

.fancybox-inner .g-recaptcha {
    margin-top: 15px;
}

.g-recaptcha > div {
    margin: auto;
}

.smallerCaptcha .g-recaptcha {
    margin-top: 10px;
    transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: 60px;
}

/* END Google Stuff */

/* START GDPR Checkbox */

/*#bespoke #gdprCheckboxHolderFooter {
    display: block;
    background-color: transparent;
    width: 100%;
    padding: 0;
}

#bespoke .popperUpperHolder .gdprCheckboxHolder.form {
    padding: 20px 6px;
}*/

#gdprCheckboxHolder {
    overflow: hidden;
    /*margin: 20px 0;*/
}

    #gdprCheckboxHolder label {
        /*max-width: 92%*/
    }


#gdprCheckboxHolderFooter {
    padding-left: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}

    #gdprCheckboxHolderFooter.form label.fakeCheckbox .checkmark {
        border-color: #222;
        background-color: #fff;
    }

    #gdprCheckboxHolderFooter.form label.fakeCheckbox input:checked ~ .checkmark {
        border-color: #ffc13a;
        background-color: #ffc13a;
    }

.gdprCheckboxHolder > label > a {
    /*font-weight: 600;*/
    text-decoration: underline;
}

.gdprCheckboxHolder .errorMessage {
    text-align: left;
    padding-left: 35px !important;
    margin-top: 0 !important;
}

.gdprCheckboxHolder.form label.fakeCheckbox {
    padding-top: 0;
    margin-bottom: 0;
}

    .gdprCheckboxHolder.form label.fakeCheckbox .checkmark {
        width: 20px;
        height: 20px;
    }

        .gdprCheckboxHolder.form label.fakeCheckbox .checkmark::after {
            top: 2px;
            left: 6px;
        }

    .gdprCheckboxHolder.form label.fakeCheckbox input.error + .checkmark {
        border: 1px solid red !important;
    }

/*.gdprCheckboxHolder.form .disclaimer {
    font-size: 12px;
    text-align: left
}*/

    .gdprCheckboxHolder.form .disclaimer > a {
        /*font-weight: bold;*/
        text-decoration: underline;
    }



#email .email-left label.fakeCheckbox {
    padding-left: 35px;
    width: 100%;
    box-sizing: border-box;
}

/* END GDPR Checkbox */

/* START Popper Upper */

.darkOverlay {
    opacity: 0;
    transition: opacity .5s ease;
}

    .darkOverlay.active {
        opacity: 1;
    }

.popperUpperHolder {
    background-clip: content-box;
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    padding: 50px 0;
    position: fixed;
    right: 0;
    top: 0;
    height: 80%;
    max-height: 80vh;
    width: 50vw;
    overflow: hidden;
    z-index: 99999;
    transition: all .5s ease .5s;
}

/*body.isValentines .darkOverlay {
    z-index: 999999;
}
body.isValentines .popperUpperHolder,
body.isValentines .productInfoExpressContent,
body.isValentines .zoomContainer,
body.isValentines .fancybox-overlay {
    z-index: 99999999;
}
body.isValentines #swipebox-overlay {
    z-index: 99999999 !important;
}*/

body.popperUpperFullScreen {
    overflow: hidden;
}

.popperUpperHolder.closing {
    transition: all .5s ease;
}

/* - START Animations */

.popperUpperHolder.journal {
    height: 0;
    width: 0;
    transform: rotate(0deg);
}

    .popperUpperHolder.journal.active {
        height: 80%;
        transform: rotate(1800deg);
        width: 50vw;
    }

.popperUpperHolder.slideDown {
    margin-top: -50%;
}

    .popperUpperHolder.slideDown.active {
        margin-top: 5%;
    }

.popperUpperHolder.fadeIn {
    opacity: 0;
}

    .popperUpperHolder.fadeIn.active {
        opacity: 1;
    }

/* - END Animations */

/* - START Default Header */

.popperUpperHolder > .popperUpperHeader {
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

    .popperUpperHolder > .popperUpperHeader > h3 {
        max-width: 80%;
        margin: 0;
    }

/* - END Default Header */

/* - END Content Holder */

.popperUpperHolder .popperUpperContentHolder {
    height: 88%;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
}

/* - END Content Holder */

/* END Popper Upper */

/* START Sticky Contact Bar */

#stickyContactBar {
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    background-color: #dadada;
    height: 60px;
    max-height: 0;
    overflow: hidden;
    z-index: 100003;
    border-bottom: 1px solid #aeaeae;
    transition: max-height .5s ease;
}

    #stickyContactBar.stickyActive {
        max-height: 60px;
    }

    #stickyContactBar button,
    #stickyContactBar a {
        line-height: 60px;
        color: #333;
        font-size: 16px;
        /*font-family: "Source Sans Pro";*/
    }

    #stickyContactBar button {
        margin-left: 5vw;
    }

    #stickyContactBar a {
        margin-right: 5vw;
    }

        #stickyContactBar button > img,
        #stickyContactBar a > img {
            margin-right: 10px;
            vertical-align: middle;
        }

/* END Sticky Contact Bar */

/* START Show SEO TEXT */

#showHideSeoText {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    /*background-color: #181f35;*/
    padding: 5px 8px;
    z-index: 9;
}

    #showHideSeoText > i.fa {
        /*color: #fff;*/
        text-shadow: 0px 0px 3px #fff;
        transition: transform .5s ease, color .5s ease;
    }

    #showHideSeoText:hover > i.fa,
    #showHideSeoText.active > i.fa {
        transform: rotate(180deg);
        color: #181f35;
    }

#seoTextTop {
    max-height: 0;
    overflow: hidden;
    padding: 0 60px;
    transition: max-height .5s ease, padding .5s ease;
}

#showHideSeoText.active + #seoTextTop {
    max-height: 500px;
    padding: 30px 60px 20px 60px;
}

/* END Show SEO TEXT */

/* START Top Badge */

#underMenuHolder.stickyActive {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100px;
    width: 100%;
    background: #fff;
    box-shadow: 4px 2px 10px #666;
    z-index: 999999;
    overflow: hidden;
    transition: max-height .5s ease;
}

#underMenuHolder a.closeSticky {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 24px;
    color: #ffc13a;
    pointer-events: none;
    opacity: 0;
    z-index: 9;
    transition: opacity .5s ease;
}

#underMenuHolder.stickyActive a.closeSticky {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}

/* - START Top Badge Clock  */

#clockHolder_badge {
    margin: 10px 0;
}

    #clockHolder_badge > h3 {
        font-size: 22px;
        margin-bottom: 5px;
        letter-spacing: 2px;
    }

    .badge_clock > span,
    #clockHolder_badge #BF_clock_badge > span {
        font-size: 23px;
        line-height: 10px;
        width: 12%;
    }

        .badge_clock > span + span,
        #clockHolder_badge #BF_clock_badge > span + span {
            margin-left: 0;
        }

        .badge_clock > span > span,
        #clockHolder_badge #BF_clock_badge > span > span {
            margin-top: 10px;
            font-size: 9px;
            /*font-family: "Source Sans Pro";*/
        }

.badge_clock.almostFinished .days,
.badge_clock .seconds {
    display: none;
}

.badge_clock .days,
.badge_clock.almostFinished .seconds {
    display: inline-block;
}

/* - END Top Badge Clock */

/* END Top Badge */

/* START Hero banner */

img.heroBanner {
    width: 100%;
}



/* END Hero banner */





/* START Dark Overlay Div */

.darkOverlay {
    position: fixed;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99998;
}

    .darkOverlay > * {
        z-index: 99999;
    }

/* END Dark Overlay Div */

/* START Image Caption Block */

/*figure.imageWithCaptionBlock {
    font-size: 9px;
    background: #222;
    background-clip: content-box;
    overflow: hidden;
}

    figure.imageWithCaptionBlock figcaption {
        position: absolute;
    }

    figure.imageWithCaptionBlock img {
        width: 100%;
    }

    figure.imageWithCaptionBlock figcaption a {
        white-space: nowrap;
    }*/

/* Sub Nav Slider*/

.subNavSliderHolder {
    position: relative;
    /*float: left;*/
    width: 100%;
}

    .subNavSliderHolder .carrousel_left,
    .subNavSliderHolder .carrousel_right {
        top: 50%;
    }

.subNavSlider {
    margin: 0;
    border-bottom: 1px solid #dadada;
    text-align: center;
    font-size: 14px;
}

    .subNavSlider > li {
        list-style: none;
        display: inline-block;
        padding: 20px 0 10px;
        margin-left: 5%;
        text-align: center;
        max-width: 15%;
        cursor: pointer;
        font-size: 1.3em;
        /*white-space: nowrap;*/
    }

        .subNavSlider > li:first-child {
            margin-left: 0;
        }

        .subNavSlider > li.active:before {
            border-color: #ccc transparent;
            border-style: solid;
            border-width: 15px 15px 0;
            content: "";
            display: block;
            left: 50%;
            margin-left: -15px;
            position: absolute;
            bottom: -15px;
            width: 0;
            z-index: 1;
        }

        .subNavSlider > li.active:after {
            border-color: #fff transparent;
            border-style: solid;
            border-width: 15px 15px 0;
            content: "";
            display: block;
            left: 50%;
            margin-left: -15px;
            position: absolute;
            bottom: -14px;
            width: 0;
            z-index: 1;
        }

        .subNavSlider > li.active {
            color: #fecc5b;
            position: relative;
        }

        .subNavSlider > li.active a {
            color: #fecc5b;
        }

        .subNavSlider > li img {
            max-width: 100%;
            margin-top: -10px;
            margin-bottom: 5px;
        }

.subNavSlidesHolder {
    margin: 20px 0;
}

    .subNavSlidesHolder figure {
        height: 350px;
        background-color: #fff;
    }

        .subNavSlidesHolder figure > a {
            margin-left: 8.33333%;
        }

            .subNavSlidesHolder figure > a.margin-right {
                margin-right: 8.3333%;
            }

    .subNavSlidesHolder h2 {
        font-size: 40px;
        text-transform: none;
        margin: 20px 0 15px 0;
    }

    .subNavSlidesHolder h3 {
        font-family: "Nunito Sans Light"
    }

    .phraseBannerBlock figcaption .info h2
    .subNavSlidesHolder h3 {
        font-size: 17px;
        /*font-weight: 100;*/
        font-family: "Nunito Sans Light";
        text-transform: none;
        padding: 0 60px;
        box-sizing: border-box;
    }


/* END Sub Nav Slider */


/* START PhraseBannerBlocks */


.phraseBannerBlock > div {
    display: table;
    width: 100%;
    height: 120px;
    font-size: 17px;
    border-top: 10px solid #fff;
}

.phraseBannerBlock.imageBottom > div {
    border-top: 0 none;
    border-bottom: 10px solid #fff;
}

.phraseBannerBlock > div > img {
    height: 100px;
    margin-top: 5px;
    margin-right: 5px;
}

.phraseBannerBlock .quoteHolder {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px;
    line-height: 19px;
    overflow: hidden;
}

.phraseBannerBlock .quoteSlider .quoteHolder > div {
    overflow: hidden;
    width: 0;
    height: auto;
    max-height: 0;
    transform: translateX(150%);
    transition: transform .5s ease;
}

    .phraseBannerBlock .quoteSlider .quoteHolder > div.active {
        width: 100%;
        max-height: 100px;
        transform: translateX(0);
    }

        .phraseBannerBlock .quoteSlider .quoteHolder > div.active.out {
            transform: translateX(-150%);
        }

.phraseBannerBlock .quoteHolder h3 {
    margin-bottom: 0;
    font-size: 1.7em;
}

    .phraseBannerBlock .quoteHolder h3.h4 {
        /*font-family: 'Source Sans Pro';*/
        /*font-weight: 100;*/
        font-family: "Nunito Sans Light";
        font-style: italic;
        margin-bottom: 5px;
    }

.phraseBannerBlock .quoteHolder q {
    font-size: 18px;
    font-weight: 100;
}



.phraseBannerBlock .quoteHolder > footer > address {
    margin-top: 10px;
    font-style: normal;
}

    .phraseBannerBlock .quoteHolder > footer > address > a {
        text-decoration: none;
        font-weight: 400;
        font-style: italic;
    }

/*.phraseBannerBlock .quoteHolder q {
    font-style: italic;
}*/

.phraseBannerBlock.smallImage .quoteHolder {
    height: 210px;
}

    .phraseBannerBlock.smallImage .quoteHolder h4 {
        margin-bottom: 10px;
    }

    .phraseBannerBlock.smallImage .quoteHolder q {
        margin-bottom: 10px;
        display: inline-block;
    }

.phraseBannerBlock > figure {
    position: relative;
    max-height: 430px;
    background-color: #222;
}

    .phraseBannerBlock > figure img {
        width: 100%;
    }

.phraseBannerBlock .homepageShowrooms .slider-for {
    position: absolute;
    top: 0;
    width: 100%;
    filter: grayscale(100%);
}

.phraseBannerBlock .homepageShowrooms .slider-content {
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    padding: 50px 0;
}

.phraseBannerBlock .homepageShowrooms .next,
.phraseBannerBlock .homepageShowrooms .prev {
    background-image: url(/images/img-2018/Common/arrow_white.png);
}

.phraseBannerBlock .homepageShowrooms h3,
.phraseBannerBlock .homepageShowrooms h2,
.phraseBannerBlock .homepageShowrooms p {
    color: #fff;
    text-shadow: 1px 1px 1px #575757;
}

.phraseBannerBlock .homepageShowrooms h3 {
    /*margin-top: 0;*/
    font-family: "Nunito Sans";
}

.phraseBannerBlock .homepageShowrooms h2 {
    margin: 20px 0;
    font-size: 28px;
}

.phraseBannerBlock .homepageShowrooms p {
    margin: 20px 0;
    padding: 0 70px;
}

.phraseBannerBlock .homepageShowrooms .btn {
    font-size: 15px;
    color: #333;
}

.phraseBannerBlock .homepageShowrooms .slick-dots button {
    border-color: #fff;
}

.phraseBannerBlock .homepageShowrooms .slick-active button {
    background: #fff;
}


/*.phraseBannerBlock.smallImage > figure {
    height: 330px;
}*/
.phraseBannerBlock figcaption {
    position: absolute;
    text-align: left;
    bottom: 2%;
}

    .phraseBannerBlock figcaption .info {
        margin: 0 0 20px 20px;
    }

        .phraseBannerBlock figcaption .info h2 {
            font-size: 1.5em;
            color: #fff;
            text-transform: none;
            text-shadow: 1px 1px 1px #575757;
            margin-bottom: 10px;
        }


        .phraseBannerBlock figcaption .info h3 {
            /*font-size: 1.5em;*/
            color: #fff;
            text-transform: none;
            text-shadow: 1px 1px 1px #575757;
            margin-bottom: 5px;
        }

/* END PhraseBannerBlocks */

/* START Reveal Block */

.reveal h5 {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1em;
}

    .reveal h5 a {
        display: block;
        clear: both;
        color: #000;
        background-image: url(/images/NewImages/Icons/CaretDown.png);
        background-position: 98.75% 16px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #ccc;
        padding: 12px 24px 12px 10px !important;
        text-decoration: none;
        margin-bottom: 0px;
        line-height: 140%;
    }

h4 + .reveal h5 a {
    border-top: 1px solid #ccc;
}

.reveal div {
    display: none;
    padding: 12px 10px;
    border-bottom: 1px solid #ccc;
}

/* END Reveal Block */

/* START PreFooterBlock */

#preFooterHolder {
    width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
}

    #preFooterHolder > a {
        top: 135px;
    }

#preFooterSlides figure {
    height: 230px;
}

    #preFooterSlides figure > a {
        display: block;
        width: 100%;
        height: 100%;
    }

#preFooterSlides .slick-track {
    display: flex;
}

#preFooterSlides .slick-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}

#preFooterSlides h3 {
    margin-bottom: 0.1em;
    margin-top: 5px;
    text-transform: none;
    font-size: 1.3em;
}

#preFooterSlides p {
    /*font-size: 1.5em;*/
    font-weight: 100;
    margin: auto 0;
}

#preFooterSlides .btn {
    margin-top: 1rem;
}

/* END PreFooterBlock */


/* START timepicker and datepicker */

/* TIMEPICKER */
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 158px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10000009;
    margin: 0 0 0 9px;
    position: relative;
    text-align: left;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }



/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #ffffff;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-size: 14px !important
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-repeat: repeat-x;
    color: #000;
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    border-left-color: #fdf59a;
    border-right-color: #fdf59a;
    border-top-color: #fdf59a;
    border-bottom-color: #fbed50;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today[disabled],
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        background-color: #f3d17a;
        background-repeat: repeat-x;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-image: linear-gradient(top, #f3c17a, #f3e97a);
        border-left-color: #f3e97a;
        border-right-color: #f3e97a;
        border-top-color: #f3e97a;
        border-bottom-color: #edde34;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today[disabled],
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9;
            }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    border-left-color: #808080;
    border-right-color: #808080;
    border-top-color: #808080;
    border-bottom-color: #595959;
}

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected[disabled],
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080;
    }

        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9;
        }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}

    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datepicker table tr td.active:active,
        .datepicker table tr td.active:hover:active,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active:hover.active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-image: linear-gradient(top, #0088cc, #0044cc);
        border-left-color: #0044cc;
        border-right-color: #0044cc;
        border-top-color: #0044cc;
        border-bottom-color: #002a80;
    }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active[disabled],
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399;
            }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-right-width: 2px;
    border-bottom-width: 2px;
    color: #333333;
    font-size: 13px;
    line-height: 20px;
}

    .datepicker.dropdown-menu th,
    .datepicker.dropdown-menu td {
        padding: 4px 5px;
    }

.clockTextboxIcon {
    background: #fff url(/images/NewImages/Icons/ClockIcon.png) no-repeat 97% 50% !important;
}

.calendarTextboxIcon {
    background: #fff url(/images/NewImages/Icons/CalendarIcon.png) no-repeat 97% 50% !important;
}

input.datetimepicker {
    max-width: 300px;
    width: 60%;
    font-size: 1em;
    display: block;
    padding: 8px 1.5%;
    margin: 0 0;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.blackTitleHeader {
    background: #000;
    color: #fff;
    margin-bottom: 35px;
}

.blackTitleHeader h2{
    text-transform: none;
    margin: 0 auto;
    max-width: 980px;
    width: 94%;
    font-size: 2.4em;
    padding: 17px 0 18px;
    line-height: 1.1em;
    text-align: left;
    letter-spacing: 0;
	color: #fff;
}

/** END timepicker and datepicker */

/* START Newsletter Box */

/* NEWSLETTER BOX (POPUP) */

#newsletterBox {
    width: 561px;
    height: 561px;
    margin: auto;
    border: 20px solid rgb(255,193,58);
    border: 20px solid rgba(255,193,58, .5);
    /*background: #fff url(/images/desktopImages/desktop_newsletterBox.png) no-repeat -75px 175px / 315px auto;*/
    background-color: #fff;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    border-radius: 325px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: -5000px;
    transition: bottom .5s ease;
    z-index: 99999;
}

    #newsletterBox.active {
        bottom: 0;
    }

    #newsletterBox .content {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        #newsletterBox .content h2 {
            font-size: 48px;
            font-weight: 100;
            line-height: 60px;
            text-align: left;
            text-indent: 130px;
            color: #878787;
            margin-top: 20px;
            margin-bottom: 10px;
            letter-spacing: 2px;
        }

            #newsletterBox .content h2 > span {
                font-size: 125px;
                margin-left: 32px;
                letter-spacing: 5px;
                font-weight: 600;
                display: inline-block;
                margin-top: 8px;
            }

        #newsletterBox .content ul {
            text-align: left;
            float: right;
            margin-right: 20px;
            width: 55%;
            display: inline-block;
        }

            #newsletterBox .content ul > li {
                font-size: 20px;
                font-style: italic;
                color: #878787;
                margin-bottom: 20px;
                line-height: 20px;
            }

                #newsletterBox .content ul > li:before {
                    content: "- ";
                }

        #newsletterBox .content .newsletter {
            float: right;
            margin-right: 45px;
            text-align: left;
        }

            #newsletterBox.content .newsletter > input[type=text] {
                height: 30px;
                margin-bottom: 15px;
                box-sizing: border-box;
                padding-left: 5px;
                font-size: 12px;
                font-style: italic;
                border: 1px solid #dadada;
            }

            #newsletterBox .content .newsletter #txtNewsletterEmailPopup {
                width: 100%;
            }

    #newsletterBox .newsletter .gender {
        border: 1px solid #878787;
        text-align: center;
    }

    #newsletterBox .content .newsletter .btn {
        width: 160px;
        font-size: 23px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    #newsletterBox .content .newsletter .disclaimer {
        font-size: 12px;
        float: left;
        text-align: left;
        color: #878787;
        font-style: italic;
    }

    #newsletterBox #closeBox {
        background-image: url(/images/NewImages/Icons/Close.png);
        background-color: #fff;
        background-repeat: no-repeat;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        right: 140px;
        top: 50px;
        position: absolute;
        text-indent: 9999px;
    }

/* END Newsletter Box */

/**External elements hack */
.at_flat_counter {
    display: none !important
}

/* START product slides Block*/

.productSliderHolder {
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
    overflow: hidden;
}

.productSliderHolder h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 38px;
    color: #000000;
}

.productSliderSlides {
    width: 90%;
    margin: auto;
}

    .productSliderSlides figure {
        height: 140px;
    }

    .productSliderSlides .image1 {
        /*top: 100%;*/
    }

    .productSliderSlides .slick-slide {
        position: relative;
    }

        .productSliderSlides .slick-slide:not(:hover) .hover-image {
            /*display: block;*/
            opacity: 0;
        }

    .productSliderSlides .hover-image {
        /*display: none;*/
        position: absolute;
        top: 0;
        width: 100%;
        background: white;
        height: 100%;
        transition: opacity 0.4s;
    }

        .productSliderSlides .hover-image figure {
            height: 185px;
        }

        .productSliderSlides .hover-image .btn {
            background: #000;
            color: #fff;
        }

    .productSliderSlides figure img[src*='loading.gif'] {
        height: 40px;
    }

    .productSliderSlides h3,
    .productSliderSlides .h3 {
        margin-bottom: 5px;
        font-size: 16px;
        text-transform: none;
    }

        .productSliderSlides h3.active,
        .productSliderSlides .h3.active {
            font-weight: bold;
        }

#rings-area #mainslider .slide h3.active + a.link,
#rings-area #mainslider .slide .h3.active + a.link {
    display: block;
    background-color: #ffc13a;
    font-size: 0;
}

    #rings-area #mainslider .slide h3.active + a.link:before,
    #rings-area #mainslider .slide .h3.active + a.link:before {
        content: attr(data-selected-title);
        color: #222;
        font-size: 14px;
    }


/* END product slides Block*/

/* START Text With Image Block*/

.textAndImageBlock {
    margin-top: 40px;
}

    .textAndImageBlock > div .centeredContent {
        position: absolute;
        left: 0;
        right: 0;
        font-size: 13px;
    }

    .textAndImageBlock h3 {
        text-transform: none;
    }

/* END Text With Image Block */

/* START Mini Slider*/

.miniToBigSliderHolder {
    margin: 20px 0;
    position: relative;
}

    .miniToBigSliderHolder .listGrid {
        display: none;
    }

    .miniToBigSliderHolder.listView .listGrid {
        display: block;
    }

    .miniToBigSliderHolder.listView .mainSlideHolder,
    .miniToBigSliderHolder.listView .miniSlidesHolder,
    .miniToBigSliderHolder.listView .carrousel_left,
    .miniToBigSliderHolder.listView .carrousel_right {
        display: none;
    }

    .miniToBigSliderHolder .mainSlide {
        position: relative;
        background-color: #dadada;
        /*height: 400px;*/
    }

        .miniToBigSliderHolder .mainSlide .centeredContent {
            left: 0;
            right: 0;
        }

    .miniToBigSliderHolder figure > button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 10;
        cursor: pointer;
    }

    .miniToBigSliderHolder figure > .overlayInfo {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        opacity: 0;
        box-sizing: border-box;
        border: 5px solid #feb100;
        background-color: rgba(0,0,0,.6);
        transition: opacity .5s;
        z-index: -1;
    }

        .miniToBigSliderHolder figure > .overlayInfo > .forwardFriend {
            position: absolute;
            bottom: 10px;
            left: 10px;
            display: inline-block;
            width: 100%;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            /*background: url(../images/img-2016/Bespoke/forwardFriend.png) no-repeat center left;*/
            text-indent: 30px;
        }

    .miniToBigSliderHolder .listGrid > figure,
    .miniToBigSliderHolder .miniSlidesHolder > figure {
        position: relative;
        background-color: #dadada;
        height: 293px;
        margin-bottom: 15px;
        overflow: hidden;
    }

        .miniToBigSliderHolder .miniSlidesHolder > figure h3,
        .miniToBigSliderHolder .listGrid h3 {
            font-size: 1.6em;
        }

    .miniToBigSliderHolder .viewAll {
        font-size: 18px;
        line-height: 50px;
    }

/* END Mini Slider*/

/* START Three Images Block */

.threeImagesBlock {
    margin-top: 15px;
    margin-bottom: 60px;
}

    /*.threeImagesBlock img
{
    height: 270px;
}*/

    .threeImagesBlock p {
        width: 80%;
        font-size: 16px;
        margin: 10px 0 0 10%;
    }

    .threeImagesBlock h3 {
        margin-bottom: 10px;
    }

/* END Three Images Block */

/* START flexGridBlock */

.flexGridBlock {
    width: 100%;
}

    .flexGridBlock > * {
        height: 335px;
        margin-bottom: 2px;
    }

        .flexGridBlock > *.noPadding-right {
            padding-left: 1px;
        }

        .flexGridBlock > *.noPadding-left {
            padding-right: 1px;
        }

    .flexGridBlock > div .centeredContent {
        position: absolute;
        left: 0;
        right: 0;
        padding: 10px;
        font-size: 15px;
    }

        .flexGridBlock > div .centeredContent p {
            font-size: 1em;
        }

/* END flexGridBlock */

/* START bottomHero */

.imageTopTextBottom > figcaption {
    margin-top: 10px;
    margin-bottom: 20px;
}

.bottomHero .info {
    max-width: 40%;
}

    .bottomHero .info h1, .bottomHero .info h2 {
        font-size: 3.2em;
    }

    .bottomHero .info h1, .bottomHero .info h2,
    .bottomHero .info > p {
        color: #fff;
        text-shadow: 1px 1px 1px #575757;
    }

/* END flexGridBlock */

/* START simpleHolder */

.simpleHolder {
    font-size: 14px;
}

/* END simpleHolder */

/* START Categories List */

#categoriesListHolder #hero {
    margin-bottom: 30px;
}

#categoriesListHolder ul li > article,
#categoriesListHolder ul li > figure {
    position: relative;
    border: 5px solid #ffb002;
    margin-bottom: 15px;
    height: 40vw;
    /*overflow:hidden;*/
    transition: background-color .5s;
}

#awardsCategoriesPage #categoriesListHolder ul li > figure {
    border: 3px solid #ccc;
}

    #categoriesListHolder ul li > article a {
        color: #000;
        font-weight: bold;
    }

    #categoriesListHolder ul li > article > a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 8;
    }

    #categoriesListHolder ul li > figure a {
        display: block;
        height: 100%;
    }

    #categoriesListHolder ul li > figure img {
        max-width: 90%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    #awards #categoriesListHolder ul li > figure img {
        margin-top: -15px;
    }





.faqsPage .table-wrapper {
    display: block;

}

.faqsPage .table-wrapper {
    border: none;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding:0;
    padding-bottom: 16px;
}

.faqsPage table td, .faqsPage table th {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
}

    .faqsPage table th {
        font-weight: 600;
        background-color: #eee;
        text-align: left;
    }

    .educationPage {
        /*padding-top: 15px;*/
    }

    .educationPage .messages{
        /*font-family: "Nunito Sans";
        font-size: 14px;
        letter-spacing: 0px;*/
        line-height: 21px;
    }

    .educationPage .innerpadding .line h5{
        font-family: "Nunito Sans" !important;
        font-size: 14px!important;
        letter-spacing: 0px;
        line-height: 21px;
    }

    .educationPage #categoriesListHolder ul li > figure img {
        top: 42%;
    }

/*#categoriesListHolder ul li > figure img
{
    max-width: 90%;
}*/

#categoriesListHolder ul li > figure:hover {
    background-color: rgba(255,176,2,.95);
}

#categoriesListHolder ul li > article > a:hover {
    background-color: rgba(255,176,2,.95);
    background-image: none;
}

#categoriesListHolder ul li > article p.catName,
#categoriesListHolder ul li > figure p.catName {
    position: absolute;
    max-width: 80%;
    color: #222;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    opacity: 0;
    transform: translateY(50%);
    transition: bottom .5s ease, opacity .5s ease;
    z-index: 9;
}

#categoriesListHolder ul li > article p.catName {
    pointer-events: none;
}

/*#categoriesListHolder ul li > figure:hover a {
    opacity: 0.05;
}*/

#categoriesListHolder ul li > article:hover p.catName,
#categoriesListHolder ul li > figure:hover p.catName {
    bottom: 50%;
    opacity: 1;
    pointer-events: none;
}

#categoriesListHolder ul li > article > a {
    background-image: url(/images/NewImages/Symbols/Quotes_Desktop.png), url(/images/NewImages/Symbols/Quotes_Inv_Desktop.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 10px left 10px, bottom 10px right 10px;
}

#categoriesListHolder ul li > article .textHolder {
    padding: 0 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

    #categoriesListHolder ul li > article .textHolder h3 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #categoriesListHolder ul li > article .textHolder p {
        margin: 0;
    }

/* END Categories List */

/* START Category Detail */

#pressCategoriesPage #backToList,
#categoryDetailsPage #backToList {
    background: url(/images/NewImages/Icons/BackBtn.png) no-repeat center left;
    display: block;
    width: 100px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-indent: 50px;
}

    #pressCategoriesPage #backToList:hover,
    #categoryDetailsPage #backToList:hover {
        text-decoration: underline;
    }

#categoryDetailsPage .slidesHolder {
    margin: 20px 0;
    min-height: 300px;
    background-color: #ddd;
    padding: 20px;
}

    #categoryDetailsPage .slidesHolder .slick-slide img {
        display: inline-block;
    }

    #categoryDetailsPage .slidesHolder figure > figcaption {
        margin-top: 20px;
    }


    #categoryDetailsPage .slidesHolder h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #categoryDetailsPage .slidesHolder p {
        font-size: 16px;
        margin-bottom: 5px;
    }

/* END Category Detail */

/* START Awards Page */

#awardsCategoriesPage {
    overflow: hidden;
}

    #awardsCategoriesPage h3 {
        margin: 30px 0 40px;
    }

    #awardsCategoriesPage .textHolder {
        margin-top: 10px;
    }

    #awardsCategoriesPage #categoriesListHolder ul li > figure img {
        max-height: 65%;
    }

    #awardsCategoriesPage h3 {
        margin: 30px 0 40px
    }

    #awardsCategoriesPage #runnersTab ul li > figure {
        border-color: #dadada;
    }

    #awardsCategoriesPage #categoriesListHolder ul li > figure:hover {
        background: none;
    }

    #awardsCategoriesPage #categoriesListHolder ul li > figure figcaption {
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(50%);
        padding: 4px;
    }

        #awardsCategoriesPage #categoriesListHolder ul li > figure figcaption p {
            font-size: 15px;
            margin-bottom: 5px;
        }

/* END Awards Page */


#step-1 .options .shapes-list, ul.shapes-list {
    clear: both;
    display: block;
    margin: 0 0;
    overflow: hidden;
    padding: 0 0;
    width: 100%;
}

    #step-1 .options .shapes-list li, ul.shapes-list li {
        display: inline-block;
        list-style: none;
        margin: 0 1px 0 0;
        cursor: pointer;
    }

    #step-1 .options .shapes-list a, ul.shapes-list a {
        background-image: url(/images/NewImages/Icons/DiamondShapes.png);
        background-repeat: no-repeat;
        display: block;
        font-size: 1px;
        height: 44px;
        width: 44px;
        line-height: 1px;
        overflow: hidden;
        text-indent: -9999em;
        border: 0;
    }




/* START Floating Menu */

#floatingMenuOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    margin: auto;
    z-index: 9998;
    width: 100%;
    height: 100%;
}

#floatingMenuHolder {
    position: fixed;
    bottom: 25%;
    right: 15px;
    z-index: 9999;
    text-align: right;
}

#floatingMenu {
    width: 0;
    max-height: 0;
    overflow: hidden;
    background-color: #DADADA;
    transition: all .5s ease;
}

    #floatingMenu.active {
        width: 88vw;
        max-height: 500px;
    }

    #floatingMenu > nav > a {
        color: #222;
        display: block;
        border-bottom: 1px solid #222;
        padding: 10px 0;
        font-size: 16px;
        text-decoration: none;
        text-align: center;
    }

        #floatingMenu > nav > a:first-child {
            margin-top: 10px;
            border-top: 1px solid #222;
        }

    #floatingMenu > button {
        display: block;
        float: right;
        font-size: 14px;
        background-color: transparent;
        border: 0 none;
        color: #222;
        padding: 5px 10px;
    }

#bulletsHolder {
    width: 16px;
    height: 40px;
    background-color: rgba(218,218,218,.7);
    border: 1px solid #fff;
    line-height: 11px;
    padding: 0;
    color: #666;
    font-size: 24px;
}

    #bulletsHolder > i {
        display: block;
        font-style: normal;
    }

/* END Floating Menu*/






/* START WINTER SALE  + VALENTINES 2018 */
#stickyContactBar.stickyWintersale2018 {
    overflow: hidden;
    max-height: 60px;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    transition: box-shadow 1s;
}

#stickyContactBar.stickyWintersale2018.stickyActive {
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.stickyWintersale2018_ghostElement {
    width: 100%;
    height: 60px;

}

#stickyContactBar .saleText {
    margin: 0 !important; 
}

#stickyContactBar .saleText img {
    height: 98px;
    margin-top: -16px;
    width: auto;
}



#stickyContactBar.stickyWintersale2018 .closeStickyBarWinterSale {
    display: none;
    z-index: 99999;
    cursor: pointer;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    right: 7px;
    background: url('/images/campaigns/2018-night-for-you/close.png') no-repeat center;
}

/* START Sample Sale 2019 */

#stickyContactBar.stickySampleSale2019 {
    position: relative;
    z-index: 100002;
    max-height: 60px;
    line-height: 60px;
    background-color: #000;
    background-image: url(/images/campaigns/2019-sample-sale/Desktop_SampleSale_StickyBar_1180x70.jpg);
    border-color: #000;
}

#stickyContactBar.stickySampleSale2019 .frame {
    display: inline-block;
    /*position: relative;*/
}

#stickyContactBar.stickySampleSale2019 h2 {
    color: #fff;
    font-family: 'Caslon Pro';
    font-size: 28px;
    line-height: 1;
    vertical-align: text-top;
    display: inline-block;
    margin-bottom: 0px;
}

#stickyContactBar.stickySampleSale2019 .ss-register-interest {
    color: #fff;
    border: 1px solid;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .7px!important;
    font-size: 12px;
    line-height: 30px;
    padding: 0 8px;
    display: inline-block;
    margin-right: 0;
}

#stickyContactBar.stickySampleSale2019 .closeStickyBar {
    position: absolute;
    top: 0;
    margin-left: 30px;
    border: 0;
    width: 25px;
    height: 25px;
    background: white url(/images/close.png) no-repeat center;
}

@media (max-width: 480px) {
    #stickyContactBar.stickySampleSale2019 .closeStickyBar {
        right: 0;
    }

    #stickyContactBar.stickySampleSale2019 h2 {
        font-size: 21px;
    }

    #stickyContactBar.stickySampleSale2019 .frame {
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 4s;
        animation-delay: 0s;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

    #stickyContactBar.stickySampleSale2019 .frame.frame-2 {
        animation-delay: -2s;
    }

}

@keyframes example {
    50% {
        opacity: 1;
    }
    50.1% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 350px) {
    #stickyContactBar.stickySampleSale2019 h2 {
        font-size: 19px;
    }
}

@media (min-width: 481px) {
    #stickyContactBar.stickySampleSale2019 .frame-1 {
        margin-right: 30px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #stickyContactBar.stickySampleSale2019 .closeStickyBar {
        right: 0;
    }
}

@media (min-width: 769px) {
    #stickyContactBar.stickySampleSale2019 .frame {
         position: relative; 
    }

    #stickyContactBar.stickySampleSale2019 .closeStickyBar {
        left: 100%;
    }
}

.SampleSale2019-phraseBanner {
    position: relative;
}

.SampleSale2019-phraseBanner figure {
    height: 100%;
}

.SampleSale2019-phraseBanner figure img {
    width: 100%;
    height: 100%;
}

.SampleSale2019-phraseBanner figcaption {
    width: 100%;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.SampleSale2019-phraseBanner figcaption h2 {
    color: #fff;
    font-family: 'Caslon Pro';
    font-size: 30px;
    margin-bottom: -5px;
    line-height: 1.3;
}

.SampleSale2019-phraseBanner .ss-register-interest {
    display: inline-block;
    color: #fff;
    border: 1px solid;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 40px;
    padding: 0 15px;
}

@media (max-width: 480px) {
    .SampleSale2019-phraseBanner figcaption {
        flex-direction: column; 
        justify-content: center; 
    }

    .SampleSale2019-phraseBanner figcaption h2 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .SampleSale2019-phraseBanner figcaption h2 br {
        display: none;
    }
}

/* END Sample Sale 2019 */


    #heroClockHolder {
       display: none;
    }

    .stickyBF18-clock {
    background-color: #243E64 !important;
    /* background-color: #DFE8F9 !important; */
    border: none !important;

    }

        .stickyBF18-clock.valentinesPinkStickyBar {
            background-image: linear-gradient(to right, #D05054, #A53444);
        }

    .stickyBF18-clock #heroClockHolder > div,
    .stickyBF18-clock #heroClockHolder > a {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        vertical-align: middle;
        margin: 0 6px;
    }

.stickyBF18-clock #heroClockHolder .early-bf-sale {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.7px;
}



.stickyBF18-clock #heroClockHolder .early-bf-sale > div {
    white-space: normal;
    width: 85px;
    padding: 16px 0;
    line-height: 14px;
    display: table-cell;
    vertical-align: middle;
}

.stickyBF18-clock #heroClockHolder .early-bf-sale.bigSaleText > div {
    text-transform: uppercase;
    font-family: "Caslon Pro";
    font-size: 28px;
    line-height: 60px;
    margin: 0;
    padding: 7px 0 0 0;


}

.stickyBF18-clock #heroClockHolder .bf-now-on {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.7px;
}

.stickyBF18-clock #heroClockHolder .bf-now-on > div {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: white;
    line-height: 24px;
    margin-top: 18px;
    font-size: 15px;
}




.WinterSaleShoppingBagCountDownHolder {
    background-color: #243E64;
    /*background-color: #dfe8f9;*/
    margin-bottom: 12px;
    color: white;
}

    .WinterSaleShoppingBagCountDownHolder.valentinesPinkBackground {
        background-image: linear-gradient(to right, #D05054, #A53444);
    }



.WinterSaleShoppingBagCountDownHolder p {
    margin-top: 16px;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}


.WinterSaleShoppingBagCountDownHolder .shopCountdown {
    margin-bottom: 16px;
}

.stickyBF18-clock #heroClockHolder .clockHolder {
line-height: 60px !important;
}

.cartPhaseHolder .shopCountdownHolder .offer-expires {
    text-transform: uppercase;
    font-weight: 700;
}

.shopCountdownHolder .shopCountdown {
    vertical-align: sub;
}

.cartPhaseHolder .shopCountdownHolder {
    height: 47px;
    line-height: 47px;
    padding: 0 !important;
    padding-left: 16px !important;
    /*background-color: #dfe8f9 !important;*/
    background-color: #243E64 !important;
    color: white;
}

.cartPhaseHolder .shopCountdownHolder.valentinesPinkBackground {
    background-image: linear-gradient(to right, #D05054, #A53444);
}

.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock {
    margin-top: 3px;
    color: white;
}


.cartPhaseHolder .shopCountdownHolder span.timer,
.WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer,
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
    font-size: 28px;
    font-family: "Caslon Pro" !important;
    padding: 0 !important;
    width: auto !important;
}


#orderItems .itemCost .saleEndsIn   {
    margin-top: 26px;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
}

#orderItems .itemCost  span.timer span, 
.cartPhaseHolder .shopCountdownHolder span.timer span,
.WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer span,
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer span {
    font-size: 14px;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
}

#orderItems .itemCost .shopCountdown span {
    font-weight: normal;
}



.cartPhaseHolder .shopCountdownHolder .shopCountdown .seconds,
.WinterSaleShoppingBagCountDownHolder .shopCountdown .seconds,
#orderItems .itemCost .shopCountdown .seconds {
    display: none;
}

.clockHolder_SpringFlashSale2019 #heroClock_SpringFlashSale2019.showSecondsHideDays .days,
.cartPhaseHolder .shopCountdownHolder .shopCountdown.showSecondsHideDays .days,
.WinterSaleShoppingBagCountDownHolder .shopCountdown.showSecondsHideDays .days,
#orderItems .itemCost .shopCountdown.showSecondsHideDays .days,
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock.showSecondsHideDays .days {
    display: none;
}

.clockHolder_SpringFlashSale2019 #heroClock_SpringFlashSale2019.showSecondsHideDays .seconds,
.cartPhaseHolder .shopCountdownHolder .shopCountdown.showSecondsHideDays .seconds,
.WinterSaleShoppingBagCountDownHolder .shopCountdown.showSecondsHideDays .seconds,
#orderItems .itemCost .shopCountdown.showSecondsHideDays .seconds,
.stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock.showSecondsHideDays .seconds {
    display: inline-block;
}

.stickyBF18-clock #heroClockHolder a.bf-explore-deals {
    color: white !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px !important;
    font-size: 12px;
}

.stickyBF18-clock #heroClockHolder a.bf-explore-deals > div {
    line-height: 30px;
    margin-top: 15px;
    padding: 0 8px;
    color: white;
    background-color: transparent;
    border: 1px solid white;
}



#homepage .productSliderHolder,
#winterSale2019 .productSliderHolder {
    margin: 40px 0;
    padding: 0 5%;

} 

#homepage .productSliderHolder .WS19Slider,
#winterSale2019 .productSliderHolder .WS19Slider {
    height: 315px;
    max-height: 315px;
    overflow: hidden;
    margin-top: 20px;

} 

#homepage .productSliderHolder a.categoryTitle,
#winterSale2019 .productSliderHolder a.categoryTitle {
    color: black;
    font-size: 36px;
}


#homepage .productSliderHolder .WS19Slider .slide h3,
#winterSale2019 .productSliderHolder .WS19Slider .slide h3 {
    font-size: 18px;
    font-weight: 600;
    color: black;
    margin-bottom: 8px;
}

#homepage .productSliderHolder .WS19Slider .slide h4,
#winterSale2019 .productSliderHolder .WS19Slider .slide h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ACACAC;
    margin-bottom: 12px;
    letter-spacing: 0.8px;
}

#homepage .productSliderHolder .WS19Slider .slide h5,
#winterSale2019 .productSliderHolder .WS19Slider .slide h5 {
font-size: 13px;
text-transform: capitalize;
color: black;
margin-bottom: 6px;
}

#homepage .productSliderHolder .WS19Slider .slide h5 .price,
#winterSale2019 .productSliderHolder .WS19Slider .slide h5 .price {
    font-weight: 600;
    font-size: 24px;
    color: black;
}
    
#homepage .productSliderHolder .WS19Slider .slide h6,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 {
font-size: 13px;
color: black;
}

#homepage .productSliderHolder .WS19Slider .slide h6 .full-price,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 .full-price {
    color: black;
    text-decoration: line-through;
}

#homepage .productSliderHolder .WS19Slider .slide h6 .saving,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 .saving {
    color: #c21807;
    text-transform: capitalize;
    font-weight: 700;
} 

#homepage .productSliderHolder .WS19Slider .btn,
#winterSale2019 .productSliderHolder .WS19Slider .btn {
    margin-top: 14px;
    background-color: black;
    color: white;
} 



/* END WINTER SALE + VALENTINES 2018 */

/* START Christmas stuff #Christmas2016 */

#christmasRibbon {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
    height: 157px;
}

.chrome #christmasRibbon {
    height: 156px;
}

header .headerVisitShowroom.christmas {
    font-size: 18px;
    visibility: hidden;
}

    header .headerVisitShowroom.christmas span {
        background: none;
        text-decoration: underline;
        margin-left: 20px;
        margin-right: -50px;
    }

#homepage.hasEvent figure.fig_1 figcaption.christmas {
    left: unset;
    right: 15%;
}

.container.christmas #hero .info h1,
.container.christmas #hero .info p {
    text-shadow: 1px 1px 1px #575757;
    color: #fff;
}

/* START Christmas 2018 */


#hero.xmas_hero .slide {
    background-color:  #F9F7F8;
}

#hero.xmas_hero .slide .slide_left,
#hero.xmas_hero .slide .slide_right {

    padding: 0;
}

#hero.xmas_hero .slide .slide_right_landing_pages {
    float: right;
}

#hero.xmas_hero .slide .slide_left_landing_pages {
    float: left;
    position: relative;
    /*background-color: #F9F7F8;*/

}

#hero.xmas_hero .slide .slide_right_homepage {
    float: right;
}

#hero.xmas_hero .slide .slide_left_homepage {
    float: left;
    position: relative;
    /*background-color: #F9F7F8;*/

}

.slide_left_landing_pages_inner {
    padding-top: 64%;

}

.slide_left_landing_pages_inner_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#homepage #hero.xmas_hero .info {
    padding-top: 35px;
}



#hero.xmas_hero .info,
#diamondCollection2017 #hero.xmas_hero .info {
    position: initial;
    padding-left: 4%;
    margin: 0;
    max-width: 80%;
}

#homepage #hero.xmas_hero .info {
    position: absolute;
}

/*#homepage .hero-bottom-images.xmas figure.imageWithCaptionBlock figcaption h2,
#homepage .hero-bottom-images.xmas figure.imageWithCaptionBlock figcaption h3,
#hero.xmas_hero .info h1,
#hero.xmas_hero .info h2,
#hero.xmas_hero .info h3,
#hero.xmas_hero .info p
{
    color: black;
    text-shadow: none;
}

#wrapper #hero.winter-sale_hero .info h1,
#wrapper #hero.winter-sale_hero .info h2,
#wrapper #hero.winter-sale_hero .info h3,
#wrapper #hero.winter-sale_hero .info p {
    color: #fff;
}

#hero.xmas_hero .info h2 a,
#hero.xmas_hero .info h3 a,
#hero.xmas_hero .info p a {
    font-weight: 700;
}
#hero.xmas_hero .info p a{
    font-family: "Source Sans Pro Bold";

}*/

#homepage hr.yellowLine.xmas {
    border-bottom: 6px solid white;
}

.winter-sale_hero .info .btn {
    background-color: #fff;
}

/*#homepage .hero-bottom-images.xmas figure.imageWithCaptionBlock figcaption .btn,

#hero.xmas_hero .info .btn
 {
    background-color: black;
    color: white;
}


#diamondCollection2017 #hero.xmas_hero h1  {
    font-style: normal;
    font-size: 30px;
    color: #000;
    margin-left: 0;
}

    #behindCollectionsHolder #hero.xmas_hero h1 > span,
    #diamondCollection2017 #hero.xmas_hero h1 > span {
        font-size: 30px;
        color: black;
        display: initial;
        margin-left: 0;
    }*/



/* END Christmas 2018 */



/* START Black Friday 2018 */


    /* START Eden Campaign Landing Page Sliders */

        #hero.eden18 .slick-dots {
            width: 100%;
            text-align: center;
            font-size: 0;
            margin-bottom: -5px;
        }


        #hero.eden18 .slick-dots > li {
            display: inline-block;
        }

        #hero.eden18 .slick-dots > li > button {
            border-radius: 13px;
            border: none;
            font-size: 0;
            width: 13px;
            height: 13px;
            margin-left: 10px;
            padding: 0;
            cursor: pointer;
            background-color: transparent;
            border: 2px solid  #ffc13a;
        }


        #hero.eden18 .slick-dots > li:first-child > button {
            margin-left: 0;
        }


        #hero.eden18 .slick-dots > li.slick-active > button {
            background-color: #ffc13a;
            cursor: default;
        }
    
    /* END Eden Campaign Landing Page Sliders */
       


#homepage #hero .bg-gif-slide {
    width: 100%;
}

    #homepage #hero .bg-gif-slide picture img {
        width: 100%;
        height: auto;
    }



/* Hero Bottom Pictures - Left Right */

#homepage .bg-pic-box,
#blackFriday .bg-pic-box {
    position: relative;
}

    #homepage .bg-pic-box .caption,
    #blackFriday .bg-pic-box .caption {
        position: absolute;
        width: 45%;
        height: 100%;
        padding-left: 28px;
        top: 0;
        left: 0;
    }



        #homepage .bg-pic-box .caption h1,
        #blackFriday .bg-pic-box .caption h1 {
            font-size: 25px;
            text-decoration: underline;
            color: white;
        }

        #homepage .bg-pic-box .caption h2,
        #blackFriday .bg-pic-box .caption h2 {
            font-size: 25px;
            color: white;
        }

        #homepage .bg-pic-box .caption h3,
        #blackFriday .bg-pic-box .caption h3 {
            font-size: 16px;
            color: white;
        }

        #homepage .bg-pic-box .caption .btn,
        #blackFriday .bg-pic-box .caption .btn {
            background-color: transparent;
            border: 1px solid white;
            color: white;
        }

#homepage .bg-pic-right,
#homepage .bg-pic-left,
#blackFriday .bg-pic-right,
#blackFriday .bg-pic-left {
    width: 100%;
    padding-top: 73.5%;
}

#homepage .hero-bottom-images .bg-pic-right.early-bird {    
    background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_right_image_wedding.jpg');
    background-size: 100% auto;
}

#homepage .hero-bottom-images .bg-pic-left.early-bird {    
    background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement.jpg');
    background-size: 100% auto;
    
}

#homepage .hero-bottom-images .bg-pic-right._P5,
#homepage .hero-bottom-images .bg-pic-right._P6,
#homepage .hero-bottom-images .bg-pic-right._P7,
#homepage .hero-bottom-images .bg-pic-right._PE {    
    background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Desktop.jpg');
}

#homepage .hero-bottom-images .bg-pic-left._P5,
#homepage .hero-bottom-images .bg-pic-left._P6,
#homepage .hero-bottom-images .bg-pic-left._P7,
#homepage .hero-bottom-images .bg-pic-left._PE {    
    background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Desktop.jpg');
}


#blackFriday .bg-pic-left.early-bird.line1 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_desktop.jpg');
    background-size: 100% auto;
    
}

#blackFriday #topBanner  {    
    position: relative;
    text-align: center;

    
}

#blackFriday #topBanner .arrow-discount {    
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;


    
}

#blackFriday #topBanner .arrow-discount img {    
    width: 35px;
    height: auto;
    cursor: pointer;
    margin: auto;

    
}

#blackFriday .bg-pic-left.early-bird.line1._P5,
#blackFriday .bg-pic-left.early-bird.line1._P6,
#blackFriday .bg-pic-left.early-bird.line1._P7 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_desktop2.png');
    
}

#blackFriday .bg-pic-right.early-bird.line1 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop.jpg');
    background-size: 100% auto;
    
}

#blackFriday .bg-pic-right.early-bird.line1._P5,
#blackFriday .bg-pic-right.early-bird.line1._P6,
#blackFriday .bg-pic-right.early-bird.line1._P7 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop2.png');
}

#blackFriday .bg-pic-right.early-bird.line1._P5,
#blackFriday .bg-pic-right.early-bird.line1._P6,
#blackFriday .bg-pic-right.early-bird.line1._P7 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_desktop2.png');
}

#blackFriday .bg-pic-left.early-bird.line2 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_desktop.jpg');
    background-size: 100% auto;
    
}

#blackFriday .bg-pic-left.early-bird.line2._P5,
#blackFriday .bg-pic-left.early-bird.line2._P6,
#blackFriday .bg-pic-left.early-bird.line2._P7 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_desktop2.png');
    
}

#blackFriday .bg-pic-right.early-bird.line2 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_desktop.jpg');
    background-size: 100% auto;
}

#blackFriday .bg-pic-right.early-bird.line2._P5,
#blackFriday .bg-pic-right.early-bird.line2._P6,
#blackFriday .bg-pic-right.early-bird.line2._P7 {    
    background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_desktop2.png');
    background-size: 100% auto;
}



#blackFriday #blackFriday2017Holder .hero-bottom-images .bg-pic-box {
    margin-bottom: 10px;
}



#homepage .productSliderHolder .BF18Slider {
    margin-bottom: 25px;
    height: 240px;
}

#homepage .productSliderHolder .BF18Slider .slick-list {
    height: 240px;
}

    #homepage .productSliderHolder .BF18Slider .slide figure .image-for-hover {
        display: none;
    }

    #homepage .productSliderHolder .BF18Slider .slide h2 {
        font-size: 18px;
        font-weight: 600;
        color: black;
        margin-bottom: 8px;
    }

    #homepage .productSliderHolder .BF18Slider .slide h3 {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #ACACAC;
        margin-bottom: 16px;
        letter-spacing: 0.8px;
    }

    #homepage .productSliderHolder .BF18Slider .slide h4 {
        font-size: 13px;
        text-transform: capitalize;
        color: black;
        margin-bottom: 6px;
    }


        #homepage .productSliderHolder .BF18Slider .slide h4 .price {
            font-weight: 600;
            font-size: 24px;
            color: black;
        }
    

    #homepage .productSliderHolder .BF18Slider .slide h5 {
        font-size: 13px;
        color: black;
    }

        #homepage .productSliderHolder .BF18Slider .slide h5 .full-price {
            color: black;
            text-decoration: line-through;
        }


        #homepage .productSliderHolder .BF18Slider .slide h5 .saving {
            color: #c21807;
            text-transform: capitalize;
            font-weight: 700;
        }



/* black friday landing page - using most styles from 2017 page, only this element is new */
#blackFriday #blackFriday2017Holder #beatTheRushHolder {
    text-align: center;
    padding: 50px 0;
    color: black;
}

    #blackFriday #blackFriday2017Holder #beatTheRushHolder h1 {
        color: black;
        font-size: 32px;
    }

    #blackFriday #blackFriday2017Holder #beatTheRushHolder h3 {
        color: black;
        font-size: 18px;
        max-width: 360px;
        margin: auto;
    }

#shoppingBagHolder #totalHolder .promoCodeReAddBFDiscount {
    line-height: 34px;
    background-image: url('../images/campaigns/black-friday-2018/refresh-arrow.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left;
    padding-left: 18px;
}




/* END Black Friday 2018 */



/* START Frankfurt ShowRoom Top Bar*/
    
    #frankfurtShowroomTopBar {
        display: none;
        position: relative;
        height: 52px;
        background-color: #FFB002;
        /*font-family: 'Source Sans Pro';*/
        font-size: 14px;
        letter-spacing: 0.65px;
        
    }

    #frankfurtShowroomTopBar .box-table {
        width: 96%;
        margin: auto;
        position: relative;
    }

    #frankfurtShowroomTopBar .boldText {
        font-weight: 700;
    }

    #frankfurtShowroomTopBar .closeButton {
        cursor: pointer;
        width: 12px;
        height: 12px;
        background-image: url('../images/campaigns/frankfurt-showroom/close.png');
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        z-index: 5;
        top: 4px;
        right: 4px;
    }

    #frankfurtShowroomTopBar .nowOpenForMobile {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        line-height: 52px;
        color: white;
        z-index: 4;
    }

    #frankfurtShowroomTopBar .nowOpenForMobile a {
        color: white;
    }


    #frankfurtShowroomTopBar .nowOpen {
        position: absolute;
        left: 0;
        line-height: 52px;
        color: white;
        z-index: 4;
    }
    
    #frankfurtShowroomTopBar .bookAppointment a {
        line-height: 52px;
        color: white;
        cursor: pointer;
        position: absolute;
        right: 0;
        z-index: 4;
    }

    #frankfurtShowroomTopBar .nowOpenForMobile a .arrowRight,
    #frankfurtShowroomTopBar .bookAppointment a .arrowRight {
        width: 8px;
        height: 18px;
        vertical-align: middle;
        margin-left: 8px;
        display: inline-block;
        background-image: url('../images/campaigns/frankfurt-showroom/arrow.png');
        background-repeat: no-repeat;
        background-size: 100%;
    }

    

/* END Frankfurt ShowRoom Top Bar*/

/* START Frankfurt ShowRoom Top Banner*/

    #hero.frankfurtShowroom figcaption h1,
    #hero.frankfurtShowroom figcaption h2,
    #hero.frankfurtShowroom figcaption p,
    .imageWithCaptionBlock.frankfurtShowroom figcaption h2,
    #edenCampaign #hero figcaption h2 {
        color: #000;
        text-shadow: none;
    }

    #hero.frankfurtShowroom .slick-dots {
        position: absolute;
        bottom: 20px !important;
    }

    #homepage #hero.frankfurtShowroom .slick-dots > li > button {background-color: transparent !important; border: 2px solid #ffc13a}
    #homepage #hero.frankfurtShowroom .slick-dots > li.slick-active > button {background-color: #ffc13a !important; cursor:default;}

    #hero.frankfurtShowroom .slide figcaption h2 {
        font-size: 26px;
    }
    
    #hero.frankfurtShowroom .slide figcaption h3 {
        font-size: 16px;
    }

      #hero.frankfurtShowroom .slide figcaption a.btn {
    color: #010101;	
    /*font-family: "Source Sans Pro";*/	
    font-size: 18px;
    }

      #hero.frankfurtShowroom .slide figcaption .info {
    width: 260px;
    padding-bottom: 24px;
    }

    #hero.frankfurtShowroom .slide figcaption a.btn:hover {
    color: white;
    }

    


    #hero.frankfurtShowroom .slide figcaption h3,
    /*.imageWithCaptionBlock.frankfurtShowroom figcaption h3,*/
    #edenCampaign #hero .slide figcaption h3 {
         color: #000;
          text-shadow: none;

    }

    #hero.frankfurtShowroom .desktopText a,
    #hero.frankfurtShowroom .phoneText a,
    #hero.frankfurtShowroom .tabletText a
     {

         font-weight: 600;

    }

/* START Frankfurt ShowRoom Top Banner*/



/* START Black Friday Event #BFevent */

.topBadge {
    margin-top: -30px;
    margin-bottom: 20px;
    overflow: hidden;
}

    .topBadge img {
        width: 100%;
        min-height: 34px;
    }

    .topBadge > a {
        overflow: hidden;
    }

        .topBadge > a > p.preBlackFriday,
        .topBadge > a > p {
            color: #fff;
            font-size: 24px;
            line-height: 34px;
            left: 0;
            letter-spacing: 2px;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
        }

            .topBadge > a > p.preBlackFriday {
                width: 96%;
                max-height: 35px;
                overflow: hidden;
            }

            .topBadge > a > p.preBlackFriday {
                width: 96%;
            }


            .topBadge > a > p.extended {
                font-size: 20px;
            }

            .topBadge > a > p span {
                line-height: 26px;
            }

                .topBadge > a > p span.noClock {
                    line-height: 31px;
                }

            .topBadge > a > p.preBlackFriday span.signup {
                font-weight: 600;
            }

    .topBadge strong {
        font-weight: 600;
    }

    .topBadge a.visitShowroom {
        background-color: #e8d3c6;
        width: 100%;
        height: 35px;
        display: block;
        padding-bottom: 9px;
        background-clip: content-box;
    }

        .topBadge a.visitShowroom p {
            color: #878787;
        }

    .topBadge a.express {
        width: 100%;
        height: 57px;
        display: block;
        padding-bottom: 9px;
        text-align: center;
        background-size: cover
    }

        .topBadge a.express p {
            color: #FFF;
            line-height: 57px;
            left: 0;
            letter-spacing: 1px;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
        }

    .topBadge.expressDiscounts a.express p span {
        font-size: 20px;
    }

        .topBadge.expressDiscounts a.express p span#topClock {
            line-height: 40px;
            font-size: 19px;
        }

            .topBadge.expressDiscounts a.express p span#topClock > span {
                margin-right: 20px;
                margin-left: 5px;
                font-size: 19px;
            }

    .topBadge.januarySale a.express {
        background: #ececec;
        height: 30px;
    }

        .topBadge.januarySale a.express p {
            line-height: 35px;
            font-weight: 300;
            font-size: 6vw;
            width: 95%;
        }

    .topBadge.januarySale span {
        color: #a80303;
        line-height: 35px;
    }

    .topBadge.januarySale strong {
        /*font-family: "Source Sans Pro";*/
    }

.tcsapply {
    position: absolute;
    color: #fff;
    left: 5px;
    bottom: 5px;
}

/*.futuristicFont {
    font-family: FuturisticFont;
}*/

.eventLive > .centeredContent {
    color: #fff;
}

    .eventLive > .centeredContent:nth-child(2) {
        right: 0;
    }

    .eventLive > .centeredContent p {
        font-size: 20px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .eventLive > .centeredContent h2.h1 {
        font-size: 62px;
        letter-spacing: 5px;
        line-height: 55px;
        margin-bottom: 10px;
    }

        .eventLive > .centeredContent h2.h1 > strong {
            font-weight: 600;
            font-size: 56px;
            letter-spacing: 3px;
        }

        .eventLive > .centeredContent h2.h1 > span {
            font-size: 59px;
            letter-spacing: 2px;
        }

.eventLive .signupMessage {
    width: 75%;
    margin: auto;
}

.eventLive > .centeredContent .signupMessage p {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
}

.eventLive > .centeredContent .signupMessage .miniTitle {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 600;
}

.eventLive .gender.male {
    color: #0a5bbe !important;
}

.eventLive div.newsletter label > input + div {
    padding: 1px;
}

.eventLive div.newsletter label > input:checked + div {
    padding: 0;
}

/* - START BF WEEKEND*/

.eventLive > .bannerLinks {
    bottom: 0;
    position: absolute;
    text-align: center;
}

.bannerLinks p.smallText {
    font-size: 10px;
    position: relative;
    top: 8px;
    color: #878787;
    text-align: left;
}

.eventLive > .centeredContent p.futuristicFont {
    font-size: 32px;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

.badge_clock > span,
#BF_clock_badge > span,
.eventLive #BF_clock > span {
    display: inline-block;
    width: 20%;
    height: 100%;
    /*font-family: "FuturisticFont";*/
    font-size: 70px;
    line-height: 35px;
    letter-spacing: 2px;
}

    #clockHolder #BF_clock > span.seconds,
    #BF_clock_badge > span.seconds {
        display: none;
    }

.badge_clock.finalDay > span.seconds,
#clockHolder #BF_clock.finalDay > span.seconds,
#BF_clock_badge.finalDay > span.seconds {
    display: inline-block;
}

.badge_clock.finalDay > span.days,
#clockHolder #BF_clock.finalDay > span.days,
#BF_clock_badge.finalDay > span.days {
    display: none;
}

.badge_clock > span > span,
#BF_clock_badge > span > span,
.eventLive #BF_clock > span > span {
    font-size: 18px;
}

.badge_clock.finalDay > span > span,
#clockHolder #BF_clock.finalDay > span > span,
#clockHolder_badge #BF_clock_badge.finalDay > span > span {
    letter-spacing: 0;
}

.badge_clock.almostFinished span,
#BF_clock_badge.almostFinished span,
.topBadge #topClock.almostFinished,
.eventLive #BF_clock.almostFinished span {
    color: red !important;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}

.hasEvent .eventBtn {
    background-color: transparent;
    border: 1px solid #ffc13a;
    text-align: left;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    padding: 0;
    min-width: 280px;
    font-weight: 600;
}

.hasEvent.januarySale .eventBtn {
    border: 1px solid #a80303;
}

.hasEvent .eventBtn > span {
    display: block;
    height: 100%;
    padding: 10px;
    transition: background .5s;
}

.hasEvent .eventBtn.noArrow > span {
    background: none;
}

.bannerLinks .btn.eventBtn.noArrow:hover:not(.disabled) > span {
    background: none;
}

.hasEvent .eventLive .eventBtn {
    width: 28%;
}

.hasEvent .eventBtn + .eventBtn {
    margin-left: 5%;
}

/* - END BF WEEKEND */

/* - START SEOPage */

#blackFriday .eventLive > .textHolder p {
    font-size: 29px;
    margin-bottom: 0;
}

    #blackFriday .eventLive > .textHolder p.smallText {
        font-size: 18px;
        padding: 0 20px;
    }

    #blackFriday .eventLive > .textHolder p:first-child {
        margin-top: 50px;
        font-size: 32px;
    }

#blackFriday .eventLive > .textHolder h2.h1 {
    font-size: 115px;
    line-height: 115px;
    margin-bottom: 0;
}

    #blackFriday .eventLive > .textHolder h2.h1 > strong {
        font-size: 105px;
        font-weight: 600;
    }

#blackFriday .newsletterHolder {
    padding-bottom: 30px;
    width: 80%;
    margin: auto;
}

    #blackFriday .newsletterHolder .newsletter {
        width: 60%;
        margin: 30px auto;
    }

#blackFriday .eventLive div.newsletter .submitBtn {
    padding: 4px 26px;
}

#blackFriday .eventLive .signupMessage p {
    font-size: 20px;
    text-transform: uppercase;
}

#blackFriday .eventLive .signupMessage .miniTitle {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 600;
}

#blackFriday .bannerLinks {
    position: relative;
    margin-bottom: 10px;
}

#blackFriday .bannerLinks {
    padding-top: 40px;
}

    #blackFriday .bannerLinks + .bannerLinks {
        padding-top: 0;
        padding-bottom: 30px;
    }

/* - END SEOPage */

/* - START Shop Page */

#rings-area.noProducts #step-1 {
    display: none;
}

#mobileOptionsMenu .mobileOption {
    padding: 0;
    height: 70px;
    border: 1px solid #DADADA;
    background-color: #F6F6F6;
}

#mobileOptionsMenu .mobileOption .title {
    position: relative;
    /*font-family: 'Source Sans Pro Bold';*/
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

    #mobileOptionsMenu .mobileOption .selectedItem {
        font-size: 13px;
        line-height: 16px;
    }

#mobileOptionsMenu .mobileOption .title, 
#mobileOptionsMenu .mobileOption .selectedItem {
    width: 84%;
    margin: auto;

}

    #mobileOptionsMenu .mobileOption .title .arrow {
        position: absolute;
        right: 0;
        top: 4px;
        background: #fff url(/images/NewImages/Icons/BlackArrowDown.png) no-repeat;
        background-color: transparent;
        width: 10px;
        height: 10px;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    }

    #mobileOptionsMenu .mobileOption.active .title .arrow {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    
    }


    

#mobileOptionsMenu .mobileOption.active {
    background-color: #DADADA;
}

.MobileTitleContainer {
    text-align: center;
    margin: 30px 0;
}

    .MobileTitleContainer h2,
    .MobileTitleContainer .h2 {
        margin: 0;
    }



.noDiamondsFoundWrapper {
    width: 100%;
    height: 290px;
    text-align: center;
}

    .noDiamondsFoundWrapper img {
        width: 28px;
        height: auto;
        display: block;
        margin: auto;
        margin-bottom: 16px;
    }

    .noDiamondsFoundWrapper p {
        padding: 0 5%;
        color: #939393;
        margin-bottom: 4px;
        font-size: 1.3em;
    }

#finance_container {
    display: none;
    z-index: 9990;
}

/*#itemsHolder .itemPrice.hasDiscount,*/
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount,
.discountTextOldPrice/*,
#orderInfo_TotalPrice.hasDiscount*/ {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount {
    color: red;
    display: inline-block;
}

    #ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount + .vatText,
    #ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount + .vatText {
        white-space: nowrap;
    }

/*#itemsHolder .itemPrice.hasDiscount,
.priceItem.hasDiscount {
    display: inline-block;
}

.checkout2017 .itemPrice.hasDiscount {
    margin-top: -20px;
    color: #aaa;
}

#shopBag2017  .itemPrice.hasDiscount {
    font-size: 24px;
}*/

/*#shoppingBagHolder .itemPrice.hasDiscount:before,*/
#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:after,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:after,
.discountTextOldPrice:before/*,
#orderInfo_TotalPrice.hasDiscount:before*/ {
    content: "";
    width: 100%;
    position: absolute;
    top: 25%;
    left: 0;
    border-top: 2px solid red;
}

#shoppingBagHolder #grandTotal {
    position: relative;
}

/*#shoppingBagHolder .itemPrice.hasDiscount:before {
    border-color: #aaa;
    left: unset;
    right: 0;
    width: 80%;
}

#shoppingBagHolder #grandTotal .itemPrice.hasDiscount:before {
    width: 80%;
}*/

.checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount {
    /*text-align: right;*/
    margin-top: -20px;
    /*line-height: 13px;
    font-size: 15px;*/
}

/*.checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount:before {
    top: 25%;
    border-top: 1px solid #aaa;
    left: 2px;
}*/


/*.checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount:after {
    font-size: 16px;
}*/


#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:after,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:after {
    top: 25%;
}

.checkout2017 #itemsHolder .itemPrice.hasDiscount:after {
    font-size: 30px;
}

#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount:before,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount:before {
    content: attr(data-originalprice);
    left: 0;
    color: #000;
    display: block;
}

.discountTextHighlight:before {
    top: 15%;
}

/*#orderInfo_TotalPrice.hasDiscount:after {
    transform: translateX(-50%);
}*/

.priceItem .discountTextHighlight {
    font-size: 25px;
    margin-top: 5px;
}

/* - START Shop Sticky Footer */

#shopStickyFooter {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
    z-index: 100001;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
}

    #shopStickyFooter.stickyActive {
        max-height: 90px;
    }

    #shopStickyFooter .selectionHolder {
        width: 65%;
        float: left;
    }

        #shopStickyFooter .selectionHolder > div h3.red-selectedTotal,
        #shopStickyFooter .selectionHolder > div .h3.red-selectedTotal {
            color: red;
        }

        #shopStickyFooter .selectionHolder > div {
            float: left;
            margin-top: 25px;
            width: 35%;
            height: 90px;
            box-sizing: border-box;
            padding-left: 20px;
        }

            #shopStickyFooter .selectionHolder > div h2,
            #shopStickyFooter .selectionHolder > div .h2 {
                margin-bottom: 5px;
                color: #aaa;
                font-size: 14px;
                float: left;
                margin-right: 15px;
            }

            #shopStickyFooter .selectionHolder > div h3,
            #shopStickyFooter .selectionHolder > div .h3 {
                margin-bottom: 0;
                color: #404040;
                font-size: 16px;
                font-weight: 600;
                width: 100%;
                float: left;
            }

            #shopStickyFooter .selectionHolder > div .selectionSliders {
                font-size: 16px;
                margin-top: -1px;
                display: inline-block;
            }

                #shopStickyFooter .selectionHolder > div .selectionSliders:hover {
                    color: #ffc13a;
                }

            #shopStickyFooter .selectionHolder > div.itemSelection.bigOne {
                width: 70%;
            }

            #shopStickyFooter .selectionHolder > div.itemSelection.hidden + .diamondSelection {
                margin-right: 35%;
            }

            #shopStickyFooter .selectionHolder > div.diamondSelection br {
                display: none;
            }

            #shopStickyFooter .selectionHolder > div.diamondSelection strong {
                margin-right: 10px;
                font-weight: normal;
            }

            #shopStickyFooter .selectionHolder > div.totalSelection {
                width: 30%;
                text-align: right;
                padding-right: 30px;
            }

                #shopStickyFooter .selectionHolder > div.totalSelection h2,
                #shopStickyFooter .selectionHolder > div.totalSelection .h2 {
                    float: right;
                    margin-right: 0;
                }

    #shopStickyFooter .buttonsHolder {
        width: 35%;
        float: left;
        height: 90px;
    }

        #shopStickyFooter .buttonsHolder button {
            width: 50%;
            height: 100%;
            font-size: 14px;
            padding: 5px;
            margin: 0;
            float: left;
            min-width: 100px;
            /*font-family: "Source Sans Pro";*/
        }

            #shopStickyFooter .buttonsHolder button.bookAppointment {
                color: #666
            }

                #shopStickyFooter .buttonsHolder button.bookAppointment:hover {
                    color: #fff
                }

/* - END Shop Sticky Footer */

/* - END Shop Page */

/* END Black Friday Event */

/* START Generic Banners */

/*#homepage.genericBanners figure.fig_0 figcaption
{    
    left: unset;
    right: 5%;
    top: 30%;
}

#homepage.genericBanners figure.fig_1 figcaption
{    
    left: 5%;
    top: 5%;
}*/

/* END Generic Banners */

/* START January Sale 2017 */

#homepage.hasEvent.januarySale #hero {
    background-color: #ececec;
}

    .hasEvent.januarySale #hero .info,
    #homepage.hasEvent.januarySale #hero .info {
        margin-left: 3%;
        margin-top: 15px;
        font-weight: 300;
    }

        .hasEvent.januarySale #hero .info h2,
        #homepage.hasEvent.januarySale #hero .info h2 {
            color: #a80303;
            text-shadow: none;
            font-size: 85px;
            margin-bottom: 10px;
        }

        .hasEvent.januarySale #hero .info h3,
        #homepage.hasEvent.januarySale #hero .info h3 {
            color: #a80303;
            text-shadow: none;
            font-size: 90px;
            line-height: 75px;
            margin-bottom: 10px;
        }

            .hasEvent.januarySale #hero .info h3 > span,
            #homepage.hasEvent.januarySale #hero .info h3 > span {
                font-size: 155px;
                /*font-family: "Source Sans Pro";*/
            }

body.chrome .hasEvent.januarySale #hero .info h3 > span,
body.chrome #homepage.hasEvent.januarySale #hero .info h3 > span,
body.safari .hasEvent.januarySale #hero .info h3 > span,
body.safari #homepage.hasEvent.januarySale #hero .info h3 > span {
    margin-left: 3%;
}

.hasEvent.januarySale #hero .info p,
#homepage.hasEvent.januarySale #hero .info p {
    color: #a80303;
    font-size: 30px;
    line-height: 18px;
    text-indent: 5px;
}

/* - START Offers page */

#januarySale {
    background-color: #ececec;
}

    #januarySale #hero .info {
        bottom: 18%;
        box-sizing: border-box;
        margin: auto;
        padding-right: 30px;
        position: absolute;
        width: 100%;
    }

        #januarySale #hero .info p {
            padding: 4px 4px 10px 4px;
            background-color: #ececec;
            display: inline-block;
        }

    #januarySale .bannerLinks {
        margin-bottom: 10px;
    }

        #januarySale .bannerLinks .eventBtn {
            width: 28%;
            margin-left: 2.5%;
        }

            #januarySale .bannerLinks .eventBtn + .eventBtn {
                margin-left: 5%;
            }

    #januarySale .bottomHero {
        border-top: 15px solid #fff;
    }

        #januarySale .bottomHero .info {
            margin-top: 4%;
            margin-left: 3%;
            width: 50%;
        }

        #januarySale .bottomHero h2 {
            color: #fff;
            text-shadow: none;
            font-size: 26px;
            font-weight: 600;
        }

            #januarySale .bottomHero h2 > span {
                /*font-family: "Source Sans Pro Italic";*/
                font-style: italic;
            }

        #januarySale .bottomHero p {
            color: #fff;
            text-shadow: none;
            width: 75%;
        }

            #januarySale .bottomHero p.smallText {
                font-size: 11px;
            }

/* - END Offers page */

/* END January Sale 2017 */

/* START MothersDay */

.topBadge.mothers a.express {
    background: #d6bfde;
    height: 30px;
}

    .topBadge.mothers a.express > p {
        font-size: 22px;
        line-height: 37px;
        width: 100%;
    }

.boxInfoWrap.mothersEvent {
    text-align: left;
    overflow: hidden;
    color: #fff;
    height: 75px;
    border: 0 none;
    padding: 5px;
    width: 98%;
    background-color: #d6bfde;
}

    .boxInfoWrap.mothersEvent > .firstText {
        margin-top: 7px;
    }

    .boxInfoWrap.mothersEvent span {
        font-size: 24px;
    }

    .boxInfoWrap.mothersEvent .btn {
        padding: 2px 10px;
        background-color: transparent;
        border: 1px solid #ffc13a;
        color: #fff;
        font-size: 20px;
    }

/* END MothersDay */

/* SPECIFIC PAGES */

/* START 404 */

#notFoundLeftCol {
    margin: 60px 0 0;
}

    #notFoundLeftCol > h2 {
        font-size: 5.2em;
        font-weight: bold;
    }

    #notFoundLeftCol > h6 {
        font-size: 1.5em;
        line-height: 1.5em;
    }

#notFoundRightCol {
    margin: 15px 0 30px;
}

    #notFoundRightCol > div {
        background: rgba(0, 0, 0, 0) url(/images/img-2018/Common/NotFound_EngRing.png) no-repeat scroll center center / contain;
        height: 300px;
        min-width: 280px;
    }

/* END 404 */

/* START Offers Page */

#offersPage figure > p {
    color: #f66f5c;
    font-size: 60px;
    text-align: left;
    margin: 0;
}

#offersPage .text-area ._cta-white {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #fff;
}

#offersPage .text-area ._cta-white:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 4px;
}

#offersPage .text-area p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 16px!important;
    letter-spacing: .3px;
    line-height: 24px!important;
    text-align: left;
}

#offersPage .saleText {
    display: block;
    text-align: center;
}

#offersPage div > p:first-of-type {
    margin-top: 60px;
    font-size: 18px;
    line-height: 20px;
}

/* END Offers Page */

/* Homepage */

#homepage .homepageArticles .slick-dots,
#homepage #hero .slick-dots {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}

    #homepage .homepageArticles .slick-dots > li,
    #homepage #hero .slick-dots > li {
        display: inline-block;
    }

        #homepage .homepageArticles .slick-dots > li > button,
        #homepage #hero .slick-dots > li > button {
            background: none;
            border-radius: 13px;
            border: none;
            font-size: 0;
            width: 13px;
            height: 13px;
            margin-left: 10px;
            padding: 0;
            cursor: pointer;
            background-color: #cccccc;
        }

        #homepage .homepageArticles .slick-dots > li:first-child > button,
        #homepage #hero .slick-dots > li:first-child > button {
            margin-left: 0;
        }

        #homepage .homepageArticles .slick-dots > li.slick-active > button,
        #homepage #hero .slick-dots > li.slick-active > button {
            background-color: #acacac !important;
            cursor: default;
        }

#homepage button.btn {
    /*font-family: "Source Sans Pro", sans-serif;*/
    padding: 8px 26px;
    cursor: pointer
}

#homepage .subNavSlidesHolder figure {
    min-height: 450px;
}

#homepage .subNavSlider > li {
    padding: 20px 0;
}



/* START Experts Craftsmanship and Testimonials Area */



#homepage .homepageTestimonialsAndExpertCrafts {
    width: 100%;
    padding: 30px 0;
    display: inline-block;
}


#homepage .hero .expertCraftSlide .craftsmanText h2 {
    margin-bottom: 15px;
}

#homepage .hero .expertCraftSlide .craftsmanText p {
    margin-bottom: 18px;
    font-weight: 400;
}

#homepage .hero .expertCraftSlide .craftsmanText .btn {
    margin: 0px;
}

#homepage .homepageArticles {
    height: 100%;
    margin: auto;
    padding: 80px 80px;
}

    #homepage .homepageArticles .quoteHolder q {
        font-size: 21px;
        margin-bottom: 20px;
        display: block;
    }

    #homepage .homepageArticles .quoteHolder a {
        font-size: 18px;
    }

    #homepage .homepageArticles .quoteHolder .quotes-icon {
        width: 50px;
        height: 50px;
        margin: auto;
        background: url(/images/img-2018/Homepage/Homepage_Quotes.jpg) no-repeat;
    }


#homepage .hero .info {
    max-width: 90%;
}

    /*#homepage .hero .info h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }*/

    #homepage .hero .info p {
        font-size: 21px;
    }

    #homepage .hero .info a {
        min-width: 100px;
    }

        #homepage .hero .info a + a {
            margin-left: 20px;
        }


#homepage .homepageArticles .slick-dots > li > button {
    border-color: #ccc;
}

#homepage .homepageArticles .slick-dots > li.slick-active > button {
    background: #ccc;
}


/* END Experts Craftsmanship and Testemonials Area */



#homepage .homepageAwardsSection {
    padding: 80px 0;
    width: 100%;
    text-align: center;
}

    #homepage .homepageAwardsSection .homepageAwardsSectionInner {
        padding: 0 20px;
        max-width: 100%;
        text-align: center;
    }

        #homepage .homepageAwardsSection .homepageAwardsSectionInner h1 {
            margin: 0;
            font-size: 40px;
        }

        #homepage .homepageAwardsSection .homepageAwardsSectionInner h2 {
            font-size: 22px;
            margin-bottom: 24px;
            font-style: italic;
        }

#homepage .homepageAwardsSection .homepageAwardsSectionInner a, 
#homepage .homepageAwardsSection .homepageAwardsSectionInner a:visited  {
    color: #4C4C4C;
    text-decoration: underline;
    margin-top: 20px;
    font-size: 18px;
}

            #homepage .homepageAwardsSection .homepageAwardsSectionInner a:hover {
                color: #FFC139;
            }

        #homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider {
            padding: 50px 0;
            overflow: auto;
            text-align: center;
        }

            #homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider #awardsSliderInner {
                max-width: 400px;
                margin: auto;
            }

            #homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider .singleItem {
                position: relative;
                padding: 14px;
                height: auto;
                display: inline-block;
            }

                #homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider .singleItem .singleItemInner {
                    display: block;
                    width: 100%;
                    padding-top: 100%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    cursor: pointer;
                }

                #homepage .homepageAwardsSection .homepageAwardsSectionInner .awardsSlider .singleItem .singleItemInfo {
                    display: none;
                }




/* END Homepage */

/* START Visit Showroom Page */

.visitShowroom h1{margin:60px 0 35px;font-size:32px;}



.visitShowroom .onlineConsultation {
    padding-top: 40px;
    
}

.visitShowroom .onlineConsultation {
    padding-top: 40px;
}

.visitShowroom .onlineConsultation hr {
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 30px;
}



.visitShowroom .onlineConsultation .h1 {
    font-weight: 500;
    font-size: 32px;
}

.visitShowroom .onlineConsultation a,
.visitShowroom .onlineConsultation .a{
    max-width: 90%;
    width: 291px;
    box-sizing: border-box;
    height: 40px;
    line-height: 18px;
    display: inline-flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}


.visitShowroom .onlineConsultation .a {
    margin-right: 30px;
}

.visitShowroom .onlineConsultation a.black_btn,
.visitShowroom .onlineConsultation .a.black_btn {
    border: 1px solid black;
}

@media (max-width:640px) {
    .visitShowroom .onlineConsultation a,
    .visitShowroom .onlineConsultation .a {
        display: flex;
    }

        .visitShowroom .onlineConsultation .a {
            margin: auto;
            margin-bottom: 36px;
        }
}



.visitShowroom .onlineConsultation p.main {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.visitShowroom .onlineConsultation p.main:last-of-type {
    margin-bottom: 48px;
}

.visitShowroom .onlineHours {
    float: right;
}

.visitShowroom .onlineConsultation .textHolder {
    text-align: left;
}





.visitShowroom .onlineConsultation .tabContent77 {
    padding-top: 70px;
    display: inline-block;
    text-align: left;
}




.visitShowroom .tabTitle77 {
    width: 16.6%;
    padding: 30px 0;
}

.visitShowroom .onlineConsultation .newTag {
    color: #000000;
    font-family: "Nunito Sans Bold";
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #FFC13A;
    padding: 2px 5px;
    vertical-align: super;
}

@media (max-width:768px) {

    .visitShowroom .onlineHours {
        float: left;
    }

    .visitShowroom .onlineConsultation .showroomInfoHolder {
        padding-left: 30px;
        padding-right: 30px;
    }

    .visitShowroom .onlineConsultation .textHolder {
        margin-bottom: 0px;
        text-align: center;
    }

    .visitShowroom .onlineConsultation .tabContent77 {
        padding-top: 48px;
    }
}

.visitShowroom .tabTitle77 > h2 {
    margin-bottom: 0px;
    font-size: 18px;
    /*text-shadow: 0 0;*/
    font-weight: 600;
}

.visitShowroom .tabTitle77.active > h2 {
    color: #ffc13a;
}

.visitShowroom .tabTitle77 .new {
    position: absolute;
    margin-top: -4px;
    margin-left: 4px;
    font-size: 12px;
    color: #59585B;
}

.visitShowroom .tabTitle77 > h3 {
    margin:0;
    font-size: 15px;
}
/*.visitShowroom .tabTitle77 > h2 a {
    text-decoration:none;
}*/

.visitShowroom h3 {
    margin-bottom:15px;
    font-size:18px;

}
.visitShowroom p {
    /* margin-bottom:0; */
    /*font-size: 17px;
    line-height:22px;
    font-weight: 300;*/
}
/*.visitShowroom .btn.arrowBtn{
    border:1px solid #ffc13a;
    padding:8px 35px 8px 8px;
    color:#ffc13a;
    background-color:transparent;
    background-position: right 10px center;
    background-size: 16px;
    margin: 40px 0;
    font-size: 16px;
    font-family: "Source Sans Pro";
    transition: background-position .5s;
}

    .visitShowroom .btn.arrowBtn:hover {
        background-image: url(/images/img-2018/Common/arrow_bbb.gif);
        background-position: right 5px center;
        color: #ccc;
        border-color: #ccc;
    }

.visitShowroom .tabContent77 .sliderHolder {
    margin-bottom: 120px;
}

.visitShowroom .tabContent77 .textHolder {
    padding: 0 30px;
}
.visitShowroom .btn.arrowBtn:hover{
    background-image:url(/images/img-2018/Common/arrow_bbb.gif);
    background-position:right 5px center;
    color:#ccc;
    border-color:#ccc;
}*/

.visitShowroom .btn.bookApp {
    margin: 30px 0;
    display: block;
    font-weight: 600;
}

.visitShowroom .tabContent77 .sliderHolder {
    margin-bottom: 60px;
}
.visitShowroom .tabContent77 .textHolder{padding:0 30px;}
.visitShowroom .tabContent77 .mapHolder{margin:60px 0 10px}

.visitShowroom .tabContent77 .showroomInfoHolder h3 {
    font-weight: 600;
}

.visitShowroom .tabContent77 .showroomInfoHolder p {
    margin-bottom: 0;
    line-height: 24px;
    text-transform: capitalize;
}

.visitShowroom .directionsHolder {
    margin-top: 40px;
}

.visitShowroom .directionsHolder > div > a + a {
    margin-left: 10px;
}


/* END Visit Showroom Page */

/* START MayFairShowroom */

#mayfairShowroomPage #showroomslides {
    margin-bottom: 20px;
}

#mayfairShowroomPage article > h1 {
    display: inline-block;
}

#mayfairShowroomPage article > .btn {
    float: right;
    margin: 30px 0 20px;
}

/* Diamond Collection */

#diamondCollection #hero .info {
    margin-top: 20%;
}

#diamondCollection #hero figcaption {
    bottom: 20%;
    width: 50%;
}

    #diamondCollection #hero figcaption h1 {
        color: #fff;
        text-shadow: 1px 1px 1px #575757;
    }

#diamondCollection .fig_0 figcaption {
    left: 5%;
    bottom: 5%;
}

/*#diamondCollection .fig_1 figcaption {
    top: 5%;
    right: 5%;
}*/

#diamondCollection .fig_1 figcaption h2 {
    color: #575757;
}

#diamondCollection .flexBlock > figure .centeredContent h2/*,
#diamondCollection figure.imageWithCaptionBlock figcaption h2*/ {
    text-transform: none;
    margin-bottom: 10px;
    white-space: nowrap;
}

#diamondCollection .flexBlock > figure .centeredContent h2 {
    color: #575757;
}

#diamondCollection .phraseBannerBlock > div {
    height: 131px;
}

#diamondCollection .phraseBannerBlock .info {
    margin-top: 25%;
    margin-left: 5%;
}

#diamondCollection .phraseBannerBlock p {
    color: #fff;
    font-size: 16px;
}

#diamondCollection .flexBlock > figure .centeredContent {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    margin-left: 5%;
    margin-top: 36%;
}

/* END Diamond Collection */

/* START Diamond Collection 2017 */

#diamondCollection2017 .block {
    margin-bottom: 30px;
}

#diamondCollection2017 .arrowBtn {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
}

#behindCollectionsHolder h2 {
    font-style: italic;
    font-size: 44px;
    color: #444;
    margin-left: -30px;
}

    #behindCollectionsHolder h2 > span {
        font-weight: 600;
        font-style: normal;
        font-size: 50px;
        color: #ffc13a;
        display: block;
        margin-left: 120px;
    }

#diamondCollection2017 #hero .info {
    max-width: 40%;
}

#diamondCollection2017 #hero .info p,
#diamondCollection2017 p {
    font-weight: 300;
    font-size: 18px;
    color: #333;
}

#diamondCollection2017 .squaredText {
    border: 2px solid #5d5a60;
    padding: 70px;
    text-align: center;
    width: 60%;
    left: 0;
    right: 0;
    min-height: 170px;
}

#diamondCollection2017 .squaredText h2 {
    font-size: 26px;
    font-style: italic;
    color: #444;
    margin-bottom: 10px;
}

#diamondCollection2017 #museCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#diamondCollection2017 #imperoCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#diamondCollection2017 #glissadeCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#diamondCollection2017 #galaxyCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#diamondCollection2017 #monologueCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#diamondCollection2017 #edenCollectionHolder .squaredText {
    border: 2px solid #5d5a60;
}

#behindCollectionsHolder .squaredText {
    border: 0 none;
    padding: 0;
    width: 80%;
}

#behindCollectionsHolder h2 {
    margin-left: -120px;
}

    #behindCollectionsHolder h2 > span {
        color: inherit;
        margin-left: 175px;
        letter-spacing: 2px;
    }


/* END Diamond Collection 2017 */

/* START Loose Dimaonds */

#looseDiamonds figure.centeredImage > a > img {
    margin-top: 0;
}

/* END Loose Dimaonds */

/* START Muse Collection 2018 */

#museCollectionPage .imageHolder {
    margin-bottom: 10px;
}

#museCollectionPage #hero figcaption.row br {
    display: block;
}

#museCollectionPage #hero figcaption.row .col {
    left: 3%;
    top: 15%;
}

    #museCollectionPage #hero figcaption.row .col h1 {
        font-size: 63px;
        white-space: nowrap;
        letter-spacing: 2px;
        color: #FFE0DF;
        text-shadow: none;
    }

    #museCollectionPage #hero figcaption.row .col p {
        font-size: 30px;
        letter-spacing: 1px;
        margin: 20px 0 31px;
        color: #FFE0DF;
        text-shadow: none;
    }

    #museCollectionPage #hero figcaption.row .col a {
        font-size: 28px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #595959
    }

        #museCollectionPage #hero figcaption.row .col a > img {
            margin-top: 20px;
        }

#museCollectionPage h1,
#museCollectionPage h2,
#museCollectionPage h3,
#museCollectionPage p {
    color: #666;
}

#museCollectionPage .textHolder {
    padding: 80px 80px 40px 80px;
}

    #museCollectionPage .textHolder h3 {
        margin-bottom: 60px;
    }

#museCollectionPage .discoverCollections h3 > a {
    font-size: 18px;
}

#museCollectionPage .centeredContent {
    width: 70%;
    left: 0;
    right: 0;
}

/* END Muse Collection 2018 */


/* START Landing Pages */

    .LP-bottom-text section {
        padding: 15px 0;
    }



    .LP-bottom-text section:not(:last-of-type) {
        border-bottom: 1px solid #ccc;
    }

    .LP-bottom-text section h2 .arrowDown {
        width: 15px;
        height: 9px;
        position: absolute;
        z-index: 9;
        right: -16px;
        top: 6px;
        background-image: url(/images/NewImages/Icons/CaretDown.png);
        background-repeat: no-repeat;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    }

    .LP-bottom-text section.active h2 .arrowDown {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    }

    .LP-bottom-text section h2 {
        position: relative;
        cursor: pointer;
        max-width: 90%;
        margin: auto;
    }

    .LP-bottom-text section h2 + * {
        margin-top: 30px;
    }

    .LP-bottom-text section:not(:first-of-type) > *:not(h2) {
            display: none;
    }

    .LP-bottom-text ul {
        list-style-type: disc;
        list-style-position: inside;
    }

/* END Landing Pages */


/* START Engagement Page */

.productSliderHolder .productSliderSlides .slide h5 {
    font-size: 13px;
    color: black;
}

.productSliderHolder .productSliderSlides .slide h5 .full-price {
    color: black;
    text-decoration: line-through;
}

.productSliderHolder .productSliderSlides .slide h5 .saving {
    color: #c21807;
    text-transform: capitalize;
    font-weight: 700;
}

#engagementPage.metalSEOPages #hero .info h1,
#engagementPage.metalSEOPages #hero .info p {
    color: #fff;
    text-shadow: 1px 1px 1px #575757;
}

#engagementPage > div.greyBackground {
    padding: 20px 10%;
}

.greyBackground ul {
    list-style-type: disc;
    list-style-position: inside;
}

/* END Engagement Page */

/* START Glissade Landing Page */

#glissadePage #hero > hr {
    display: none;
}

#glissadePage #hero h1 {
    font-size: 0;
}

#glissadePage .margins,
#glissadePage .crescendoTextHolder {
    margin: 15px 0;
}

#glissadePage .slider {
    position: relative;
    border: 1px solid #ccc;
    margin: 15px 0;
}

    #glissadePage .slider > ul.glissadeGallery {
        padding: 20px;
    }

#glissadePage .altoText {
    background: #ffc13a url(/images/img-2018/GlissadeLP/GlissadeLP_Quote_Desktop.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 50px;
    font-size: 18px;
    color: #666;
    font-style: italic;
}

    #glissadePage .altoText > p {
        margin: 0;
    }


/* END Glissade Landing Page */

/* SHOPPINGBAG PAGE*/

#creditCardPaymentPage #summary {
    background: #dadada;
    padding: 10px 20px;
    box-sizing: border-box;
}

    #creditCardPaymentPage #summary .line .coln {
        padding-left: 3px;
        padding-right: 3px;
    }

#creditCardPaymentPage .summary {
    margin-bottom: 10px;
    font-size: 15px;
}

    #creditCardPaymentPage .summary p:last-of-type {
        margin-bottom: 10px
    }

#creditCardPaymentPage .productsHolder {
    padding: 5%
}

#shoppingBagPage .cta, #checkoutPage .cta {
    margin-bottom: 20px;
    /*margin-left: 10%;*/
    max-width: 400px;
    margin: auto;
}

    /*#shoppingBagPage .cta > div, #checkoutPage .cta > div {
    max-width:400px;
    margin:auto;
}*/

    #checkoutPage .cta .sidebarItem {
        margin-bottom: 8px;
    }

    #shoppingBagPage .cta:first-of-type,
    #checkoutPage .cta:first-of-type {
        padding: 10px 0;
        max-width: 100%;
    }

    #shoppingBagPage .cta > div > span, #checkoutPage .cta > div > span {
        margin: 10px 0px;
        font-size: 15px;
    }

        #shoppingBagPage .cta > div > span:first-of-type, #checkoutPage .cta > div > span:first-of-type {
            font-size: 26px;
            line-height: 30px;
            font-style: italic
        }

#shoppingBagPage > div .cta > span:last-of-type,
#checkoutPage > div .cta > span:last-of-type {
    margin: 0 0 20px 0;
}

#checkoutPage .diamondInfo {
    margin-bottom: 10px;
    font-size: 18px;
}

#shoppingBagPage .diamondInfo {
    /* was asked to change by Hannah on issue WNL-292 used to have a Diamond Information button. Now the code itself is clickable
        margin-bottom: 10px;
    font-size: 18px;*/
    text-decoration: underline;
}


#shoppingBagPage .diamondInfoTable,
#checkoutPage .diamondInfoTable {
    font-size: 15px;
    max-width: 300px;
    margin-top: 10px;
}

    #shoppingBagPage .diamondInfoTable .btn,
    #checkoutPage .diamondInfoTable .btn {
        margin-top: 20px;
    }

    #shoppingBagPage .diamondInfoTable > div.line > div.coln,
    #checkoutPage .diamondInfoTable > div.line > div.coln {
        padding: 2px
    }

#shoppingBagPage .cta img, #checkoutPage .cta img {
    float: left;
}

#shoppingBagPage .discountCodeArea > a {
    text-decoration: underline;
    line-height: 20px;
}

#shoppingBagPage .codeChecker {
    margin-left: 10px;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    max-height: 0;
    opacity: 0;
    transition: max-height .5s ease, opacity .5s ease;
}

    #shoppingBagPage .codeChecker.active {
        max-height: 60px;
        opacity: 1;
    }

    #shoppingBagPage .codeChecker input {
        box-sizing: border-box;
        width: 100%;
    }

    #shoppingBagPage .codeChecker a {
        padding: 5px 10px 7px;
        color: #fff;
        text-transform: uppercase;
        margin: 5px 0;
        background-color: #3c3c3c;
        display: block;
        width: 40px;
        float: right;
        text-align: center;
    }

#shoppingBagPage .discountCodeArea label {
    display: block;
    color: red
}

#shoppingBagPage a.removeItemLink {
    position: absolute;
    right: 5px;
    top: 10px
}


/* END SHOPPINGBAG PAGE*/

/* CHECKOUT PAGE*/

#checkoutPage .mainContainer {
    margin-top: 20px
}

#checkoutPage h2 {
    font-size: 30px;
    margin: 0;
}

#checkoutPage .steps h4 {
    background-color: #dadada;
    font-size: 16px;
    margin-bottom: 0;
}

#checkoutPage .section {
    width: 100%;
}

#checkoutPage .steps h4 > div {
    display: inline-block;
    padding-left: 15px
}

    #checkoutPage .steps h4 > div:first-of-type {
        display: inline-block;
        background: #ffc13a;
        padding: 5px
    }

#checkoutPage .steps i.fa {
    margin-right: 15px;
}

#checkoutPage .steps h4.ui-state-active > i.fa {
    transform: rotate(180deg);
}

#checkoutPage .steps h5 {
    margin: 15px 0px;
    font-size: 16px;
    font-weight: bold;
}

#checkoutPage .steps .step {
    margin-bottom: 10px;
}


    #checkoutPage .steps .step .btn {
        float: right;
        border: 0;
    }

#checkoutPage a.underline {
    text-decoration: underline;
}

#checkoutPage .checkboxes input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox; /* Firefox */
    -ms-appearance: checkbox; /* not currently supported */
}


#checkoutPage #OrderSummaryContainer > .line {
    border-bottom: 1px solid #dadada;
    padding: 15px 0px;
    position: relative;
    font-size: 15px
}

    #checkoutPage #OrderSummaryContainer > .line:last-of-type {
        border: 0
    }

/*#checkoutPage .customerDetails label{
    display: inline-block;
    width: 70px;
}*/

#checkoutPage .customerDetails .genderArea {
    display: none
}

#checkoutPage .customerDetails .btn.smallBtn {
    padding: 0;
    margin-top: 0;
}

#checkoutPage .checkboxes label {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 20px 0 5px;
    font-size: 1.3em;
}

#checkoutPage .mainContainer {
    margin-top: 20px
}

#checkoutPage .steps h4 > div:first-of-type {
    display: inline-block;
    background: #ffc13a;
    padding: 5px
}

#checkoutPage .steps h4 > div:last-of-type {
    display: inline-block;
    padding-left: 15px
}

#checkoutPage .steps .step {
    margin-bottom: 10px;
}


    #checkoutPage .steps .step .btn {
        float: right;
        border: 0;
    }

#checkoutPage .customerDetails,
#checkoutPage .customerDetails label {
    font-size: 16px;
}

    #checkoutPage .customerDetails label span.req {
        color: #ffc13a;
    }

/*#checkoutPage .customerDetails .line{
    margin-bottom:10px
}
#checkoutPage .customerDetails .addressFields {display:none}
#checkoutPage .customerDetails label{
    display: inline-block;
    width: 90px;
}

#checkoutPage .customerDetails input,#checkoutPage .customerDetails select{
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #dadada;
}

#checkoutPage .customerDetails input[type="text"]{
    width:240px
}
#checkoutPage .customerDetails input[type="text"].short{
    width:130px
}


#checkoutPage .customerDetails .genderArea{
    display:none
}*/

#checkoutPage .diamondInfoTable {
    max-width: 240px;
    margin: auto;
}

#checkoutPage .form input[type=text],
#checkoutPage .form input[type=password],
#checkoutPage .form input[type=email],
#checkoutPage .form input[type=file],
#checkoutPage .form select,
#checkoutPage .form textarea {
    text-indent: 0;
    border-radius: 3px;
    height: 26px;
}

#checkoutPage .cta {
    font-size: 14px
}

    #checkoutPage .cta h4 {
        font-size: 1.7em;
        margin-bottom: 0.5em;
    }

#checkoutPage .reveal {
    clear: both;
    display: block;
    border-top: 1px solid #ccc;
    width: 100%;
    text-align: left;
}

    #checkoutPage .reveal label.paymenttype {
        font-size: 14px;
        width: 92%;
        padding: 1em 4%;
        clear: both;
        display: block;
        text-align: left;
        line-height: 2em;
    }

    #checkoutPage .reveal label.financeMessage {
        line-height: 1.2em;
        color: #ee0101;
        padding: 0;
        margin-bottom: 15px;
    }

    #checkoutPage .reveal div.paymentdetails {
        padding: 1em 0% 1em 4%;
        border: none;
        border-top: 1px solid #ccc;
        background: #f4f6f6;
        display: none
    }

        #checkoutPage .reveal div.paymentdetails fieldset > p {
            font-size: 1.6em;
        }

            #checkoutPage .reveal div.paymentdetails fieldset > p.small {
                font-size: 1em;
            }

            #checkoutPage .reveal div.paymentdetails fieldset > p > a {
                float: right
            }

        #checkoutPage .reveal div.paymentdetails p {
            font-size: 14px;
            margin: 0px
        }

        #checkoutPage .reveal div.paymentdetails fieldset label {
            display: block;
            font-size: 14px;
            line-height: 20px
        }

            #checkoutPage .reveal div.paymentdetails fieldset label span {
                font-weight: bold;
                margin-left: 5px;
            }

#validateAddress div.paymentdetails fieldset label {
    display: block;
    font-size: 16px;
    line-height: 30px
}

#checkoutPage .reveal div.paymentdetails input.btn {
    float: right;
}

#checkoutPage .reveal label.paymenttype img {
    float: right;
    margin: 0 0 0 10px;
    width: 50%;
    max-width: 200px;
}

#checkoutPage .linkToggleAddressFields {
    margin-left: 135px;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-style: italic;
    text-decoration: underline;
}

/* START Checkout 2017 */

.checkout2017 .weAcceptHolder > p {
    color: #666;
}

.checkout2017 {
    overflow: hidden;
    padding-bottom: 20px;
}

    .checkout2017 .cartPhaseHolder {
        overflow: hidden;
        width: 100%;
        margin-bottom: 0;
    }

        .checkout2017 .cartPhaseHolder li {
            padding: 10px 50px 13px 60px;
            background-color: #ddd;
            background-clip: border-box;
        }

            .checkout2017 .cartPhaseHolder li.active {
                /* box-shadow: 0 2px 10px #aaa; */
                font-weight: 700;
                z-index: 2;
            }

           checkout2017 .cartPhaseHolder li.active > p,
            .checkout2017 .cartPhaseHolder li.active > h1 {
                font-family: "Nunito Sans Bold";
            }

            .checkout2017 .cartPhaseHolder li > p,
            .checkout2017 .cartPhaseHolder li > h1 {
                font-size: 17px;
                line-height: 17px;
                margin: 0;
                padding-top: 7px;
            }

            .checkout2017 .cartPhaseHolder li.shoppingBagPhase {
                background: #ddd url(/images/img-2018/Checkout/Phase_ShoppingBag.png) no-repeat left 15px center;
            }

            .checkout2017 .cartPhaseHolder li.checkoutPhase {
                background: #ddd url(/images/img-2018/Checkout/Phase_Checkout.png) no-repeat left 15px center;
                box-shadow: 0 2px 10px #aaa;
                z-index: 1;
            }

            .checkout2017 .cartPhaseHolder li.orderConfirmationPhase {
                background: #ddd url(/images/img-2018/Checkout/Phase_OrderConfirm.png) no-repeat left 15px center;
            }

            .checkout2017 .cartPhaseHolder li.shoppingBagPhase.active {
                background-image: url(/images/img-2018/Checkout/Phase_ShoppingBagSelected.png);
                background-color: #ffc13a;
            }

            .checkout2017 .cartPhaseHolder li.checkoutPhase.active {
                background-image: url(/images/img-2018/Checkout/Phase_CheckoutSelected.png);
                background-color: #ffc13a;
            }

            .checkout2017 .cartPhaseHolder li.orderConfirmationPhase.active {
                background-image: url(/images/img-2018/Checkout/Phase_OrderConfirmSelected.png);
                background-color: #ffc13a;
            }

    .checkout2017 .btnLock.btn {
        background-image: url(/images/img-2018/Checkout/SmallLock.png);
        background-position: left 15px center;
        padding-left: 40px;
        font-weight: 600;
        line-height: 1;
    }

        .checkout2017 .btnLock.btn:hover {
            background-image: url(/images/img-2018/Checkout/SmallLockSelected.png);
        }

    .checkout2017 .diamondInformation dt,
    .checkout2017 .diamondInformation dd {
        color: #aaa;
        font-size: 13px;
        text-align: left;
    }
    
    .checkout2017 .diamondInformation dd {
        margin-bottom: 0;
    }

    .checkout2017 .smallText {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 14px;
    }

    .checkout2017 .payment-info {
        margin-top: 10px;
        /*font-weight: bold;*/
        font-style: italic;
        margin-bottom: 15px;
        font-size: 13px;
        font-family: "Nunito Sans SemiBold";
    }

    .checkout2017 .diamondInfoToggle {
        font-family: 'Nunito Sans Bold';
        font-size: 13px;
        font-weight: 600;
        white-space: normal;
    }

        .checkout2017 .diamondInfoToggle > img {
            max-height: 30px;
            max-width: 30px;
        }

        .checkout2017 .diamondInfoToggle i.fa {
            color: #000;
            margin-left: 1px;
            vertical-align: middle;
            height: 14px;
            transition: transform .5s;
        }

        .checkout2017 .diamondInfoToggle.active i.fa {
            transform: rotate(180deg);
        }

    .checkout2017 .diamondInformation dt {
        float: left;
        margin-right: 5px;
        width: 100px;
        font-family: "Nunito Sans SemiBold";
    }

    .checkout2017 .diamondInformation dd > a {
        text-decoration: underline;
    }

    .checkout2017 .weAcceptHolder img {
        max-height: 27px;
    }

        .checkout2017 .weAcceptHolder img.icon-mastercard {
            height: 42px;
        }

    #shopBag2017 .deliveryInformation .deliveryDate,
    #shopBag2017 .deliveryInformation .deliveryDate + dd,
    .checkout2017 .includingVAT {
        font-size: 13px;
        color: #aaa;
    }
    
    .checkout2017 .price-info-popup {
      position: relative;
      display: inline-block;
    }
    .checkout2017 .price-info-popup .popup-icon {
      cursor: pointer;
    }

    .checkout2017 .price-info-popup .inner-popover {
      transform: translate(0px, 0px);
      background-color: #f3f7ff;
      border: 1px solid #4a90e2;
      color: #000;
      padding: 12px;
      box-sizing: border-box;
      width: 300px;
      cursor: auto;
      position: absolute;
      z-index: 99999;
      bottom: 120%;
      left: -140px;
      display: none;
      transition: transform .5s;
    }

    .checkout2017 .price-info-popup .inner-popover .inner-popover-title {
      position: relative;
      color: #000;
      font-family: Nunito Sans SemiBold;
      font-size: 14px;
      letter-spacing: .3px;
      margin-bottom: 12px;
    }

    .checkout2017 .price-info-popup .inner-popover .inner-popover-title .closePopover {
      float: right;
      width: 14px;
      height: 14px;
      background-image: url(/images/NewImages/Icons/exit.svg);
      background-repeat: no-repeat;
      background-position: 50%;
      cursor: pointer;
    }

    .checkout2017 .price-info-popup .inner-popover .triangle:before {
      position: absolute;
      content: "";
      left: 50%;
      border-right: 8px solid transparent;
      border-top: 8px solid transparent;
      border-left: 8px solid transparent;
      border-top-color: #4a90e2;
      bottom: -8px;
      margin-left: -8px;
    }

    .checkout2017 .price-info-popup .inner-popover .triangle:after {
      border-top: 8px solid #f3f7ff;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      margin-left: -8px;
      position: absolute;
      bottom: -7px;
      content: "";
      left: 50%;
    }

    @media (max-width: 425px) {
      .checkout2017 .price-info-popup .inner-popover {
        transform: translateX(-24%);
        left: 0;
      }

      .checkout2017 .price-info-popup .inner-popover .triangle:before,.checkout2017 .price-info-popup .inner-popover .triangle:after {
        left: 27%;
      }
    }

/* - START Checkout forms */

#checkoutSteps .form input[type=text],
#checkoutSteps .form input[type=email],
#checkoutSteps .form input[type=password] {
    height: 45px;
    padding-top: 10px;
}

#checkoutSteps .form .floating-label > label {
    top: 16px;
}

#checkoutSteps .form .floating-label > input:focus ~ label,
#checkoutSteps .form .floating-label.hasValue > input ~ label {
    top: 7px;
}

#checkoutSteps .form select {
    height: 45px;
}

.firefox #checkoutSteps .form select {
    text-indent: 3px;
}

#checkoutSteps .form input[type=text].half,
#checkoutSteps .form input[type=email].half,
#checkoutSteps .form input[type=password].half,
#checkoutSteps .form select.half {
    width: 49%;
    vertical-align: middle;
}

#checkoutSteps .form input[type=text].small,
#checkoutSteps .form input[type=email].small,
#checkoutSteps .form input[type=password].small,
#checkoutSteps .form select.small {
    width: 24%;
    vertical-align: middle;
}

#checkoutSteps .form input[type=text].half ~ .half,
#checkoutSteps .form input[type=email].half ~ .half,
#checkoutSteps .form input[type=password].half ~ .half,
#checkoutSteps .form select.half ~ .half {
    width: 49%;
    margin-left: 2%;
    vertical-align: middle;
}

#checkoutSteps .form input[type=text].small ~ .small,
#checkoutSteps .form input[type=email].small ~ .small,
#checkoutSteps .form input[type=password].small ~ .small,
#checkoutSteps .form select.small ~ .small {
    width: 24%;
    margin-left: 2%;
    vertical-align: middle;
}

#checkoutSteps .form .floating-label.prefixField > input:focus ~ label,
#checkoutSteps .form .floating-label.prefixField > input:valid:not(:focus) ~ label {
    left: calc(51% + 12px);
}

#checkoutSteps .form .floating-label.prefixField > label {
    left: calc(51% + 12px);
}

#checkoutSteps .form .post-code > input {
    width: 49%;
    vertical-align: middle;
}

#checkoutSteps .step .stepContent.form .post-code > .searchBtn {
    height: 45px;
    vertical-align: middle;
    margin: 0 0 10px 2%;
}

#checkoutSteps .form .post-code > span.manually {
    margin: 10px 0 10px 10px;
    vertical-align: middle;
    font-size: 14px;
}

    #checkoutSteps .form .post-code > span.manually > a {
        text-decoration: underline;
    }

#checkoutSteps .form .security-code > input {
    min-width: 105px;
    vertical-align: middle;
}

#checkoutSteps .form .security-code > img {
    vertical-align: middle;
    margin: 0 0 10px 2%;
    max-height: 36px;
}

#checkoutSteps .form .expiry-date > label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
}

#checkoutSteps .form .fieldHolder.hasError {
    position: relative;
}

    #checkoutSteps .form .fieldHolder.hasError .errorMessage {
        padding: 0 0 0 10px;
        color: red;
        font-size: 12px;
        margin-top: -7px;
        margin-bottom: 10px;
        text-align: left;
    }

        #checkoutSteps .form .fieldHolder.hasError .errorMessage.field50 {
            margin-left: 50%;
        }

        #checkoutSteps .form .fieldHolder.hasError .errorMessage.field25 {
            margin-left: 25%;
        }

/* - END Checkout forms */

#checkoutSteps .step {
    position: relative;
    overflow: hidden;
}

    #checkoutSteps .step.active {
        margin-bottom: 20px;
        overflow: unset!important;
    }

    #checkoutSteps .step .stepTitle {
        font-weight: 600;
        font-size: 18px;
        height: 50px;
        margin: 0;
        padding-top: 15px;
        color: #666;
        /*white-space: nowrap;*/
    }

        #checkoutSteps .step .stepTitle > .stepNumber {
            background-color: #666;
            padding: 1px 8px 4px 9px;
            color: #fff;
            border-radius: 3px;
            text-align: center;
            display: inline-block;
            margin-right: 10px;
            margin-left: 5px;
        }

    #checkoutSteps .step.active .stepTitle > .stepNumber {
        background-color: #ffc13a;
        color: #000;
    }

    #checkoutSteps .step .stepTitle > .stepDescription {
        font-style: italic;
        font-weight: 400;
        margin-left: 10px;
        font-family: "Nunito Sans";
    }

    #checkoutSteps .step .stepResume {
        border-left: 1px solid #ccc;
        padding: 0 5px;
        position: relative;
        margin-top: 0;
        transition: margin .5s;
        min-height: 0;
    }

        #checkoutSteps .step .stepResume > div {
            min-height: 0;
        }

    #checkoutSteps .step.active .stepResume {
        display: none;
    }

    #checkoutSteps .step .stepResume p {
        margin: 0;
        line-height: 14px;
        font-size: 12px;
    }

        #checkoutSteps .step .stepResume p:first-child {
            margin-top: 5px;
        }

        #checkoutSteps .step .stepResume p:last-child {
            margin-bottom: 5px;
        }

    #checkoutSteps .step .stepResume .buttonsHolder {
        text-align: right;
    }

        #checkoutSteps .step .stepResume .buttonsHolder .btn {
            margin-top: 10px;
            margin-right: 15px;
            padding: 8px 15px;
            font-size: 14px;
            font-weight: 600;
        }

    #checkoutSteps .step.active ~ .step .editStep {
        display: none;
    }

    #checkoutSteps .step i.fa.stepArrow {
        position: absolute;
        top: 15px;
        right: 5px;
        font-size: 24px;
        vertical-align: middle;
        transition: transform .5s, color .5s;
    }

    #checkoutSteps .step.active i.fa.stepArrow {
        color: #ffc13a;
        transform: rotate(90deg);
    }

    #checkoutSteps .step > hr {
        overflow: hidden;
        border: 2px solid #ccc;
        margin: 0;
        width: 100%;
    }

    #checkoutSteps .step.active > hr {
        border-color: #ffc13a;
        margin-bottom: 15px;
    }

    #checkoutSteps .step .stepContent {
        overflow: hidden;
        max-height: 0;
        transition: max-height .8s;
        min-height: 0;
    }

        #successPage2017 p.subTitle,
        #checkoutSteps .step .stepContent .subTitle {
            font-weight: 600;
            margin-bottom: 10px;
            color: #666;
            font-size: 18px;
        }

#successPage2017 p.subTitle {
    font-size: 16px;
}

#successPage2017 .create-account {
  /*padding: 32px;*/
  border: 1px solid #E4E4E4;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  max-width: 100%;
}

#successPage2017 .subscribe-royal-mail {
    /*padding-inline: 32px;*/
    display: block;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    #successPage2017 .create-account {
        padding: 16px;
    }

    #successPage2017 .subscribe-royal-mail,  #successPage2017 #subscribe-royal-mail-success {
        /*padding-inline: 16px;*/
    }
}

#successPage2017 .subscribe-royal-mail span, #successPage2017 #subscribe-royal-mail-success p {
    font-family: 'Plain Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;  

}


#successPage2017 .subscribe-royal-mail .radio-selector {
    margin-top: 9px;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#successPage2017 .subscribe-royal-mail .radio-selector div {
    display: flex;
    align-items: center;
}

#successPage2017 .subscribe-royal-mail .radio-selector label {
    margin-bottom: 0px;
    font-family: 'Plain Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    margin-left: 8px;
    cursor: pointer;
}

#successPage2017 .subscribe-royal-mail .radio-selector div+div {
    margin-top: 16px;
}

#successPage2017 .subscribe-royal-mail .radio-selector input[type="radio"] {
    accent-color: #0D0900;
    width: 16px;
    height: 16px;
}

#successPage2017 .create-account strong, #successPage2017 .subscribe-royal-mail strong {
  margin-bottom: 16px;
  font-family: 'Plain Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

#successPage2017 .create-account ul, #successPage2017 .subscribe-royal-mail ul {
  margin: 0;
}

#successPage2017 .create-account ul li, #successPage2017 .subscribe-royal-mail ul li {
  display: flex;
  align-items: center;
}

#successPage2017 .create-account ul li p, #successPage2017 .subscribe-royal-mail ul li p {
  font-family: 'Plain Light';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}

#successPage2017 .create-account ul li i, #successPage2017 .subscribe-royal-mail ul li i {
  margin-right: 8px;
}

#successPage2017 .create-account ul li + li, #successPage2017 .subscribe-royal-mail ul li + li {
  margin-top: 8px;
}

#successPage2017 .create-account a, #successPage2017 .subscribe-royal-mail button{
  display: block;
  padding: 12px 24px;
  color: #FFFFFF;
  width: fit-content;
  background: #0D0900;
  margin-top: 24px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #0D0900;
  transition: all 0.3s ease-in-out;
  font-family: 'Plain Light';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

#successPage2017 .create-account a:disabled, #successPage2017 .subscribe-royal-mail button:disabled {
    background: #E4E4E4;
    color: #A0A0A0;
    border: 1px solid #E4E4E4;
    cursor: not-allowed;
}

#successPage2017 .create-account a:not(:disabled):hover, #successPage2017 .subscribe-royal-mail button:not(:disabled):hover {
  background: #FFFFFF;
  color: #0D0900;
  border: 1px solid #0D0900;
}

#successPage2017 .subscribe-royal-mail #subscribe-royal-mail-msg.success {
    color: green;
}
#successPage2017 .subscribe-royal-mail #subscribe-royal-mail-msg.error {
    color: red;
}
#successPage2017 #subscribe-royal-mail-success {
    display: none;
}
#successPage2017 #subscribe-royal-mail-success.active {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#successPage2017 #subscribe-royal-mail-success p {
    margin-left: 4px;
}

#successPage2017 #subscribe-royal-mail-success svg {
    width: 24px;
    display: block;
    margin: 0;
}


#checkoutSteps .step.active .stepContent {
    max-height: 1000px;
}

#checkoutSteps .step .stepContent .btn {
    height: 44px;
    vertical-align: top;
}

    #checkoutSteps .step .stepContent .klarnaPayButtonParent {
        display: block;
        width: 240px;
        max-width: 100%;
        text-align: left;
        cursor: pointer;
        margin-bottom: 12px;
    }

    #checkoutSteps .step .stepContent .btn.klarnaPaybutton {
        display: inline-block;
        background-size: contain;
        padding: 0;
        margin-top: 0;
        background-color: transparent;
        margin-right: 8px;
        width: 62px;
        height: 34px;
    }

#checkoutSteps .step .stepContent .klarnaPayLabel {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

@media (min-width: 769px) {
    #checkoutSteps .step .stepContent .klarnaPayButtonParent:hover .klarnaPayLabel {
        text-decoration: underline;
    }
}


    #checkoutSteps .step .stepContent .btn.cancel {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 44px;
    }

#paymentRadioHolder > label,
#paymentRadioHolder > input {
    vertical-align: middle;
    margin: 7px 2px 7px;
    font-size: 16px;
    color: #666;
    font-weight: 600;
    display: unset;
}

#paymentRadioHolder > input[type="radio"], input[type="checkbox"] {
    width: auto;
}
    #paymentRadioHolder > label > img {
        max-height: 20px;
    }

#financeHolder select {
    margin-top: 10px;
}

#financeHolder label {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

    #financeHolder label > span {
        font-weight: 600;
        margin-left: 5px;
    }


/* - START Review your selection */

.checkout2017 #itemsHolder {
    border: 1px solid #ccc;
    background: #fff;
    margin: 15px 0;
    padding: 15px;
}

    .checkout2017 #itemsHolder > h2 {
        background: transparent url(/images/img-2018/Checkout/Checklist.png) no-repeat left center;
        font-size: 18px;
        padding-left: 30px;
        line-height: 30px;
        height: 30px;
    }

    .checkout2017 #itemsHolder .item {
        border-bottom: 1px solid #ccc;
        padding: 15px 0 15px;
    }

        .checkout2017 #itemsHolder .item .itemImagesHolder {
            float: left;
        }

            .checkout2017 #itemsHolder .item .itemImagesHolder > .itemImage > img {
                max-width: 160px;
            }

        .checkout2017 #itemsHolder .item.hasTwoImages .itemImagesHolder > .itemImage {
            float: left;
        }


        .checkout2017 #itemsHolder .item .itemProperties {
            width: 100%;
        }

        .checkout2017 #itemsHolder .item .itemName {
            font-weight: 600;
            font-size: 18px;
            line-height: 12px;
            margin-bottom: 10px;
            margin-top: 5px;
        }

        @media (min-width:768px) {
            .checkout2017 #itemsHolder .item .itemName {
                line-height: 20px;
                max-width: 300px;
            }
        }

            .checkout2017 #itemsHolder .item .itemName > span {
                /*font-family: "Source Sans Pro";*/
                font-size: 12px;
                font-weight: bold;
            }

        .checkout2017 #itemsHolder .item .itemTotal {
            font-size: 16px;
            margin: 0;
        }

            /*.checkout2017 #itemsHolder .item .itemTotal > var {
                font-weight: 600;
                font-size: 18px;
            }*/

    .checkout2017 #itemsHolder .includingVAT {
        line-height: 10px;
    }

    .checkout2017 #itemsHolder.noVAT .includingVAT {
        display: none;
    }

    .checkout2017 #itemsHolder .grandTotalHolder > h2 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 0;
        /*padding-top: 15px;*/
        font-weight: 600;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .checkout2017 #itemsHolder .grandTotalHolder > h2 > #grandTotal {
            font-size: 24px;
            margin-top: -7px;
        }

    /*.checkout2017 #itemsHolder .grandTotalHolder {
        margin-bottom: 15px;
    }*/

    .checkout2017 #itemsHolder .ringSizeHolder {
        font-size: 12px;
        margin-bottom: 0;
    }

        .checkout2017 #itemsHolder .ringSizeHolder.engagement {
            font-size: 14px;
            margin-top: 3px;
            margin-bottom: 0;
        }

#checkoutPage2017 .diamondInformation {
    margin-left: 34px;
}

    #checkoutPage2017 .diamondInformation dt {
        width: 50px;
    }

    #checkoutPage2017 .diamondInformation dt,
    #checkoutPage2017 .diamondInformation dd {
        font-size: 10px;
        line-height: 1.2;
    }

/* - END Review your selection */

/* - START Shopping Bag */

/*#shopBag2017 #nav + div.container {
    display: none
}

#shopBag2017.menu #nav {
    margin-left: -246px;
}*/

#shoppingBag2017.noVAT .includingVAT, #shoppingBag2017.noVAT #itemsHolder .includingVAT {
    display: none;
}

#shopBag2017 #shoppingBagHolder > div {
    border: 1px solid #ccc;
    background: #fff;
    margin: 15px 0;
    padding: 5px 0 15px;
    float: left;
    width: 100%;
}

    #shopBag2017 #shoppingBagHolder > div > hr {
        margin: 0;
    }

#shopBag2017 #topTextHolder {
    padding: 0 15px;
}

#shopBag2017 .e-certText {
  color: #666;
  font-weight: 600;
  font-size: 12px;
}

    #shopBag2017 #topTextHolder p.congratulations {
        font-size: 20px;
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 0;
    }

    #shopBag2017 #topTextHolder h2 {
        margin-top: 10px;
        font-size: 24px;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 10px;
    }

    #shopBag2017 #topTextHolder .secureCheckout,
    #shopBag2017 #topTextHolder #textItemsInBag {
        display: inline-block;
        float: right;
    }

    #shopBag2017 #topTextHolder #textItemsInBag {
        margin-bottom: 0;
        margin-top: 15px;
    }

#shopBag2017 #itemsHolder {
    margin-top: 0;
    border: 0 none;
    padding: 0 15px;
}

    #shopBag2017 #itemsHolder .includingVAT {
        text-align: center;
    }

    #shopBag2017 #itemsHolder .no-items {
        margin: 15px auto;
        border-bottom: 1px solid #ccc;
        width: 100%;
    }

        #shopBag2017 #itemsHolder .no-items > p {
            margin-left: 60px;
            line-height: 20px;
        }

    #shopBag2017 #itemsHolder .item {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding-top: 15px;
        padding-bottom: 10px;
    }

        #shopBag2017 #itemsHolder .item .removeItem {
            text-decoration: underline;
            float: right;
            margin-right: 15px;
            margin-top: 10px;
            z-index: 1;
            position: relative;
            transition: color .5s;
        }

            #shopBag2017 #itemsHolder .item .removeItem:hover {
                color: #ffc13a;
            }

            #shopBag2017 #itemsHolder .item .removeItem > i.fa {
                margin-right: 5px;
                transition: transform .5s;
            }

            #shopBag2017 #itemsHolder .item .removeItem:hover > i.fa {
                transform: rotate(180deg);
            }

        /*#shopBag2017 #itemsHolder .item .imagesHolder{min-height:180px;}*/
        #shopBag2017 #itemsHolder .item .imagesHolder > figure {
            margin-bottom: 20px;
        }

            #shopBag2017 #itemsHolder .item .imagesHolder > figure.mainImage > img {
                max-height: 120px;
            }

        #shopBag2017 #itemsHolder .item .imagesHolder > .diamondImage {
            width: 100%;
        }

            #shopBag2017 #itemsHolder .item .imagesHolder > .diamondImage > img {
                max-width: 100%;
                max-height: 115px;
            }

        #shopBag2017 #itemsHolder .item.matchingPairs .imagesHolder > .diamondImage {
            width: 50%;

        }

        #shopBag2017 #itemsHolder .item.matchingPairs .itemInformationHolder .diamondInformationHolder {

            min-width: 190px;
            float: left;
        }

            #shopBag2017 #itemsHolder .item.matchingPairs .itemInformationHolder .diamondInformationHolder + .diamondInformationHolder {
                width: 30%;
                min-width: 90px;
                margin-top: 33px;
            }

        #shopBag2017 #itemsHolder .item .imageTogglerHolder {
            display: none;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes .imageTogglerHolder {
            display: block;
            margin-bottom: 15px;
        }

        #shopBag2017 #itemsHolder .item .imageTogglerHolder > button {
            width: 47.5%;
            border-radius: 8px;
            background: none;
            border: 1px solid #ccc;
            height: 60px;
            box-sizing: border-box;
            float: left;
            cursor: pointer;
            font-size: 15px;
        }

            #shopBag2017 #itemsHolder .item .imageTogglerHolder > button + button {
                margin-left: 5%;
            }

        #shopBag2017 #itemsHolder .item.showSetting .imageTogglerHolder > button.showSetting {
            border-color: #ffc13a;
        }

        #shopBag2017 #itemsHolder .item.showDiamonds .imageTogglerHolder > button.showDiamond {
            border-color: #ffc13a;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
            position: relative;
            overflow: hidden;
            height: 230px;
        }

            #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
                position: absolute;
                top: 60%;
                left: 0;
                transform: translateY(-50%);
                transition: left .5s;
            }

                #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure > img {
                    max-height: 100px;
                }

        #shopBag2017 #itemsHolder .item.twoImageTypes.showSetting .imagesHolder > figure.diamondImage {
            left: 150%;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes.showDiamonds .imagesHolder > figure.diamondImage {
            left: 0;
        }

            #shopBag2017 #itemsHolder .item.twoImageTypes.showDiamonds .imagesHolder > figure.diamondImage + figure.diamondImage {
                left: 50%;
            }

        #shopBag2017 #itemsHolder .item.twoImageTypes.showDiamonds .imagesHolder > figure.mainImage {
            left: -100%;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
            width: 100%;
        }


    #shopBag2017 #itemsHolder .twoImageTypes .ringSizeHolder {
        bottom: 0;
    }

    #shopBag2017 #itemsHolder .sizePreSelected {
        font-size: 13px;
    }

    #shopBag2017 #itemsHolder .sizePreSelected a {
        font-weight: 600;
    }

    #shopBag2017 #itemsHolder .ringSizeHolder > span {
        font-size: 14px;
        margin-right: 5px;
        font-weight: 600;
    }

    #shopBag2017 #itemsHolder .item .ringSizeHolder .ringSizeInfo {
        color: #333;
        font-size: 20px;
        vertical-align: top;
        margin-left: 5px;
    }

    #shopBag2017 #itemsHolder .item .ringSizeHolder > select {
        font-size: 11px;
        padding: 3px 20px 3px 5px;
        text-indent: 0;

    }

    #shopBag2017 #itemsHolder .item .ringSizeHolder > select.ringSizeCountry {
        margin-right: 4px;
    }
/*#shopBag2017 #itemsHolder .item .ringSizeHolder > select.ringSizesByCountry{width:50px;}*/

#shopBag2017 .itemInformationHolder > h3 {
    font-size: 36px;
    line-height: 36px;
    margin-top: 5px;
    margin-bottom: 0;
}

    #shopBag2017 .itemInformationHolder > h3 > span.itemInfo {
        font-size: 16px;
    }

#shopBag2017 .itemInformationHolder .diamondInformationHolder {
    margin-top: 20px;
    margin-bottom: 10px;
}

    #shopBag2017 .itemInformationHolder .diamondInformationHolder > img {
        max-width: 45px;
        max-height: 32px;
        margin-right: 5px;
    }

#shopBag2017 .item.matchingPairs .itemInformationHolder .itemPriceHolder > div.priceHolder {
    margin-top: 25px;
}

/*#shopBag2017 .item-price {
    font-size: 30px;
    margin-bottom: 0;
    white-space: nowrap;
}*/

/*#shopBag2017 .itemInformationHolder .itemPriceHolder .includingVAT{margin-right:15px;}

#shopBag2017 .itemInformationHolder .itemPriceHolder .itemPrice.hasDiscount + .includingVAT{margin-right:0;}*/

#shopBag2017 #totalHolder .grandTotalholder {
    text-align: center;
}

#shopBag2017 .grandTotalholder > h3 {
    font-size: 24px;
}

#shopBag2017 .deliveryInformation dt {
    margin-right: 5px;
}

#shopBag2017 .deliveryInformation .insuredDelivery,
#shopBag2017 .deliveryInformation .insuredDelivery + dd {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    font-family: 'Nunito Sans SemiBold';
}

#shopBag2017 .deliveryInformation .orderChristmas {
    font-size: 14px;
    font-style: italic;
    font-family: 'Nunito Sans SemiBold';
}

#shopBag2017 .deliveryInformation .deliveryDate,
#shopBag2017 .deliveryInformation .deliveryDate + dd {
    display: inline-block;
    white-space: nowrap;
}


#shopBag2017 .promoCodeToggle {
    margin-top: 20px;
    text-decoration: none;
    font-family: 'Nunito Sans SemiBold';
    display: block;
    font-size: 14px;
}

#shopBag2017 .promoCodeHolder {
    margin-top: 10px;
    position: relative;
}

    #shopBag2017 .promoCodeHolder .promoCode {
        height: 25px;
        width: 185px;
        vertical-align: middle;
        border: 1px solid #666;
        text-indent: 5px;
        line-height: 24px;
        padding: 0;
    }

    #shopBag2017 .promoCodeHolder .btn {
        height: 27px;
        vertical-align: middle;
        margin: 0;
    }

    #shopBag2017 .promoCodeHolder .promoCode.error {
        border-color: red;
    }

    #shopBag2017 .promoCodeHolder .errorMessage {
        font-size: 12px;
        color: red;
        text-align: left;
        padding: 8px 0;
    }

    #shopBag2017 .promoCodeHolder .successMessage {
        font-size: 12px;
        color: green;
        text-align: left;
        padding: 8px 0;
    }

    @media (max-width:768px) {
        #shopBag2017 .promoCodeHolder .successMessage, #shopBag2017 .promoCodeHolder .successMessage {
            text-align: center;
        }
    }

    #shopBag2017 .promoCodeHolder .clearPromoCode {
        display: none;
        color: red;
        font-size: 16px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 165px;
        width: 20px;
    }

    #shopBag2017 .promoCodeHolder.hasCode .clearPromoCode {
        display: block;
    }

#shopBag2017 .grandTotalholder .totalHolder {
    text-align: center;
    display: inline-block;
}

#shopBag2017 .grandTotalholder .totalHolder h3 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
}

#shopBag2017 .grandTotalholder .totalHolder h3 > var {
    font-size: 30px;
    white-space: nowrap;
    line-height: 40px;
}

#shopBag2017 .buttonsHolder .btn.continue {
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
}

#shopBag2017 #shoppingBagAside {
    margin: 16px 0;
}

.checkout2017 aside .needHelpHolder > h3 {
    font-size: 18px;
    font-style: italic;
    margin: 0 auto 15px;
}

.checkout2017 aside .needHelpHolder > div {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.checkout2017 aside .needHelpHolder a.contactus {
    height: 60px;
    display: table-cell;
    width: 25%;
    vertical-align: middle;
}

#shopBag2017 aside a.contactus > img {
    transition: transform .5s;
    height: 40px;
}

.checkout2017 aside a.contactus:hover > img {
    transform: scale(1.1);
}

#shopBag2017 aside a.contactus > p {
    margin: 0;
    font-size: 13px;
}

#shopBag2017 #shoppingBagAside #wrappedUp {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1px;
}

    #shopBag2017 #shoppingBagAside #wrappedUp > img {
        margin-bottom: 20px;
    }

    #shopBag2017 #shoppingBagAside #wrappedUp > h3,
    #shopBag2017 #shoppingBagAside #wrappedUp > p {
        margin-right: 20px;
        font-size: 12px;
    }

    #shopBag2017 #shoppingBagAside #wrappedUp > h3 {
        font-style: italic;
        margin-bottom: 5px;
        font-size: 22px;
    }

#shopBag2017 #shoppingBagHolder > div#shopClockHolder {
    background-color: #d5bdb1;
    border: 0 none;
    margin: 0;
    padding: 15px 0;
}

/* - END Shopping Bag */

/* - START Checkout Step1 */

/* - START Checkout Amazon Pay */

.amazonButtonHolder {
    width: 175px;
    float: left;
}

.paypalButtonHolder {
    /* width: 235px; */
}
.paypalButtonHolder .paypal-text {
    width: 280px;
}



#checkoutSteps #checkoutStep1 #amazonLoginButton {
    float: left;
    margin-top: 15px;
}

    #checkoutSteps #checkoutStep1 #amazonLoginButton #LoginWithAmazon {
        margin-top: 6px;
    }
    /* to be centered with the paypal button*/
    #checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn #checkoutWithPayPalButton,
    #checkoutSteps #checkoutStep1 #amazonLoginButton p.or-text {
        margin-top: 15px;
    }

#checkoutSteps #checkoutStep1 #checkoutWithPayPalButton {
    float: left;
    margin-top: 6px;
}

#checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn #checkoutWithPayPalButton {
    margin-left: 0;
}

#checkoutSteps #checkoutStep1 .buttonsHolder .continueHolder {
    float: left;
}

#checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn .continueHolder {
    width: 100%;
}

#checkoutSteps #checkoutStep1 .buttonsHolder .continueHolder .btn {
    float: left;
}

#checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn .continueHolder p.or-text {
    display: none;
}

#checkoutSteps #checkoutStep1 .buttonsHolder p.smallText {
    float: left;
    width: 100%;
}

#checkoutSteps .buttonsHolder #payWithAmazon,
#checkoutSteps .step .amazonLogoutButton {
    float: left;
}

#checkoutSteps .step .buttonsHolder p.or-text {
    margin-right: 15px;
}

#checkoutSteps .step .amazonLogoutButton button.logoutFromAmazon {
    font-weight: 600;
    padding-left: 15px
}

    #checkoutSteps .step .amazonLogoutButton button.logoutFromAmazon:before {
        font-family: "FontAwesome";
        content: "\f08b";
        margin-right: 10px;
        display: inline-block;
        transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }

/* - END Checkout Amazon Pay */

#checkoutSteps #payWithPaypal,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal {
    /* border: 0 none;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    width: 237px;
    height: 48px;
    margin-top: 0;
    vertical-align: bottom;
    background: transparent url(/images/img-2018/Checkout/CheckoutWithPaypal.png) no-repeat;
    background-position: -15px -86px; */
    text-transform: none;
    background-color: #eee;
    border: #c5c5c5 solid 1px;
    font-family: 'Nunito Sans Bold';
    border-radius: 6px;
    font-size: 14px;
    margin: 7px 0;
    text-align: left;
    padding: unset;
    padding-left: 11px;
    padding-right: 100px;
    background-image: url(/images/img-2021/paypal-logo-2.png);
    background-position: right 20px center;
    background-size: 70px auto;
    color: #000;
}

#checkoutSteps .step p.or-text {
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
    text-transform: lowercase;
    padding: 0px 5px;
    margin-bottom: 0;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
}

#checkoutSteps #payWithPaypal:hover,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal:hover {
    /* background-position: -17px -10px; */
    background-color: #ffc439;
    color: black;
}



#checkoutSteps #checkoutStep1 a {
    text-decoration: underline;
}
/* - END Checkout Step1 */

/* - START Checkout Step2 */

.addressHolder.unitedKingdom .manuallyHolder {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .5s, opacity .5s;
}

.addressHolder.unitedKingdom.showFields .manuallyHolder {
    max-height: 200px;
    opacity: 1;
    overflow: visible;
}

.addressHolder .searchBtn,
.addressHolder .manually,
.addressHolder.unitedStates .regionHolder,
.addressHolder.unitedStates .post-codeSelect,
.addressHolder.unitedKingdom .regionHolder,
.addressHolder.unitedKingdom.showFields .manually,
.addressHolder.showRegion .post-codeSelect,
.addressHolder .stateSelect {
    display: none;
}

.addressHolder.unitedStates .stateSelect,
.addressHolder.unitedKingdom .searchBtn,
.addressHolder.unitedKingdom .manually {
    display: inline-block;
}

/*CHECKOUTSHOWRROMCHANGE#deliveryRadioHolder{margin:20px 0 10px;}*/
#deliveryRadioHolder {
    white-space: nowrap;
    vertical-align: middle;
}

    #deliveryRadioHolder input {
        width: 20px;
        height: 20px;
    }

    #deliveryRadioHolder input, #deliveryRadioHolder label, #deliverToCollectMap > i.fa {
        vertical-align: middle;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 16px;
        font-size: 16px;
    }

    #deliveryRadioHolder #deliverToCollectMap > i.fa {
        color: #666;
        font-size: 16px;
    }

#confirmRemoveItemHolder,
#whatsappLinkHolder,
#mapOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99998;
}

    #confirmRemoveItemHolder > .confirmRemoveHolder,
    #whatsappLinkHolder > .whatsappHolder,
    #mapPopupHolder {
        position: fixed;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(-50%);
        background-color: #fff;
        box-shadow: 0 0 50px #666;
        border-radius: 3px;
        width: 40%;
        max-width: calc(90% + 20px);
        min-width: 300px;
        z-index: 99999;
    }

    #confirmRemoveItemHolder > .confirmRemoveHolder,
    #whatsappLinkHolder > .whatsappHolder {
        top: 30%;
        border: 2px solid #ffc13a;
        border-radius: 15px;
        padding: 15px;
    }

        #confirmRemoveItemHolder > .confirmRemoveHolder a.closeConfirmRemove,
        #whatsappLinkHolder > .whatsappHolder .closeWhatsapp,
        #mapPopupHolder #closeMap {
            font-size: 24px;
            margin: 10px;
            display: block;
        }

        #confirmRemoveItemHolder > .confirmRemoveHolder .confirmRemoveText {
            margin-bottom: 0;
        }

        #whatsappLinkHolder > .whatsappHolder #closeWhatsapp {
            color: #ffc13a;
            margin: 0;
        }

        #whatsappLinkHolder > .whatsappHolder img.whatsappImage {
            margin: 15px 15px 0;
            float: left;
        }

        #whatsappLinkHolder > .whatsappHolder p.whatsappText {
            text-align: left;
            margin: 15px 0 5px 60px;
            font-size: 20px;
            font-weight: 300;
            color: #666;
        }

            #whatsappLinkHolder > .whatsappHolder p.whatsappText > a {
                font-weight: 600;
                margin-left: 15px;
            }

        #whatsappLinkHolder > .whatsappHolder hr {
            border: 1px solid #ffc13a;
            margin: 0;
        }

#mapPopupHolder #mapHolder {
    font-size: 30px;
    margin: 0 10px;
}

#mapPopupHolder #mapAddress {
    margin: 10px;
}

/* - END Checkout Step2 */

/* - START Checkout Step3 */

#checkoutSteps #checkoutStep3 #cardTypeHolder {
    display: none;
}

#checkoutSteps #checkoutStep3.active #cardTypeHolder {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    margin-left: 15px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder > input {
    visibility: hidden;
    position: absolute;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input + label {
    margin-left: 5px;
    display: inline-block;
    width: 43px;
    height: 28px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard + label {
    background: transparent url(/images/img-2018/Checkout/CheckoutMasterCard.svg) no-repeat center center / 50px;
    border: 2px solid transparent;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa + label {
    background: transparent url(/images/img-2018/Checkout/CheckoutVisa.png) no-repeat center center / 45px;
    border: 2px solid transparent;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex + label {
    background: transparent url(/images/img-2018/Checkout/CheckoutAmex.png) no-repeat center center / 40px;
    border: 2px solid transparent;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard + label[for=mastercard] {
    height: 32px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard.active + label {
    background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
    background-size: 50px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa.active + label {
    background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
    background-size: 45px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex.active + label {
    background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
    background-size: 45px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#mastercard:checked + label {
    background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
    border-color: #ffc13a;
    background-size: 50px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#visa:checked + label {
    background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
    border-color: #ffc13a;
    background-size: 45px;
}

#checkoutSteps #checkoutStep3 #cardTypeHolder input#amex:checked + label {
    background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
    border-color: #ffc13a;
    background-size: 45px;
}

#checkoutSteps #checkoutStep3 #paymentRadioHolder .paymentMethod {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .5s, opacity .5s;
}

#checkoutSteps #checkoutStep3.step.active .stepContent {
  overflow: unset!important;
}

#checkoutSteps #checkoutStep3 #paymentRadioHolder #applePayPrimerPaymentHolder {
  padding: 0px 20px;
  position: relative;
}


#paymentRequest #content #primerPaymentContainer {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  margin: 50px auto;
}

@media (max-width: 767px) {
  #paymentRequest #content #primerPaymentContainer {
    width: 100%;
    padding: 0 20px;
  }
}

   


.PrimerCheckout .PrimerCheckout__formField:not(:first-of-type) {
  margin-top: 10px!important;
}

.PrimerCheckout .PrimerCheckout__formField input[type=text] {
  height: unset!important;
}


#checkoutSteps #checkoutStep3 #paymentRadioHolder input[type=radio]:checked + label + #cardTypeHolder + .paymentMethod,
#checkoutSteps #checkoutStep3 #paymentRadioHolder input[type=radio]:checked + label + .paymentMethod {
    max-height: 300px;
    overflow: visible;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* - END Checkout Step3 */

/* - START Paypal Return */

#checkoutPage2017.paypalReturn .stepContent p {
    margin: 0;
}

#checkoutPage2017.paypalReturn .stepContent .buttonsHolder {
    float: left;
    width: 100%;
    margin-top: 30px;
}

    #checkoutPage2017.paypalReturn .stepContent .buttonsHolder .btn + .btn {
        margin-left: 15px;
    }

/* - END Paypal Return */

/* - START Order Confirmation */

#successPage2017 {
    border-top: 6px solid #ffc13a;
    /*margin-top: -6px;*/
}

    #successPage2017 #contentHolder > hr {
        border: 0 none;
        border-bottom: 1px solid #666;
        margin: 20px 0;
        float: left;
        width: 100%;
    }

    #successPage2017 p {
        margin-bottom: 0;
        font-size: 14px;
        color: #333;
    }

        #successPage2017 p.title {
            margin: 15px 0 5px;
            font-size: 16px;
        }

    #successPage2017 #bankDetails {
        background-color: #fff;
        border: 1px solid #333;
        color: #333;
        width: 50%;
        padding: 15px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

        #successPage2017 #bankDetails ~ p {
            margin-bottom: 10px;
        }

    #successPage2017 #mapHolder {
        margin: 15px 0 10px;
        border: 1px solid #ccc;
    }

    #successPage2017 .insuranceHolder {
        border: 2px solid #ffc13a;
        padding: 10px;
        margin-bottom: 15px;
        overflow: hidden;
    }

        #successPage2017 .insuranceHolder h2 {
            font-size: 20px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        #successPage2017 .insuranceHolder .textHolder {
            width: 50%;
            float: left;
        }

            #successPage2017 .insuranceHolder .textHolder p {
                font-size: 14px;
            }

        #successPage2017 .insuranceHolder figure {
            width: 45%;
            float: right;
            text-align: center;
        }

        #successPage2017 .insuranceHolder figure > img {
            max-height: 100px;
        }

        #successPage2017 .insuranceHolder .copyInsuranceCode {
            margin-bottom: 14px;
            text-decoration: underline;
            cursor: pointer;
        }

        #successPage2017 .insuranceHolder .insuranceCode.yellow {
            color: #ffc13a;
        }



#successPage2017 .promotionHolder {
    outline: 1px solid #ccc;
    outline-offset: -1px;
    position: relative;
}

        #successPage2017 .promotionHolder img {
            width: 100%;
        }

        #successPage2017 .promotionHolder figcaption {
            position: absolute;
            bottom: 30px;
            text-align: center;
            width: 70%;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

            #successPage2017 .promotionHolder figcaption p {
                color: #666;
                font-style: italic;
            }

                #successPage2017 .promotionHolder figcaption p.title {
                    font-size: 30px;
                    font-style: normal;
                }

            #successPage2017 .promotionHolder figcaption a {
                font-weight: 600;
            }

/* - END Order Confirmation */

/* - START Failed Order */

#failedPage2017 aside .needHelpHolder > h3 {
    margin-top: 30px;
    margin-bottom: 3px
}

#failedPage2017 a.numberContactUs {
    font-weight: 600;
    text-decoration: underline;
}

#failedPage2017 aside .needHelpHolder > div {
    margin-top: 15px;
    margin-bottom: 0;
}

#failedPage2017 #itemsHolder {
    margin-top: 0;
}

#failedPage2017 #contentHolder h3 {
    color: red;
    font-weight: 700;
    margin-top: 30px;
}

#failedPage2017 #contentHolder p,
#failedPage2017 #contentHolder ul {
    margin-bottom: 15px;
}

    #failedPage2017 #contentHolder ul > li {
        font-weight: 600;
    }

/* - END Failed Order */

/* END Checkout 2017 */

/* END Checkout */

/* START Credit Card Page */

/*#creditCardPaymentPage select.verySmall{
    width:60px
}

#creditCardPaymentPage .logosHolder{margin: 20px 0 10px 0;}

#creditCardPaymentPage .diamondInfoTable .coln{padding-left: 0;}

#creditCardPaymentPage .form label.side{width:20%}
#creditCardPaymentPage .paymentInput.cc-cvc{width:60px;}

#creditCardPaymentPage .cvvTip{position:relative;display:inline-block;font-size:14px;margin-left:10px;}
#creditCardPaymentPage .cvvTip > img{height:30px;}
#creditCardPaymentPage .cvvTip:after{
    content:"";
    background: #fff url(../images/img-2017/CreditCard/cvv.jpg) no-repeat center center;
    width:540px;
    position:absolute;
    bottom:0;
    height:180px;
    max-height:0;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    left: 0;
    top:150%;
    z-index: 9;
    padding:0 5px;
    border-radius:3px;
    transition:max-height .5s;
}
#creditCardPaymentPage #digitImg4:after {
    background-image:url(../images/img-2017/CreditCard/card_code_amex.gif);
}
#creditCardPaymentPage .cvvTip:hover:after{
    max-height:240px;    
    border:1px solid #ccc;
    padding:5px;
    box-shadow: 2px 2px 5px #666;
}*/

/* END Credit Card Page */


/* Contacts page styles TODO */

/* START Contacts page styles TODO */

#contactsPage .contactsHolder .tabs {
    list-style: none;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    width: 100%;
    border-top: 2px solid #dadada;
    border-bottom: 2px solid #dadada;
    padding: 5px 0;
}

    #contactsPage .contactsHolder .tabs li {
        width: 25%;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        position: relative;
    }
        /*#contactsPage .contactsHolder .tabs li:first-child a{border-left: 2px solid #dadada;}*/
        #contactsPage .contactsHolder .tabs li a {
            display: block;
            text-decoration: none;
            /*border-right: 2px solid #dadada;*/
            text-align: center;
            padding: 12px 0 7px;
            white-space: nowrap;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            color: #a0a0a0;
        }

        #contactsPage .contactsHolder .tabs li.active a, .no-touch #contacts .tabs li a:hover {
            background: #fff;
            color: #ffc13a !important;
        }

/*#contactsPage .contactsHolder .tabs li.active:before
{
    border-color: #dadada transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    bottom: -22px;
    width: 0;
    z-index: 1;
}

#contactsPage .contactsHolder .tabs li.active:after
{
    border-color: #fff transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    bottom: -19px;
    width: 0;
    z-index: 1;
}*/

#contactsPage .contactsHolder .ico {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
}

#contactsPage .contactsHolder .tabs li a .ico {
    clear: both;
    margin: 0 auto 3px;
    font-size: 200%;
    display: block;
}

#contactsPage .contactsHolder .arrange {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 2px solid #dadada;
    margin: 0 auto 30px;
    overflow: hidden;
    padding: 10px;
}

@media only screen and (min-width: 768px) {
    #contactsPage .contactsHolder .arrange {
        padding: 25px;
    }

    #contactsPage .contactsHolder ._form-group {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }

    #contactsPage .contactsHolder ._form-group label {
        min-width: 30%;
        flex: 0 0 auto;
    }

    #contactsPage .contactsHolder ._form-group label + * {
        flex: 1 0 70%;
        min-width: 70%;
    }
    #contactsPage .contactsHolder ._form-group textarea._form-control {
        flex: 1 0 100%;
        min-width: 100%;
        height: 80px;
    }
}

    #contactsPage .contactsHolder .arrange p {
        margin: 0 0 1em;
        max-width: 100%;
        width: 100%;
    }

#contactsPage .contactsHolder > .btn {
    margin-bottom: 20px;
}

#contactsPage #selectedCountryHolder img.flag {
    width: 120px;
    margin-bottom: 40px;
}

#contactsPage #selectedCountryHolder {
    /*font-size: 1.4em;*/
    /*display: inline-block;*/
    /*min-width: 400px;*/
}

    #contactsPage #selectedCountryHolder dl {
        margin: 10px 0;
        /*min-width: 350px;*/
    }

    #contactsPage #selectedCountryHolder > div > p {
        font-size: 14px;
    }

#contactsPage #methods > .styled-select {
    margin-bottom: 20px;
}

#contactsPage #googleloc #submit,
#block1 #googleloc #submit {
    border: 0 none;
    margin: 0;
    box-sizing: border-box;
    height: 30px;
}

    #contactsPage #googleloc #submit:hover, #block1 #googleloc #submit:hover {
        background: #666;
        color: #fff;
    }

/* ---- 2016 ---- */

#contactsPage .innerpadding h2 {
    margin: 20px 0 35px;
}

#contactsPage .innerpadding {
    margin: 20px 0 40px;
    overflow: hidden;
}

#contactsPage hr {
    border: 0 none;
    border-top: 1px solid #ccc;
}

/*#contactsPage .contactsHolder {
    padding: 0 20px;
    box-sizing: border-box;
}*/

    #contactsPage .contactsHolder .form > div {
        margin: 5px 0 10px 0;
    }

#contactsPage #additionalInfoHolder {
    margin-bottom: 0;
}

#contactsPage .contactsHolder h2 {
    margin-bottom: 15px;
}

#contactsPage #methods ul.tabs {
    border: 0 none;
}

#contactsPage .arrange {
    border: 2px solid #dadada;
}

#contactsPage .countryNameHolder span {
    font-size: 18px;
}

#contactsPage dl dd,
#contactsPage dl dt {
    /*display: inline-block;
    font-size: 1em;
    margin-left: 10px;*/
}

#contactsPage dl dt {
    float: left;
}

#contactsPage dl dd {
    text-align: right;
}

#contactsPage dl dt:first-of-type {
    width: 0;
}

#contactsPage dl dd:first-of-type {
    margin: 0 0 10px;
    font-size: 22px;
    width: 100%;
    text-align: center;
}

/*#contactsPage #countrySelect {
    height: 30px;
    width: 100%;

}*/

#contactsPage #countrySelect > option {
    border-bottom: 1px solid #575757;
    padding: 5px 0;
    width: 100%;
    text-indent: 10px;
}

#contactsPage .whatsAppNumber {
    background: url(/images/NewImages/Icons/Whatsapp.png) no-repeat left center;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-indent: 100px;
}

#contactsPage .halfwidth1 > p:first-child,
#contactsPage .halfwidth2 > p:first-child {
    margin-top: 0;
}

#contactsPage #googleloc {
    width: 100%;
}

#contactsPage .fakeInput {
    left: 0;
    position: absolute;
    top: 0;
}

#contactsPage #emailusImgPreview {
    height: 90px;
    width: 100%;
    background-color: #fff;
}

    #contactsPage #emailusImgPreview[src=""] {
        display: none;
    }

/*#contactsPage .g-recaptcha {
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
}*/

    /*#contactsPage .g-recaptcha > div {
        width: auto !important;
    }*/


/* START Careers Page */

#careersPage h2 {
    line-height: 30px;
    margin-top: 30px;
}

#careersPage .ukVacancies,
#careersPage .overseasVacancies {
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

#careersPage .jobPosition h3 {
    font-size: 20px;
}

#careersPage .jobPosition {
    border: 1px solid transparent;
    overflow: hidden;
    padding: 0 5px;
    max-height: 0;
    transition: all .5s;
    color: #575756;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

    #careersPage .jobPosition.active {
        border-color: #ccc;
        padding: 5px;
        max-height: 190px;
        margin-bottom: 10px;
        overflow: visible;
    }

    #careersPage .jobPosition div dl > dt {
        width: 80px;
    }

    #careersPage .jobPosition div dl > dt,
    #careersPage .jobPosition div dl > dd {
        display: inline-block;
        font-size: 14px;
        line-height: 28px;
    }

    #careersPage .otherApplications > .btn  {
        font-size: 12px;
        min-width: 100px;
    }

    #careersPage .jobPosition div .btn {
        font-size: 12px;
        min-width: 70px;
    }

#careersPage .otherApplications {
    line-height: 20px;
    margin-top: 20px;
}

    #careersPage .otherApplications > .btn {
        margin-left: 15px;
        margin-top: 0;
        line-height: 20px;
        vertical-align: baseline;
    }

#careersPage .btn.greyBG {
    color: #222;
}

    #careersPage .btn.greyBG:hover {
        color: #fff;
    }

#careersPage .glassdoor-link {
    text-align: center;
    display: block;
    margin: 50px 0;
}

/* END Careers Page*/




/* START Celebrity Engagement Ring 2018 */

#celebrityPage2018 .top-banner {
    position: relative;
    padding: 40px 40px;
    color: #59585B;
}

#celebrityPage2018 #hero figure.top-banner picture img {
    width: 100%;
}

#celebrityPage2018 .top-banner .banner-picture {
    position: absolute;
    height: 100%;
    right: 80px;
}

#celebrityPage2018 .top-banner .banner-content {
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0;
}

    #celebrityPage2018 .top-banner .banner-content h1 {
        font-size: 32px;
    }



    #celebrityPage2018 .top-banner .banner-content p {
        font-weight: 100;
        font-size: 18px;
    }

    #celebrityPage2018 .top-banner .banner-content a {
        color: #ffc13a;
    }

#celebrityPage2018 .arrow-celebrity-banner {
    cursor: pointer;
    font-size: 20px;
    color: #ffc13a;
    font-weight: 600;
    display: none;
}

    #celebrityPage2018 .arrow-celebrity-banner img {
        width: 16px;
        height: auto;
        margin-left: 14px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

#celebrityPage2018 .main-content {
    padding: 20px 40px;
}

    #celebrityPage2018 .main-content .celeb-tab {
        margin-top: 20px;
    }

        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title {
            padding: 6px 0;
            min-height: 40px;
            line-height: 40px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 1180px auto;
            vertical-align: middle;
            cursor: pointer;
        }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .title {
                display: inline-block;
                padding: 0 15px;
                color: white;
                font-size: 21px;
                /*font-family: "Source Sans Pro";*/
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .sub-title {
                display: none;
                padding: 0 15px;
                margin-top: -8px;
                margin-bottom: 30px;
                color: white;
                font-size: 18px;
                line-height: 22px;
                /*font-family: "Source Sans Pro";*/
                font-weight: 200;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons {
                display: inline-block;
                float: right;
            }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons > div {
                    width: 50px;
                    display: inline-block;
                    text-align: center;
                }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .seen {
                    height: 46px;
                    background-image: url(/images/icons-png/unchecked.png);
                    background-size: 50%;
                    background-repeat: no-repeat;
                    background-position: center;
                    vertical-align: middle;
                }


                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .toggle-tab {
                    cursor: pointer;
                }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .toggle-tab .toggle-tab-button {
                        width: 16px;
                        height: auto;
                        -webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .toggle-tab .toggle-tab-button.rotate-button {
                            -webkit-transform: rotate(270deg);
                            -moz-transform: rotate(270deg);
                            -ms-transform: rotate(270deg);
                            -o-transform: rotate(270deg);
                            transform: rotate(270deg);
                        }

        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content {
            padding: 40px 15px;
            overflow: auto;
            display: none;
        }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .heart-page-break {
                background-image: url(/images/campaigns/2018-celebrity-engagement-ring/instagram-proposals/HeartPageBreak.svg);
                background-size: 100% auto;
                height: 50px;
                background-repeat: no-repeat;
                background-position: center;
                border: none;
                margin: 30px auto;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .left-page-break {
                display: inline-block;
                background-image: url(/images/campaigns/2018-celebrity-engagement-ring/matchmaking/LeftPageBreak.svg);
                background-size: 100% auto;
                height: 50px;
                width: 30%;
                background-repeat: no-repeat;
                background-position: center;
                border: none;
                margin: 30px auto;
                vertical-align: middle;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .page-break-wrapper {
                text-align: center;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .middle-text-page-break {
                display: inline-block;
                height: 50px;
                width: 30%;
                margin: 30px auto;
                vertical-align: middle;
            }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .middle-text-page-break h2 {
                    margin-bottom: 5px;
                }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .right-page-break {
                display: inline-block;
                background-image: url(/images/campaigns/2018-celebrity-engagement-ring/matchmaking/RightPageBreak.svg);
                background-size: 100% auto;
                height: 50px;
                width: 30%;
                background-repeat: no-repeat;
                background-position: center;
                border: none;
                margin: 30px auto;
                vertical-align: middle;
            }



            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h1 {
                text-align: center;
                font-size: 42px;
                font-weight: 300;
                color: #59585B;
                margin-bottom: 20px;
                margin-top: 40px;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2 {
                text-align: center;
                font-size: 32px;
                font-weight: 300;
                color: #59585B;
            }

.italic {
    font-style: italic;
}

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2.scriptStyle {
    margin-top: 20px;
}





#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 {
    margin: auto;
    max-width: 650px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #59585B;
}

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 b {
        font-weight: 600;
    }

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .full-image {
    text-align: center;
    max-width: 90%;
    margin: 40px auto;
}

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block-wrapper {
    text-align: center;
}

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block {
    padding: 15px;
    text-align: center;
    display: inline-block;
    margin: auto;
    margin-top: 20px;
    max-width: 40%;
}

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block img {
        margin: 10px auto;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block h2 {
        font-size: 22px;
        font-weight: 600;
        color: #59585B;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block h3 {
        font-size: 21px;
        font-weight: 300;
        color: #59585B;
        margin-bottom: 8px;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-small {
        width: 160px;
        max-width: 100%;
        height: 34px;
        line-height: 34px;
        margin: 14px auto;
        font-size: 16px;
        /*font-family: "Source Sans Pro" !important;*/
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-medium {
        width: 190px;
        max-width: 100%;
        height: 34px;
        line-height: 34px;
        margin: 14px auto;
        font-size: 16px;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-large {
        width: 220px;
        max-width: 100%;
        height: 34px;
        line-height: 34px;
        margin: 24px auto;
        font-size: 16px;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .solid-grey {
        border: 2px solid #59585B;
        background-color: #59585B;
        color: white;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .border-grey {
        border: 2px solid #59585B;
        background-color: white;
        color: #59585B;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .solid-yellow {
        border: 2px solid #ffc13a;
        background-color: #ffc13a;
        color: #59585B;
    }

    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .border-yellow {
        border: 2px solid #ffc13a;
        background-color: white;
        color: #59585B;
    }

#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption a {
    cursor: none;
}

#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 {
    font-weight: 100;
    font-size: 24px;
    font-style: italic;
}

    #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 span {
        font-weight: normal;
    }

#celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption .btn {
    /*border-radius: 100px;*/
    padding: 8px 26px 11px;
    pointer-events: none;
}

.cb-toggler {
    display: none;
}

    .cb-toggler:checked ~ .cb-toggler--hidden-on-checked {
        display: none;
    }

    .cb-toggler:not(:checked) ~ .cb-toggler--hidden-on-unchecked {
        display: none;
    }



/* END Celebrity Engagement Ring 2018 */



/* START A night for you (Campaign Aug 2018)*/

#night-for-you {
    width: 100%;
    max-width: none;
}

/* END A night for you (Campaign Aug 2018)*/

/* START Sample Page */

#samplePage .disclaimerHolder {
    margin-top: 5px;
}

    #samplePage .disclaimerHolder > p {
        font-size: 14px;
        padding-right: 15px;
    }

        #samplePage .disclaimerHolder > p > a {
            font-weight: bold;
        }

#samplePage .form label.fakeCheckbox {
    font-size: 14px;
}

#samplePage .textHolder {
    padding-top: 50px;
    padding-bottom: 50px;
}

#samplePage .formHolder {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #eee;
    overflow: hidden;
}

    #samplePage .formHolder h2 {
        font-size: 28px;
        line-height: 34px;
    }

    #samplePage .formHolder .gdprCheckboxHolder p.errorMessage {
        margin-top: -15px !important;
    }

#samplePage .directionsHolder {
    padding-top: 100px;
    padding-bottom: 100px;
}

    #samplePage .directionsHolder h2 {
        font-size: 28px;
    }

    #samplePage .directionsHolder p {
        font-size: 22px;
        line-height: 28px;
    }

#samplePage .getDirections {
    margin-top: 20px;
}

    #samplePage .getDirections > div:last-child > a {
        display: block;
        margin-top: 22px;
    }

/* START Specifics for Night For You Campaign Aug 2018 */

.nightForYouCampaign {
    padding-bottom: 100px;
}

.nightForYouCampaign p, .nightForYouCampaign p h1, .nightForYouCampaign p .h1, .nightForYouCampaign p h2, .nightForYouCampaign p .h2, .nightForYouCampaign p h3, .nightForYouCampaign p .h3, .nightForYouCampaign p input {
    color: #59585B;
}

.nightForYouCampaign .buttonsHolder .btn {
    font-weight: 600;
}

.nightForYouCampaign .textHolder {
    padding: 60px 0 !important;
    margin: auto;
    float: none;
    
}

    .nightForYouCampaign .textHolder h2 {
        font-size: 19px;
        line-height: 28px;
        font-style: italic;
        font-weight: 400;
        margin-bottom: 32px;
        
    }


    .nightForYouCampaign .textHolder p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        margin-bottom: 0;

    }

.nightForYouCampaign .slide {
    position: relative;
}

    .nightForYouCampaign .slide .slider-description {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .nightForYouCampaign .slide .slider-description .buttonsHolder {
            margin-top: 20px;
        }

    .nightForYouCampaign .slide p {
        color: #FFF;
        font-weight: 300;
        font-size: 27px;
        margin: 0;
    }

.nightForYouCampaign .slider-description picture {
    display: block;
    margin: 20px 0;
}

    .nightForYouCampaign .slider-description picture img {
        width: 316px;
        height: auto;
        max-width: 60%;
        /* height: auto; */
    }

.nightForYouCampaign .slider-description h1.night-for-you-typography {
    max-width: 90%;
    /*font-family: "great vibes";*/
    color: #fff;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 70px;	

}

.nightForYouCampaign .formHolder .buttonsHolder .btn {
    width: 346px;
    max-width: 100%;
    display: block;
}



.nightForYouCampaign .formHolder h2,
.nightForYouCampaign .bottom-images-title h2 {

    font-size: 28px;
    line-height: 36px;
}

.nightForYouCampaign .formHolder p {
    font-size: 16px;
    line-height: 24px;
}

.nightForYouCampaign .formHolder #gdprCheckboxSampleHolder {
    margin-top: 28px;
    margin-bottom: 40px;
}

    .nightForYouCampaign .form label.fakeCheckbox,
    .nightForYouCampaign .formHolder #gdprCheckboxSampleHolder a {
        color: #59585B;
        font-size: 14px;
    }

        .nightForYouCampaign .form label.fakeCheckbox .checkmark {
            border-radius: 25px;
        }

.nightForYouCampaign .formHolder .radio-field {
    padding: 16px 0;
}

.nightForYouCampaign .formHolder .radio-field p.errorMessage {
    text-align: center;
}

.nightForYouCampaign .form .fieldHolder > input[type=radio] {
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
    width: 20px;
    color: red;
}

.nightForYouCampaign .form .fieldHolder > .radio-label {
    margin-bottom: 0;
    position: initial;
    width: auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999;
}

.errorMessage, .form .radio-field.hasError .errorMessage {
    margin-top: 0;
}

.nightForYouCampaign .bottom-images-title {
    margin: auto;
}

.nightForYouCampaign .bottom-images-title h2 {
    margin-top: 80px;
}

.nightForYouCampaign .bottom-images {
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0 -4px;
}

    .nightForYouCampaign .bottom-images img {
        margin: auto;
    }


    .nightForYouCampaign .bottom-images .slick-dots {
        margin-top: 40px;
    }

        .nightForYouCampaign .bottom-images .slick-dots > li {
            display: inline-block;
        }

            .nightForYouCampaign .bottom-images .slick-dots > li > button {
                background: none;
                border-radius: 15px;
                border: 2px solid #a1a1a1;
                font-size: 0;
                width: 15px;
                height: 15px;
                margin-left: 10px;
                padding: 0;
                cursor: pointer;
            }

            .nightForYouCampaign .bottom-images .slick-dots > li:first-child > button {
                margin-left: 0;
            }

            .nightForYouCampaign .bottom-images .slick-dots > li.slick-active > button {
                background: #a1a1a1;
                cursor: default;
            }

.ghostStickyBar {
    height: 52px;
    width: 100%;
}

.nightForYouStickyBar {
    height: 52px;
    line-height: 52px;
    background-color: #0C2340;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
}


    .nightForYouStickyBar .container {
        max-height: 52px;
    }


        .nightForYouStickyBar .container > div {
            display: inline-block;
        }

    .nightForYouStickyBar .event-title {
        float: left;
        margin-left: 2%;
        /*font-family: "great vibes";*/
        color: #fff;
        font-size: 24px;

    }

        .nightForYouStickyBar .event-title picture img {
            width: 120px;
            height: auto;
        }

    .nightForYouStickyBar .event-description {
        float: right;
        margin-right: 5px;
        color: white;
        font-size: 16px;
    }



        .nightForYouStickyBar .event-description .subtitle {
            display: inline-block;
        }

        .nightForYouStickyBar .event-description .eventlink {
            display: inline-block;
        }

        .nightForYouStickyBar .event-description a.arrowBtn {
            margin-left: 40px;
            color: #FFC035;
            font-size: 16px;
            font-weight: 400;
            background-size: 10px;
            background: transparent url(/images/img-2018/Common/arrow.png) no-repeat center right 12px / 10px auto;
        }


    .nightForYouStickyBar #closeStickyBar {
        z-index: 99999;
        display: none;
        cursor: pointer;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 7px;
        right: 7px;
        background: url(/images/campaigns/2018-night-for-you/close.png) no-repeat center;
    }






/* END Specifics for Night For You Campaign Aug 2018 */









/* END Sample Page */

/* START Reviews Page*/

#reviewsPage h1 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 20px;
}

#reviewsPage ul#ReviewItemUl {
    width: 90%;
    font-size: 16px;
}

    #reviewsPage ul#ReviewItemUl figure {
        text-align: center;
    }

    #reviewsPage ul#ReviewItemUl > li {
        border-bottom: 1px solid #dbdbdb;
        padding: 10px;
    }

        #reviewsPage ul#ReviewItemUl > li > div:first-of-type {
            font-style: normal;
        }

        #reviewsPage ul#ReviewItemUl > li:last-of-type {
            border: 0;
        }

        #reviewsPage ul#ReviewItemUl > li h3 {
            text-transform: uppercase;
            font-weight: 300;
            margin: 5px 0px 5px 0px;
            text-align: center;
            font-size: 30px;
        }

        #reviewsPage ul#ReviewItemUl > li h4 {
            font-weight: 300;
            text-align: center;
            margin: 0px 0px 5px 0px;
            font-size: 16px;
        }

#reviewsPage .content {
    padding-left: 7%;
    padding-bottom: 20px;
}

#reviewsPage ul.pagination {
    display: block;
    padding: 0;
    margin: 20px auto;
    overflow: hidden;
    width: 235px;
}

    #reviewsPage ul.pagination li {
        display: inline;
    }

        #reviewsPage ul.pagination li a {
            color: black;
            float: left;
            padding: 4px 8px;
            margin-right: 2px;
            border: 1px solid #dadada;
            text-decoration: none;
        }

            #reviewsPage ul.pagination li a.active {
                border: 1px solid #ffc13a;
            }

            #reviewsPage ul.pagination li a:hover:not(.active) {
                background-color: #ddd;
            }


#reviewsPage .loading {
    background-image: url(/images/img-2018/Common/loading.gif);
    background-size: 32px 32px;
}

/* END Reviews Page */

/* START Product Page */

 .shopBadgesCol {
    float: left;
    clear: left;
}

#style-examples {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    position: relative;
}

    #style-examples li {
        background: #fff;
        text-align: left;
        padding: 0 100px;
        display: none;
        margin: 0;
    }

        #style-examples li#liSubcattext_41 {
            padding: 0;
        }

            #style-examples li#liSubcattext_41 figure {
                position: relative;
            }

                #style-examples li#liSubcattext_41 figure img {
                    float: none;
                    margin: 0;
                }

                #style-examples li#liSubcattext_41 figure > figcaption {
                    color: #fff;
                    position: absolute;
                    z-index: 1;
                    /*top:70px;*/
                    bottom: 0%;
                    right: 0;
                    left: 0;
                    width: 90%;
                    margin: 5% auto;
                    /*text-align:center;*/
                }

                    #style-examples li#liSubcattext_41 figure > figcaption h4,
                    #style-examples li#liSubcattext_41 figure > figcaption .h4 {
                        font-size: 28px;
                        margin-top: 0;
                        text-shadow: 0 0;
                    }

                    #style-examples li#liSubcattext_41 figure > figcaption hr {
                        border: 2px solid #fff;
                        margin-bottom: 15px;
                    }

                    #style-examples li#liSubcattext_41 figure > figcaption p {
                        font-size: 14px;
                        margin-bottom: 0;
                        /*margin:15px auto;*/
                        /*width: 40%;*/
                    }

    #style-examples .left {
        float: left;
        width: 560px;
    }

    #style-examples h4,
    #style-examples .h4 {
        font-weight: 300;
        font-size: 24px;
        margin-top: 40px;
    }

    #style-examples p {
        font-weight: 300;
        font-size: 15px;
    }

    #style-examples img {
        float: right;
        margin: 30px 0;
    }

#styles .opener {
    cursor: pointer;
    position: absolute;
    right: 5%;
    top: 0;
    height: 25px;
    font-size: 12px;
    z-index: 1;
}

    #styles .opener .arrow {
        background: url(/images/NewImages/Symbols/OpenerArrow.png) no-repeat 0 -25px;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-left: 8px;
        vertical-align: middle;
    }

    #styles .opener.opened .arrow {
        background-position: 0 0;
    }

#style-examples li p > a {
    font-weight: 600;
}

#styles .filter2 {
    border-bottom: 1px solid #ccc;
    padding: 0 5%;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

    #styles .filter2 .list {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    #styles .filter2 li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0 23px 0 0;
    }

        #styles .filter2 li.active {
            position: relative;
        }

    #styles .filter2 a {
        color: #000;
        display: block;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        text-decoration: none;
    }

    #styles .filter2 li.active > a,
    .no-touch #styles .filter2 a:hover, #step-1 .filter .active {
        color: #ffa200;
    }

    #styles .filter2 a.short {
        padding: 0 0 0 49px;
        background-size: 40px;
    }

#rings-area #noProductsHolder,
#rings-area.noProducts #mainslider,
#rings-area.noProducts #step-2 {
    display: none;
}

#rings-area #step-2 #customerReviewsTab {
    margin-top: 30px;
}

#rings-area.noProducts .quote2 {
    margin-top: 0;
}

#rings-area.noProducts #noProductsHolder {
    display: block;
    overflow: hidden;
    padding: 0 20px 0;
    height: 400px;
}

    #rings-area.noProducts #noProductsHolder .textHolder {
        top: 50%;
        transform: translateY(-50%);
    }


    #rings-area.noProducts #noProductsHolder p {
        font-size: 18px;
    }
    #rings-area.noProducts #noProductsHolder h2,
    #rings-area.noProducts #noProductsHolder .h2 {
        font-size: 54px;
        font-style: italic;
        font-weight: normal;
    }

    #rings-area.noProducts #noProductsHolder h3,
    #rings-area.noProducts #noProductsHolder .h3 {
        font-size: 36px;
    }

#rings-area .quote2 {
    border: 0 none;
    padding: 0;
}

    #rings-area .quote2 h1 {
        margin-bottom: 20px;
        font-size: 3.6em;
        padding-top: 20px;
        border-top: 3px solid #dbdbdb;
    }

    #rings-area .quote2 p {
        padding: 0 5%;
    }

#rings-area #mainslider {
    min-height: 220px;
    margin-bottom: 20px;
    max-height: 230px;
    transition: max-height 1s;
}

    #rings-area #mainslider .slide .link {
        display: none;
        width: 95px;
        padding: 10px 12px 10px 12px;
        color: #fff;
        background-color: #666;
        font-size: 14px;
        margin: 10px auto 0;
        text-transform: uppercase;
    }

    #rings-area #mainslider .slide:hover .link {
        display: inline-block;
    }

    #rings-area #mainslider.gridList {
        max-height: 1500px;
    }

        #rings-area #mainslider.gridList .productSliderSlides .slide {
            float: left;
            width: 25% !important;
            margin: 0;
            padding: 0;
            min-height: 250px;
        }

        #rings-area #mainslider.gridList > a {
            display: none;
        }

#step-1 .options {
    clear: both;
    display: block;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%;
}

    #step-1 .options h4,
    #step-1 .options .h4 {
        color: #333;
        font-size: 14pt;
        line-height: 24px;
        padding: 0 0;
    }

    #step-1 .options .shapes-list, ul.shapes-list {
        clear: both;
        display: block;
        margin: 0 0;
        overflow: hidden;
        padding: 0 0;
        width: 100%;
    }

        #step-1 .options .shapes-list li, ul.shapes-list li {
            display: inline-block;
            list-style: none;
            margin: 0 1px 0 0;
            cursor: pointer;
        }

        #step-1 .options .shapes-list a, ul.shapes-list a {
            background-image: url(/images/NewImages/Icons/DiamondShapes.png);
            background-repeat: no-repeat;
            display: block;
            font-size: 1px;
            height: 44px;
            width: 44px;
            line-height: 1px;
            overflow: hidden;
            text-indent: -9999em;
            border: 0;
        }

.no-touch #step-1 .options .shapes-list a:hover {
    background-color: #fecc5b;
}

#step-1 .options .shapes-list .active {
    /*background-color: #ffa200;*/
    background-color: #fecc5b;
}

#step-1 .options .shapes-list #shape-1, ul.shapes-list #sha_1, ul.shapes-list #sha_gem_4 {
    background-position: 5px 5px;
}

#step-1 .options .shapes-list #shape-2, ul.shapes-list #sha_2, ul.shapes-list #sha_gem_3 {
    background-position: -40px 5px;
}

#step-1 .options .shapes-list #shape-3, ul.shapes-list #sha_3, ul.shapes-list #sha_ {
    background-position: -84px 5px;
}

#step-1 .options .shapes-list #shape-4, ul.shapes-list #sha_4, ul.shapes-list #sha_ {
    background-position: -127px 5px;
}

#step-1 .options .shapes-list #shape-5, ul.shapes-list #sha_5, ul.shapes-list #sha_gem_6 {
    background-position: -170px 5px;
}

#step-1 .options .shapes-list #shape-6, ul.shapes-list #sha_6, ul.shapes-list #sha_gem_1 {
    background-position: -215px 5px;
}

#step-1 .options .shapes-list #shape-7, ul.shapes-list #sha_7, ul.shapes-list #sha_gem_5 {
    background-position: -258px 5px;
}

#step-1 .options .shapes-list #shape-8, ul.shapes-list #sha_8, ul.shapes-list #sha_gem_7 {
    background-position: -302px 5px;
}

#step-1 .options .shapes-list #shape-9, ul.shapes-list #sha_9, ul.shapes-list #sha_gem_8 {
    background-position: -347px 5px;
}

#step-1 .options .shapes-list #shape-10, ul.shapes-list #sha_10, ul.shapes-list #sha_gem_9 {
    background-position: -390px 5px;
}

ul.shapes-list #sha_gem_2 {
    background-position: -428px 5px;
}

#step-1 .options .shapes-list:not(.mengagementShapes) li a.inactive:after, ul.shapes-list:not(.mengagementShapes) li a.inactive:after {
    opacity: .6;
    content: "";
    display: block;
    background-color: #fff;
    height: 100%;
}

#step-1 {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: left;
}

    #step-1 .results {
        float: right;
        margin-bottom: 20px;
    }

    #step-1 .monologueContainer {
        width: 75%;
    }

        #step-1 .monologueContainer + #Divshapes {
            display: none;
        }

    #step-1 .monologueInitials {
        margin-top: 40px;
        margin-bottom: 25px;
    }

        #step-1 .monologueInitials .moveProductSlider {
            font-size: 20px;
            cursor: pointer;
            padding: 5px 3px;
            display: inline-block;
        }

            #step-1 .monologueInitials .moveProductSlider.active {
                color: #222;
                background-color: #ffb002;
            }

            #step-1 .monologueInitials .moveProductSlider:hover {
                color: #ffb002;
            }

            #step-1 .monologueInitials .moveProductSlider:last-of-type {
                margin-right: 60px;
            }

    #step-1 .h4 {
        color: #333;
        font-size: 14pt;
        line-height: 24px;
    }

    #step-1 #moveProductSelect,
    .monologueInitialsSelect {
        margin: auto;
        height: 26px;
        text-align: center;
        width: 100px;
    }

        #step-1 #moveProductSelect > option {
            padding: 5px;
            border-bottom: 1px solid #222;
            cursor: pointer;
            font-weight: 600;
        }

    #step-1 .filter #productCount {
        font-size: 14px;
        background: url(/images/NewImages/Symbols/Grid_Small.jpg) no-repeat -26px 0;
        padding-left: 35px;
        height: 26px;
        line-height: 26px;
        cursor: pointer;
        margin-right: 70px;
        display: inline-block;
    }

        #step-1 .filter #productCount:hover {
            background-position: -26px -26px;
        }

    #step-1 .options select {
        width: 150px;
        font-size: 14px;
        margin-top: 5px;
    }

    #step-1 .filter ul li.gridFix {
        margin-right: 70px !important;
    }

    #step-1 .filter .grids .grid16 {
        background-position: -26px 0;
    }

    #step-1 .filter .grids a {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        background: url(/images/NewImages/Symbols/Grid_Small.jpg) no-repeat 0 0;
        font-size: 1px;
        height: 26px;
        line-height: 1px;
        padding: 0;
        overflow: hidden;
        text-indent: -9999em;
        width: 26px;
    }

    #step-1 .filter .grids .gridFix #productCount {
        float: right;
        text-align: left;
        font-size: 10pt;
        line-height: 10pt;
    }

a.linkSelectMetal {
    cursor: pointer;
}

    a.linkSelectMetal:hover {
        color: #ffa200;
    }

    a.linkSelectMetal > div.metalColor {
        width: 30px;
        height: 30px;
        border: 1px solid transparent;
        float: left;
        margin-right: 5px;
    }

    a.linkSelectMetal.active > div.metalColor {
        border: 1px solid #ffa200;
    }

#divMetalsGrid div.MetalContainer {
    display: inline-block;
    text-align: left;
}

    #divMetalsGrid div.MetalContainer ul.metalsHolder {
        margin: 0 auto 2px auto;
        padding: 0;
        height: 40px;
        text-align: center;
        white-space: nowrap;
    }

        #divMetalsGrid div.MetalContainer ul.metalsHolder li {
            display: inline-block;
        }

#rings-area .metalsHolder.loading {
    position: relative;
}

    #rings-area .metalsHolder.loading:after {
        content: "";
        background: rgba(255,255,255,.5);
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 9;
        position: absolute;
    }

#Divshapes #selectedShapeName,
#divMetalsGrid div.MetalContainer span#selectedMetalLabel {
    font-size: 1.5em;
    color: #878787;
}

#Divshapes .shapes-list > li {
    text-align: center;
}

    #Divshapes .shapes-list > li > a + span {
        font-size: 12px;
        color: #878787;
        opacity: 0;
        transition: opacity .5s;
    }

    #Divshapes .shapes-list > li:hover > a + span,
    #Divshapes .shapes-list > li > a.active + span {
        opacity: 1;
    }

#Divshapes {
    display: block;
    padding: 0;
    margin-bottom: 10px;
}

    #Divshapes > h4 {
        margin-bottom: 7px;
    }

#step-2 {
    clear: both;
    display: block;
    margin-top: 20px;
    text-align: left;
}

    #step-2 .two-colls-panel {
        clear: both;
        display: block;
        padding: 0 0 20px 0;
        width: 100%;
    }

    #step-2 .col-lhs460 {
        float: left;
        width: 48%;
    }

    #step-2 .col-rhs480 {
        float: right;
        width: 48%;
    }

    #step-2 .similar-items {
        clear: both;
        display: block;
        overflow: hidden;
        width: 100%;
    }

        #step-2 .similar-items h3 {
            display: block;
            font-size: 24px;
            line-height: 30px;
            margin: 0;
            padding: 0 0 10px 0;
            text-align: center;
            text-transform: none;
        }

        #step-2 .similar-items .list {
            clear: both;
            display: block;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
        }

            #step-2 .similar-items .list li {
                float: left;
                list-style: none;
                margin: 0;
                min-height: 200px;
                padding: 0 5px 0 10px;
                width: 180px !important;
            }

            #step-2 .similar-items .list .thumb {
                clear: both;
                display: block;
                min-height: 120px;
                overflow: hidden;
            }

            #step-2 .similar-items .list img {
                float: left;
            }

            #step-2 .similar-items .list .txt {
                clear: both;
                display: block;
                overflow: hidden;
                text-align: center;
                width: 100%;
            }

            #step-2 .similar-items .list .h-h5 {
                color: #333;
                display: block; /* font-family: 'LatoLight'; */
                font-size: 16px;
                line-height: 21px;
                margin: 0;
                padding: 0 0 2px 0;
            }

            #step-2 .similar-items .list .h-h6 {
                color: #333;
                display: block; /*font-family:'Lato'; */
                font-size: 14px;
                line-height: 21px;
                margin: 0;
                padding: 0 0 10px 0;
            }

            #step-2 .similar-items .list .link {
                clear: both;
                display: block;
                overflow: hidden;
                text-decoration: none;
            }

                #step-2 .similar-items .list .link:hover .h-h5, #step-2 .similar-items .list .link:hover .h-h6 {
                    color: #ffa200;
                }


    #step-2 .action-btns {
        display: block;
        padding: 0 0 20px 0;
        position: relative;
        width: 100%;
        margin: 0px auto;
    }

        #step-2 .action-btns .bigbtn {
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 100%;
            margin-bottom: 10px;
            display: block;
        }

            #step-2 .action-btns .bigbtn span {
                background: #ffc13a;
                margin: 0px auto;
                color: #000;
                width: 60%;
                display: block;
                font-size: 16pt;
                height: 40px;
                line-height: 40px;
                padding: 5px 0px;
            }

            #step-2 .action-btns .box {
                background: #fff url(/images/NewImages/Icons/CaretDown.png) no-repeat right 10px center;
                cursor: pointer;
                margin: 0 auto;
                border: 1px solid #999999;
                min-height: 48px;
                overflow: hidden;
                text-align: center;
                width: 60%;
                padding: 0;
            }

           

            #step-2 .action-btns .box h5,
            #step-2 .action-btns .box .h5 {
                color: #000;
                display: block;
                font-size: 15px;
                line-height: 20px;
                margin: 0;
                padding: 5px 0 0 0;
                text-transform: uppercase;
            }


           

        #step-2 .action-btns .box .link {
            color: #000;
            display: block;
            font-size: 12px;
            line-height: 15px;
            margin: 0;
            padding: 0;
            text-decoration: none;
            max-width: 100%;
            border: 0;
        }

        #step-2 .action-btns .bigbtn span:hover, #financePopup .bigbtn span:hover {
            background: #666 none repeat scroll 0 0;
            color: #fff;
        }

        #step-2 .action-btns .bigbtnGrey span, #financePopup .bigbtnGrey span {
            background: #666 none repeat scroll 0 0 !important;
            color: #fff !important;
        }

       

        @media (min-width: 769px) and (max-width: 1030px) {

            #step-2 .action-btns .box h5, #step-2 .action-btns .box .h5 {
                font-size: 1.5vw;
            }

            #step-2 .action-btns .box .link label {
                font-size: 1.4vw;
            }
        }

        @media (min-width: 481px) and (max-width: 768px) {

            #step-2 .action-btns .box h5, #step-2 .action-btns .box .h5 {
                font-size: 2.2vw;
            }

            #step-2 .action-btns .box .link label {
                font-size: 1.9vw;
            }
        }

        @media (max-width: 480px) {
            #step-2 .action-btns .financeOptionsText {
                float: none;
            }

            #step-2 .action-btns .box h5, #step-2 .action-btns .box .h5 {
                font-size: 4vw;
            }

            #step-2 .action-btns .box .link label {
                font-size: 3.4vw;
            }
        }

        @media (min-width:481px) /* All bigger than phone */
        {

            #step-2 .action-btns .financeOptionsLogo {
                display: inline-block;
                line-height: 46px;
                width: 20%;
            }

            #step-2 .action-btns .financeOptionsLogo img {
                max-width: 100%;
            }

            #step-2 .action-btns .financeOptionsText {
                display: inline-block;
                width: 70%;
                float: left;
            }
        }


    #financePopup .bigbtn {
        font-weight: bold;
        background: #ffa200;
        font-size: 14px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 60%;
        text-decoration: none;
    }

        #financePopup .bigbtn span {
            background: #ffc13a;
            clear: both;
            color: #000;
            width: 100%;
            display: block;
            font-size: 14px;
            height: 60px;
            line-height: 60px;
        }

    #step-2 .action-btns2 {
        float: left;
        display: block;
        overflow: hidden;
        padding: 20px 0 25px 0;
        width: 50%;
    }

        #step-2 .action-btns2 .btn {
            float: left;
            font-size: 14px;
            margin: 0;
            overflow: hidden;
            padding: 0;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 90%;
            margin-bottom: 13px;
        }

            #step-2 .action-btns2 .btn span {
                background: #ccc;
                clear: both;
                color: #fff;
                width: 100%;
                display: block;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
            }

                #step-2 .action-btns2 .btn span:hover {
                    background: #666;
                    color: #fff;
                }

    #step-2 .gallery {
        clear: both;
        display: block;
        height: auto;
        overflow: hidden;
        padding: 0 0 30px 0;
        position: relative;
        width: 100%;
        background: #fff;
    }

        #step-2 .gallery .z-content {
            overflow: visible;
        }

        #step-2 .gallery .z-auto-g {
            padding: 0;
            margin: 0 10px;
            height: 90px;
            overflow-x: auto;
        }

        #step-2 .gallery .slider {
            margin: 0;
            padding: 0;
            display: block;
            position: relative;
            width: 99%;
            height: 388px;
        }

            #step-2 .gallery .slider li {
                list-style: none;
                margin: 0;
                padding: 0;
                width: 100% !important;
                display: block;
                background: #fff;
                position: absolute;
                bottom: 0;
            }

                #step-2 .gallery .slider li label {
                    display: block;
                    text-align: center;
                    font-size: 0.8em;
                }

    #step-2 .iframeHolder > iframe {
        width: 350px;
        height: 355px;
        overflow: hidden;
    }

    #step-2 .galleryImage {
        border: 1px solid #ccc;
        position: relative;
        height: 360px;
        padding: 30px 0;
        overflow: hidden
    }

        #step-2 .galleryImage .slick-list {
            overflow: visible;
        }

        #step-2 .galleryImage #image360-reel {
            z-index: 2;
            position: relative;
            margin-top: -30px !important; /*top:50%;transform:translateY(-50%)*/
        }

            #step-2 .galleryImage #image360-reel #image360 {
                max-width: none !important;
            }

            #step-2 .galleryImage #image360-reel #temp360Text {
                position: absolute;
                bottom: 0px;
                width: 100%;
            }

        #step-2 .galleryImage > #zoom {
            background: url(/images/NewImages/Icons/MagnifyingGlass.png) no-repeat;
            bottom: 60px;
            height: 40px;
            position: absolute;
            right: 35px;
            width: 40px;
            z-index: 998;
        }

    #step-2 .galleryImage .productImageLabel {
        position: absolute;
        width: 100%;
        bottom: 5px;
        left: 0;
        font-size: 13px !important;
        display: inline-block;
        margin-top: 8px;
        z-index: 1;
    }

        #step-2 .galleryImage .product1ctDisclaimer {
            font-size: 13px;
            text-align: center;
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            bottom: 15px;
        }

        #step-2 .galleryImage .carrousel_left,
        #step-2 .galleryImage .carrousel_right {
            width: 30px;
            height: 60px;
            padding: 20px;
        }

        #step-2 .galleryImage .videoPlayer {
            line-height: 270px;
        }

        #step-2 .galleryImage video {
            max-width: 100%;
            vertical-align: middle;
        }

    #galleryImages img {
        position: relative;
        margin: 0 auto;
        /*padding-bottom:40px;*/
        max-height: 300px;
        top: 160px;
        padding-bottom: 10px;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        cursor: url(/images/NewImages/Icons/MagnifyingGlass.png), zoom-in;
    }

        #galleryImages img.imgBig {
            max-height: 300px;
            cursor: default;
        }

    ul#videoThumbnails li {
        width: 69px;
        height: 69px;
    }

    .video_bracelet {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Bracelet_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_cocktail {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Cocktail_Ring_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_earrings {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Earrings_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_eng {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Engagement_Ring_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

        .video_eng:hover {
            background-position: 0 -51px;
        }

    .video_et {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Eternity_Ring_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_neck {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Necklace_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_wedd360 {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Wedding_360_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_360 {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/360_Video_Thumb.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    .video_wedd {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Wedding_Ring_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

    #step-2 .tabs-panel {
        clear: both;
        display: block;
        overflow: hidden;
        padding: 0 0 20px 0;
        position: relative;
        width: 100%;
    }

        #step-2 .tabs-panel .tabs {
            clear: both;
            display: block;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
            z-index: 9999;
        }

            #step-2 .tabs-panel .tabs li {
                float: left;
                font-size: 15px;
                list-style: none;
                margin: 0;
                padding: 0;
            }

            #step-2 .tabs-panel .tabs a {
                border: 1px solid #ffffff;
                border-bottom: 1px solid #ccc;
                color: #000;
                display: block;
                font-size: 15px;
                height: 28px;
                line-height: 28px;
                margin: 0;
                overflow: hidden;
                padding: 0 10px;
                text-decoration: none;
            }

                #step-2 .tabs-panel .tabs a:hover {
                    color: #eca248;
                }

            #step-2 .tabs-panel .tabs .active a {
                border: 1px solid #ccc;
                border-bottom: 1px solid #ffffff;
                color: #eca248;
            }

        #step-2 .tabs-panel .tab_container {
            border: 1px solid #ccc;
            clear: both;
            display: block;
            margin: -1px 0 0 0;
            overflow: hidden;
            padding: 20px;
            z-index: 9;
        }

        #step-2 .tabs-panel .pic {
            float: left;
            width: 220px;
        }

        #step-2 .tabs-panel .txt {
            float: right;
            padding: 15px 0 0 0;
            width: 185px;
        }

        #step-2 .tabs-panel h4 {
            display: block;
            font-size: 18px;
            line-height: 32px;
            margin: 0;
            padding: 0 0 5px 0;
        }

        #step-2 .tabs-panel p {
            display: block; /* font-size:16px; */
            line-height: 21px;
            margin: 0;
            padding: 0;
        }

    #step-2 .social-box {
        clear: both;
        display: block;
        padding: 0 0 10px 0;
        position: relative;
        background: #fff;
    }

    #step-2 .topBox {
        display: table;
        width: 100%;
    }

        #step-2 .topBox li {
            display: table-cell;
            vertical-align: top;
        }

        #step-2 .topBox > li:nth-child(2) {
            padding-top: 5px;
        }

        #step-2 .topBox li a {
            margin: 0;
        }

    @media (max-width: 1100px) {
        #step-2 .topBox li a.smallBtn {
            font-size: 12px;
            padding: 4px 8px;
        }
    }

    #step-2 .social-box .social {
        float: left;
        margin: 10px 0 0 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

        #step-2 .social-box .social li {
            color: #666;
            float: left;
            font-size: 14px;
            line-height: 20px;
            list-style: none;
            margin: 0;
            padding: 0 8px 0 0;
        }

        #step-2 .social-box .social a {
            display: block;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            width: 21px;
            background-color: transparent !important;
            transform: initial;
            text-align: center;
        }

            #step-2 .social-box .social a:before {
                font-family: "FontAwesome";
                color: #5e5e5e;
                font-size: 20px;
            }

            #step-2 .social-box .social a:hover:before {
                color: #fecc5b;
            }

        #step-2 .social-box .social .fb:before,
        #step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-facebook:before {
            content: "\f09a";
        }

        #step-2 .social-box .social .twitter:before,
        #step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-twitter:before {
            content: "\f099";
        }

        #step-2 .social-box .social .gplus:before,
        #step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-google_plusone_share:before {
            content: "\f1a0";
        }

        #step-2 .social-box .social .pintrest:before,
        #step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-pinterest_share:before {
            content: "\f0d2";
        }

        #step-2 .social-box .social .link-favo:before {
            content: "\f0e0";
            font-size: 18px;
        }

        #step-2 .social-box .social li.sharethis {
            margin-left: 0;
            padding-right: 0;
        }

            #step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-share-btn {
                width: 22px;
                height: 20px;
                float: left;
                cursor: pointer;
                margin: 0 4px 0 0;
            }

    /*#step-2 .social-box .link-addto {
    background: url("../images/icons/add21x22.jpg") no-repeat 0 0;
    color: #666;
    float: right;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 0 0 25px;
    text-decoration: none;
}*/

    #step-2 .social-box a:hover {
        color: #000;
        text-decoration: none;
    }

    /*#step-2 .social-box .link-addto:hover {
    background: url("../images/icons/add21x22-o.jpg") no-repeat 0 0;
}*/

    #step-2 .at-share-tbx-element .at-share-btn:hover {
        transform: initial;
    }

    #step-2 .social-box #galleryMetalsHolder {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
    }

    #step-2 .social-box a.linkSelectMetal > div.metalColor {
        width: 19px;
        height: 18px;
    }

    #step-2 .content {
        clear: both;
        display: block;
        overflow: hidden;
        padding: 0 0 25px 0;
        position: relative;
        width: 100%;
    }

        #step-2 .content .h1 {
            text-transform: none;
            color: #666;
            font-size: 28px;
            line-height: 34px;
            margin: 0;
            padding: 0 0 5px 0;
        }

        #step-2 .content > h2 {
            display: inline-block;
        }

        #step-2 .content > div.social-box {
            display: inline-block;
            float: right;
        }

        #step-2 .content p {
            display: block; /*font-size:16px; line-height:24px;*/
            color: #666;
            margin: 0;
            padding: 0;
        }

    #step-2 #contentWeddingBandControl {
        margin-bottom: 20px;
    }

    #step-2 .advice-box {
        border: 1px solid #ccc;
        clear: both;
        display: block;
        min-height: 100px;
        overflow: hidden;
        padding: 3px 0 0 26%;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

        #step-2 .advice-box .pic {
            bottom: 0;
            display: block;
            left: 0;
            overflow: hidden;
            position: absolute;
            width: 115px;
        }

        #step-2 .advice-box img {
            float: left;
        }

        #step-2 .advice-box h4 {
            display: block;
            font-size: 18px;
            line-height: 24px;
            margin: 0;
            padding: 15px 0 0 0;
        }

        #step-2 .advice-box p {
            display: block; /*font-size:16px;*/
            line-height: 21px;
            margin: 0;
            padding: 0;
        }

    #step-2 .results {
        /*clear: both;*/
        margin-top: 10px;
        /*overflow: hidden;*/
        /*width: 95%;*/
        /*transition: margin .5s;*/
        /*text-align: right;*/
    }

        #step-2 .results .action {
            display: flex;
            justify-content: space-between;
        }

        #step-2 .results h4 {
            color: #000;
            display: inline-block;
            font-size: 14px;
            vertical-align: middle;
            text-align: center;
            margin: 0 30px;
            padding: 0;
            max-width: 145px;
        }

        #step-2 .results .filterOptions {
            /* display: inline-block; */
            /* color: #000; */
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            /* text-decoration: none; */
            /* vertical-align: middle; */
            padding: 5px 10px;
        }

            #step-2 .results .filterOptions:not(:first-child) {
                margin-left: 15px;
            }

    .orderReviewOuter {
        float: right;
        clear: right;
    }

    .orderReview {
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 30px;
    }

        .orderReview h3 {
            padding: 5px;
            font-size: 2.4em;
            text-transform: none;
        }

        .orderReview #orderItems .itemDescription {
            text-align: center;
            font-size: 14px;
            margin: auto;
            width: 80%;
        }

            .orderReview #orderItems .itemDescription > div {
                width: 50%;
                float: left;
                text-align: center;
                overflow: hidden;
                position: relative;
            }

                .orderReview #orderItems .itemDescription > div.centered {
                    float: none;
                    margin: auto;
                }

            .orderReview #orderItems .itemDescription #orderInfo_ItemName,
            .orderReview #orderItems #orderInfo_DiamondName {
                font-weight: 600;
                line-height: 20px;
            }

            .orderReview #orderItems .itemDescription .price {
                display: block;
            }

            .orderReview #orderItems .itemDescription > div.matchingPairs {
                width: 80%;
            }

            .orderReview #orderItems .itemDescription > div > div.imageWrapper {
                width: 100%;
                height: 120px;
                position: relative;
            }

            .orderReview #orderItems .itemDescription > div.matchingPairs > div.imageWrapper {
                height: auto;
                min-height: 80px;
                margin-top: 20px;
            }

            .orderReview #orderItems .itemDescription > div > div.imageWrapper > img {
                position: absolute;
                margin: auto;
                bottom: 15px;
                left: 0;
                right: 0;
                max-width: 110px;
                width: auto;
                max-height: 105px;
                height: auto;
            }

                .orderReview #orderItems .itemDescription > div > div.imageWrapper > img[src*='loading.gif'] {
                    max-height: 40px;
                }

            .orderReview #orderItems .itemDescription > div.matchingPairs > div.imageWrapper > img {
                position: relative;
                margin: auto;
                display: inline-block;
            }

            .orderReview #orderItems .itemDescription > div > label {
                display: block;
                font-size: 1.3em;
            }

        .orderReview #orderItems .ringSize {
            padding: 20px 0px;
            text-align: center;
            font-size: 1.5em;
        }

        .orderReview #orderItems .itemCost {
            display: block;
            text-align: center;
            font-size: 2.8em;
            padding: 30px 0 35px 0;
            clear: both;
        }

            .orderReview #orderItems .itemCost > br {
                font-size: 5px;
            }

            /*.orderReview #orderItems .itemCost span#orderInfo_TotalPrice {
                font-weight: bold;
                font-style: italic;
            }*/

            .orderReview #orderItems .itemCost span#vatDesc {
                font-size: 17px;
                display: block;
            }

    body#rings #shopBadgesHolder {
        display: none;
    }

    #dropdown-2 {
        position: absolute !important;
    }

    /*RUI*/

    .parentDivTable {
        display: table;
        width: 100%;
    }

    .parentDivTableRow {
        display: table-row;
    }

    .parentDivTableCell {
        display: table-cell;
        border: 1px solid #ccc;
        border-width: 0px 0px 0px 1px;
        width: 1%;
    }

    #step-2 .noTop {
        border-top: 0px !important;
    }


    #step-2 .orderReview h2,
    #step-2 .orderReview .h2 {
        margin-top: 0;
        text-align: center;
    }

    #step-2 #columnTitle2 {
        text-align: center;
        display: block;
    }

        #step-2 #columnTitle2 span {
            display: inline;
        }


    #step-2 .topBox > li .btn {
        padding: 4px 6px;
    }


    #contentDiamondOptionsControl .action .link-extra:hover {
        text-decoration: underline;
    }

    .stars {
        padding-bottom: 5px;
    }

    #rings-area .infoBoxesShop > h5,
    #rings-area .infoBoxesShop > .h5 {
        color: #3c3c3c;
        font-size: 2.3em;
    }

    #rings-area .rings-panel .filterControls .action-btns-Wrapper .action-btns #btnAddToShoppingBag {
        display: inline-block;
        width: 60%;
    }

        #rings-area .rings-panel .filterControls .action-btns-Wrapper .action-btns #btnAddToShoppingBag span {
            width: 100%;
            padding: 5px 0px;
        }

    #ReviewItemUl {
        margin: 0;
        padding-right: 5px;
    }

        #ReviewItemUl li p {
            font-size: 14px;
            line-height: 22px !important;
        }

        #ReviewItemUl li {
            padding: 5px 0px 25px 5px;
            color: #3C3C3C;
            font-style: italic;
            font-size: 12pt;
        }

            #ReviewItemUl li a {
                text-align: right;
                display: block;
                text-decoration: underline;
                margin-top: 3px;
            }

            #reviewsPage .content.reviewRowIncomplete > span.reviewRow,
            #ReviewItemUl li.reviewRowIncomplete > span.reviewRow {
                max-height: 140px; /* fallback */
                display: inline-block;
                overflow: hidden;
                z-index: 1;
            }

            #reviewsPage .content.reviewRowIncomplete,
            #ReviewItemUl li.reviewRowIncomplete {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                line-height: 20px; /* fallback */
                max-height: 185px; /* fallback */
                -webkit-line-clamp: 7; /* number of lines to show */
                -webkit-box-orient: vertical;
                position: relative;
                text-align: justify;
            }

    #reviewsPage .content.reviewRowIncomplete {
        max-height: 165px;
    }

    #ReviewItemUl li.reviewRowIncomplete {
        width: 100%;
    }

        #reviewsPage .content.reviewRowIncomplete:after,
        #ReviewItemUl li.reviewRowIncomplete:after {
            content: '';
            position: absolute;
            right: 0;
            width: 100%;
            height: 27px;
            bottom: 15px;
            background-color: #fff;
        }

    body.firefox #reviewsPage .content.reviewRowIncomplete:after,
    body.firefox #ReviewItemUl li.reviewRowIncomplete:after {
        bottom: 18px;
    }

    #reviewsPage .content.reviewRowComplete,
    #ReviewItemUl li.reviewRowComplete {
        text-align: justify;
        overflow: visible;
        display: inline-block;
        line-height: auto; /* fallback */
        max-height: auto; /* fallback */
        -webkit-line-clamp: initial; /* number of lines to show */
        -webkit-box-orient: initial;
    }

    #ReviewItemUl li a.readAll {
        margin-bottom: 30px;
    }

    .boxInfoWrap {
        text-align: center;
        border: 1px solid #dadada;
        padding: 10px;
        width: 96%;
        margin: 40px auto 10px auto;
        font-size: 15px;
    }

        .boxInfoWrap .topBox {
            font-size: 2.2em
        }

    .boldItalic {
        font-weight: bold;
        font-style: italic;
    }

    .boxInfoWrap .bottomBox {
        margin-top: 9px;
        font-size: 1.4em;
    }

        .boxInfoWrap .bottomBox > div {
            display: inline-block
        }

    .boxInfoWrap .bottomBox > div.right {
        margin-left: 10px
    }


    #freeDeliveryBox__control {
        text-align: center;
        border: 1px solid #dadada;
        padding: 10px;
        width: 100%;
        margin: 10px auto;
        font-size: 15px;
    }


    #checkoutPage2017 #freeDeliveryBox__control {
        padding: 20px;
    }

    #freeDeliveryBox__control .BoxTitle {
        font-size: 26px;
        font-weight: 600;
    }

    #checkoutPage2017 #freeDeliveryBox__control .BoxTitle,
    #shoppingBag2017 #freeDeliveryBox__control .BoxTitle {
        font-size: 20px;
        line-height: 1.2;
    }

    #freeDeliveryBox__control .BoxTitle[data-country="uk"] .non-uk {
        display: none;
    }

    #freeDeliveryBox__control .BoxTitle[data-country="non-uk"] .uk {
        display: none;
    }


    #freeDeliveryBox__control .BoxSubtitle {
        margin-top: 12px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding: 0 10px;
    }

    #freeDeliveryBox__control .BoxSubtitle.hideSubtitle {
        display: none;
    }

    
    #shoppingBag2017 #freeDeliveryBox__control {
        margin-top: 10px;
    }

    #freeDeliveryBox__control .BoxSubtitle .h4 {
        font-size: 20px;
        padding: 0 14px;
    }

    #checkoutPage2017 #freeDeliveryBox__control .BoxSubtitle .h4,
    #shoppingBag2017 #freeDeliveryBox__control .BoxSubtitle .h4 {
        font-size: 16px;
    }

    #freeDeliveryBox__control .BoxSubtitle .arrowDown {
        width: 10px;
        height: 10px;
        position: absolute;
        z-index: 9;
        right: 0;
        top: 7px;
        background: #fff url(/images/NewImages/Icons/BlackArrowDown.png) no-repeat;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        cursor: pointer;
    }

    #freeDeliveryBox__control .BoxSubtitle .arrowDown.active {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
    }

    #freeDeliveryBox__control .BoxAdditionalText {
        margin-top: 30px;
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .h2 {
        font-size: 16px;
        color: inherit;
        text-transform: uppercase;
        font-weight: 600;
    }

#checkoutPage2017 #freeDeliveryBox__control .BoxAdditionalText .h2,
#shoppingBag2017 #freeDeliveryBox__control .BoxAdditionalText .h2 {
    font-size: 14px;
    text-transform: none;
}

    #checkoutPage2017 #freeDeliveryBox__control .BoxAdditionalText .h2::first-letter,
    #shoppingBag2017 #freeDeliveryBox__control .BoxAdditionalText .h2::first-letter {
        text-transform: uppercase;
    }


    #freeDeliveryBox__control .BoxAdditionalText .p {
        font-size: 16px;
        margin-bottom: 0;
    }

    #freeDeliveryBox__control .BoxAdditionalText a {
        text-decoration: underline;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .eu {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .de {
        display: none;
    }
    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="uk"] .row {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .uk {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .de {
        display: none;
    }
    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="eu"] .row {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .uk {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .eu {
        display: none;
    }
    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="de"] .row {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .uk {
        display: none;
    }

    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .eu {
        display: none;
    }
    #freeDeliveryBox__control .BoxAdditionalText .p[data-country="row"] .de {
        display: none;
    }

    #checkoutPage2017 #freeDeliveryBox__control .BoxAdditionalText .p,
    #shoppingBag2017 #freeDeliveryBox__control .BoxAdditionalText .p {
        font-size: 14px;
    }


/* hack for eternity ring costumise - ongoing*/
#step-2 .tab2-select {
    clear: both;
    display: block;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 0 0 15px 0;
    width: 100%;
    box-sizing: border-box;
}

        #step-2 .tab2-select table {
            height: auto;
            margin: 0;
            padding: 0;
            width: 100%;
            table-layout: fixed;
        }

            #step-2 .tab2-select table tr {
                height: auto;
                margin: 0;
                padding: 0;
            }

            #step-2 .tab2-select table td {
                color: #333;
                font-size: 1.1em;
                height: 28px;
                line-height: 28px;
                margin: 0;
                padding: 0;
                position: relative;
                text-align: center;
                vertical-align: middle;
                cursor: pointer;
            }

        #step-2 .tab2-select > div > table {
            border: 0px;
        }

            #step-2 .tab2-select > div > table > tbody > tr > td {
                border: 1px solid #ccc;
                border-width: 1px 0px 0px 1px;
                height: 100%;
            }

    table.diamond_control_clarity_container td {
        border: 1px solid #ccc;
        border-width: 0px 1px 1px 1px;
    }

    /* end rui */

    #step-2 .slider-bar {
        clear: both;
        display: block;
        height: 28px;
        margin: 0;
        overflow: hidden;
        padding: 0 86px 0 60px;
        position: relative;
        border-left: 1px solid #ccc;
    }

        #step-2 .slider-bar .ui-slider-range {
            background: #ffcc66;
        }

        #step-2 .slider-bar .ui-slider {
            margin: 7px 0 0 0;
        }

        #step-2 .slider-bar .noUi-horizontal .noUi-handle {
            margin-left: -10px;
            cursor: pointer;
        }

        #step-2 .slider-bar .value-lhs {
            display: block;
            left: 0;
            overflow: hidden;
            padding: 0 0 0 6px;
            position: absolute;
            top: 0;
            width: 55px;
        }

        #step-2 .slider-bar .value-rhs {
            display: block;
            overflow: hidden;
            padding: 0 6px 0 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 80px;
        }

        #step-2 .slider-bar .fld-v {
            border: 0;
            margin: 0;
            padding: 0;
            height: 28px;
            line-height: 28px;
            background-color: transparent;
        }

        #step-2 .slider-bar .value-lhs .fld-v {
            width: 55px;
        }

        #step-2 .slider-bar .value-rhs .fld-v {
            width: 80px;
            text-align: right;
        }


    #step-2 .tab-list {
        float: left;
        margin-bottom: 5px;
        margin-top: 10px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

        #step-2 .tab-list #when_loading_diamonds {
            height: 45px;
            left: 0;
            right: 0;
            top: 25%;
            bottom: 0;
            position: absolute;
            text-align: center;
            z-index: 9;
        }





        #step-2 .tab-list .action .compareBtn {
            margin: 0px 0 0 10px !important;
            padding: 6px 10px;
            font-size: 14px;
            float: right;
            transition: background-color .5s;
        }

            #step-2 .tab-list .action .compareBtn.inactive {
                background-color: #dbdbdb;
                color: #999;
                pointer-events: none;
            }

    #thumbActualVideo {
        position: relative;
    }

        #thumbActualVideo:before {
            content: "\f01d";
            font-family: Fontawesome;
            font-size: 60px;
            text-align: center;
            color: #fff;
            text-shadow: 2px 2px 2px #333;
            width: 100%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            position: absolute;
            transition: color .5s ease, text-shadow .5s ease;
            font-size: 24px;
            height: 20px;
            z-index: 9;
        }

        #thumbActualVideo:hover:before {
            color: #666;
            text-shadow: 0px 0px 0px #333;
        }


    .btnAddDiamondToJewlery {
        display: none;
    }

    .csArrow {
        margin-right: 0px;
    }




    .action-btns {
        display: none;
    }

    #step-2 .action-btns2 .bigbtn {
        width: 98%;
    }

    /*#step-2 .tab-list .action .search {
    margin-left: 0;
    display: inline-block;
    width: 140px;
}*/

    #rings-area .acc-heading.h-diamond {
        background: none repeat scroll 0 0 #000;
    }

    #step-2 .social-box .link-addto {
        text-align: center;
    }

    #slider-range-1, #slider-range-2, #slider-range-3, #slider-range-4 {
        width: 140%;
    }

    #slider-range-1, #slider-range-2, #slider-range-3, #slider-range-4 {
        width: 140%;
    }

    .paging_options select {
        width: 50px;
        height: 23px;
    }

    #step-2 .tab-list .width1 {
        width: 5%;
    }

    #step-2 .tab-list .width2 {
        width: 10%;
    }

    #step-2 .tab-list .width3 {
        width: 10%;
    }

    #step-2 .tab-list .width4 {
        width: 10%;
    }

    #step-2 .tab-list .width5 {
        width: 10%;
    }

    #step-2 .tab-list .width6 {
        width: 10%;
    }

    #step-2 .tab-list .width7 {
        width: 10%;
    }

    #step-2 .tab-list .width8 {
        width: 10%;
    }

    #step-2 .tab-list .width9 {
        width: 5%;
    }

    .tab-list > table thead > tr {
        display: block;
    }

    .tab-list > table tbody {
        display: block;
        overflow-x: hidden;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    #step-2 .tab-list .action {
        /*background: #f6f6f6;*/
        /*border-top: 1px solid #ccc;*/
        clear: both;
        display: block;
        overflow: hidden;
        /*padding: 6px;*/
        padding: 10px 0;
    }

    #step-2 .action .search {
        position: relative;
        /*margin-right: 5%;*/
        flex: 1;
        border: 1px solid #ccc;
        display: inline-block;
        padding-right: 24px;
        box-sizing: border-box;
        float: left;
    }

    #step-2 .action .fld {
        border: 0;
        color: #999999;
        float: left;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        padding: 0 12px;
        width: 100%;
        /*max-width: 100%;*/
    }

    #step-2 .action .btn-search {
        position: absolute;
        right: 1px;
        background: white url(/images/NewImages/Icons/SearchButton.jpg) no-repeat 2px 1px;
        /*border: 0;*/
        /*float: right;*/
        /*font-size: 1px;*/
        height: 24px;
        /*line-height: 1px;*/
        /*overflow: hidden;*/
        /*text-indent: -9999em;*/
        width: 24px;
        border-left: 1px solid #ccc;
    }

    /*#step-2 .tab-list .action .link-compare {
    background: url("../images/arrow-rhs5x9.png") no-repeat right center;
    color: #666666;
    float: left;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 15px 0 0;
    text-decoration: none;
}*/

    #step-2 .tab-list .action .link-compare:hover {
        text-decoration: underline;
    }

    @media (max-width: 480px) {
        #step-2 .action .search {
            width: 50%;
        }

        #step-2 .action .fld {
            padding: 0 3px;
            font-size: 13px;
        }
    }

@media (min-width: 481px) {
    #step-2 .content > div.social-box {
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (min-width: 481px) and (max-width: 1030px) {
    #step-2 .content p.h1 {
        max-width: 60%;
    }
}

@media (max-width: 1030px) {
    #step-2 .action .search {
        float: right;
    }
}

@media (min-width: 1031px) {
    #step-2 .content p.h1 {
        max-width: 70%;
    }

}

@media (min-width: 1200px) {

    .checkout2017 .diamondInfoToggle {
        white-space: normal;
    }
}



    #step-2 .tab-list .box-popup {
        z-index: 99;
        /*background: url("../images/box-popup234x365.png") no-repeat 0 0;*/
        height: 365px;
        left: -235px;
        overflow: hidden;
        padding: 15px 28px 15px 16px;
        position: absolute;
        top: 0;
        width: 190px;
    }

    #step-2 .box-popup h4 {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin: 0;
        padding: 0 0 10px 0;
    }

    #step-2 .box-popup h5 {
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
        margin: 0;
        padding: 0;
    }

    #step-2 .box-popup p {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        padding: 0 0 8px 0;
    }

    #step-2 .box-popup .btn {
        font-size: 10px;
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 6px 0px;
        margin-bottom: 5px;
    }

    #step-2 .box-popup .tab {
        clear: both;
        display: block;
        overflow: hidden;
        padding: 0 0 5px;
        text-align: left;
        width: 100%;
    }

        #step-2 .box-popup .tab table {
            border: 0;
            height: auto;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #step-2 .box-popup .tab table tr {
                height: auto;
                margin: 0;
                padding: 0;
            }

            #step-2 .box-popup .tab table td {
                border: 0;
                color: #000;
                font-size: 12px;
                height: auto;
                line-height: 16px;
                margin: 0;
                padding: 0;
                text-align: left;
            }

            #step-2 .box-popup .tab table a {
                color: #000;
            }

            #step-2 .box-popup .tab table tr:hover td {
                background: none;
                cursor: default;
            }


    /* - START Gallery Thumbnails */


    #imageThumbnails li {
        position: relative;
        display: inline-block;
        width: 69px;
        height: 69px;
    }

        #imageThumbnails li img {
            /*max-height: 98%;
        max-width: 98%;
        left: 0;
        right: 0;*/
            height: 100%;
            object-fit: cover;
        }

    #slidethumbs {
        width: 100%;
        float: left;
        margin-top: 3px;
    }

        #slidethumbs .compare-carat-btn {
            float: right;
            width: 59px;
            height: 59px;
            margin-left: 3px;
            padding: 5px;
            text-align: center;
            background: #dbdbdb;
        }

            #slidethumbs .compare-carat-btn img {
                /*display: block;*/
                width: 30px;
            }

            #slidethumbs .compare-carat-btn p {
                font-size: 12px;
                margin-top: 1px;
                line-height: 1.2;
                color: #000;
            }

        #slidethumbs ul#galleryAccordion > li {
            height: auto;
        }

    #imageThumbnails .centeredContent {
        margin: auto;
        position: absolute;
        z-index: 9;
        top: 50%;
        -webkit-transform: perspective(1px) translateY(-50%);
        -moz-transform: perspective(1px) translateY(-50%);
        -ms-transform: perspective(1px) translateY(-50%);
        -o-transform: perspective(1px) translateY(-50%);
        transform: perspective(1px) translateY(-50%);
        bottom: auto;
    }


    #galleryAccordion {
        display: flex;
        position: relative;
        overflow: hidden;
        /*height: 95px;*/
        margin-bottom: 15px;
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;
    }

        #galleryAccordion > li {
            float: left;
            width: 28px;
            /*transition: width .5s ease;*/
            overflow: hidden;
            height: 70px;
        }

        #galleryAccordion > li {
            width: 100%;
            overflow: visible;
        }

        #galleryAccordion li:not(:empty) {
            width: auto;
            min-width: 69px;
            max-width: 100%;
        }

        #galleryAccordion li#video:first-of-type {
            margin-right: 4px;
        }

        /*#galleryAccordion li#video:not(.hidden) + li {
            width: calc(100% - 72px);
            margin-left: 3px;
        }*/

        #galleryAccordion > li > h3,
        #galleryAccordion > li > .h3 {
            display: none;
            /*color: #000;
            display: inline-block;
            font-size: 21px;
            line-height: 27px;
            margin: 0;
            text-transform: none;
            text-align: center;
            width: 28px;
            height: 70px;
            cursor: pointer;
            float: left;*/
        }

        #galleryAccordion > li > div {
            /*max-width: 0;*/
            height: 100%;
            overflow-y: hidden;
            overflow-x: auto;
            transition: max-width .5s ease;
        }

        /*#galleryAccordion > li.active > div {
            max-width: 100%;
            margin-left: 33px;
            margin-right: 5px;
            padding-bottom: 0;
        }*/

        /*#galleryAccordion > li > h3.photo {
            background: #ffc13a url(../images/NewImages/Symbols/PhotoCameraButton.png) no-repeat center center;
        }

        #galleryAccordion > li > h3.photo:hover {
            background-color: #666;
        }

        #galleryAccordion > li > h3.video {
            background: #878787 url(../images/NewImages/Symbols/VideoCameraButton.png) no-repeat center center;
        }

        #galleryAccordion > li > h3.video:hover {
            background-color: #666;
        }

        #galleryAccordion > li > h3.actualPhoto {
            background: #ccc url(../images/NewImages/Symbols/DiamondCameraButton.png) no-repeat center center;
        }

        #galleryAccordion > li > h3.actualPhoto:hover {
            background-color: #666;
        }*/

        #galleryAccordion ul.thumbnails {
            white-space: nowrap;
        }

            #galleryAccordion ul.thumbnails > li {
                border: 1px solid #ccc;
                display: inline-block;
                box-sizing: border-box;
                cursor: pointer;
                font-size: 15px;
                overflow: hidden;
                vertical-align: top;
            }

            #galleryAccordion ul.thumbnails > li.videoThumb {
                background: #bdbdbd;
            }

                #galleryAccordion ul.thumbnails > li.videoThumb img {
                    object-fit: none;
                }

                #galleryAccordion ul#videoThumbnails li.thumbnail_selected,
                #galleryAccordion ul.thumbnails > li.thumbnail_selected {
                    border: 1px solid #ffc13a;
                }

        #galleryAccordion ul#videoThumbnails li {
            padding: 1px;
            border: 1px solid #ccc;
            vertical-align: middle;
        }

            #galleryAccordion ul#videoThumbnails li#thumbActualVideo {
                text-align: center;
            }

                #galleryAccordion ul#videoThumbnails li#thumbActualVideo:before {
                    text-align: center;
                }

                #galleryAccordion ul#videoThumbnails li#thumbActualVideo > img {
                    /*max-height: 100%;
            top: 50%;
            position: relative;
            transform: translateY(-50%);*/
                    height: 100%;
                    object-fit: cover;
                }

        #galleryAccordion ul.thumbnails > li.view360Thumb {
            position: relative;
            vertical-align: top;
            overflow: hidden;
        }

            #galleryAccordion ul.thumbnails > li.view360Thumb > div {
                position: absolute;
                top: 0;
                line-height: 70px;
                width: 100%;
                text-align: center;
            }

            #galleryAccordion ul.thumbnails > li.view360Thumb > img {
                height: 50px;
            }


            #galleryAccordion ul.thumbnails > li.view360Thumb:before {
                content: "";
                background: url(/images/NewImages/Symbols/New360Thumb.png) bottom 2px center / 69px auto;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                z-index: 1;
            }

            #galleryAccordion ul.thumbnails > li.view360Thumb.onect:before {
                background: url(/images/NewImages/Symbols/New3601ctThumb.png) bottom 2px center / 69px auto;
            }
        /*#galleryAccordion img {
    width: 69px;
    height: 68px;
}*/

        #galleryAccordion ul.thumbnailsActualPhoto > li {
            border: 1px solid #ddd;
            display: inline-block;
        }

        #galleryAccordion ul.thumbnailsActualPhoto {
            padding: 0px 0px 0px 10px;
        }

    .video_eng {
        display: block;
        width: 50px !important;
        height: 50px !important;
        /*background: url(../images/Engagement_Ring_Video_T.jpg) no-repeat;*/
        border: none;
        background-position: top;
        font-size: 16px;
    }

        .video_eng:hover {
            background-position: 0 -50px;
        }

    /* - END Gallery Thumbnails */

    /* - START Diamond Filters Controls */

    #ROHeader {
        background-color: #dbdbdb;
        padding: 5px 0;
    }

        #ROHeader > div {
            font-size: 14px;
        }

            #ROHeader > div > select {
                font-size: 12px;
                width: 25% !important;
            }

    #ddlCountrySize {
        margin-left: 20px;
        margin-right: 10px;
    }

    .ROLineContent {
        cursor: pointer;
    }

        .ROLineContent > figure {
            margin: auto;
            margin-bottom: 10px;
        }

        .ROLineContent > span.lessColns {
            display: inline-block;
            width: 50px;
        }

    .ROContentHolder {
        display: table;
        width: 100%;
    }

    .ROLineHeader,
    .ROLineContent {
        vertical-align: middle;
        padding: 5px 0;
        border: 1px solid #dbdbdb;
    }

    .ROLineHeader {
        box-sizing: border-box;
    }

    .ROLineContent {
        display: table-cell;
        min-height: 50px;
    }

    .mashedComponentImage {
        margin-top: 9px !important;
    }

    .mashedComponentLabel {
        display: inline-block;
        margin-bottom: 9px;
    }

    .single-tab .ROLine {
        border: 1px solid #dbdbdb;
        border-bottom: 0 none;
        box-sizing: border-box;
    }

    .last-tab.ROLine {
        border-bottom: 1px solid #dbdbdb;
    }

    .last-tab .ROLine {
        border: 1px solid #dbdbdb;
        border-top: 0 none;
        box-sizing: border-box;
    }

    #diamondTableExtraFiltersHolder {
        font-size: 14px;
        /*float: left;*/
        margin-left: -4px;
        margin-bottom: 7px;
        /*margin-top: -21px;*/
    }

    @media (max-width: 425px) {
        #diamondTableExtraFiltersHolder {
            margin-right: 0;
            font-size: 12px;
        }
    }

    /*@media (max-width: 320px) {
    #diamondTableExtraFiltersHolder {
        margin-right: 0;
        font-size: 9px;
    }
}*/

    #diamondTableExtraFiltersHolder input {
        vertical-align: middle;
    }

    /* - END Diamond Filters Controls */

    .no-touch #step-2 .link-single:hover, #step-2 .link-single-active {
        background-color: #ffa200;
    }

    #comparePage .productDescription #forwardToFriendLinkMobile,
    #rings-area #forwardToFriendLinkMobile {
        display: none;
    }

    #rings .arrange {
        display: none;
    }
        /*#rings .arrange b {background:#ffc766 url(/images/logos/77DiamondsLogo.svg) center no-repeat; background-size:27.5%; display:block; clear:both; position:relative; margin:0 auto; height:80px;}*/

        #rings .arrange .arrange-content {
            padding: 20px 10px 0px;
            /*padding: 40px 40px 20px;*/
        }

        #rings .arrange .arrange-footer {
            margin: 10px 10px 0;
            padding: 20px;
            border-top: 1px solid;
            font-size: 14px;
            font-weight: 300;
            text-align: center;
            color: #000000;
        }

        #rings .arrange h3,
        #rings .arrange .h3 {
            color: #000000;
            /*font-family: "Source Sans Pro";*/
            font-size: 32px;
            line-height: 1;
            text-align: center;
        }

        #rings .arrange .carat-info {
            font-size: 16px;
            font-style: italic;
            text-shadow: 0 0;
        }

        #rings .arrange p img {
            max-width: 100%;
            margin: 0 auto;
        }

        #rings .arrange p img.half {
            max-width: 45%;
        }

        #rings .arrange ul {
            text-align: center;
            margin-bottom: 1.25em;
            list-style: disc;
            list-style-position: inside;
        }

    /*#rings .arrange i { display:block; clear:both; background:#000; padding:16px 5%; text-align:center; color:#fff; bottom:0; font-style:normal; font-size:14px; line-height:16px ; margin-top:20px;}*/

    #rings #fancybox-loading,
    #rings .fancybox-close,
    #rings .fancybox-prev span,
    #rings .fancybox-next span {
        background-image: url(/images/fancybox/fancybox_sprite_flat.png);
    }

    #rings .fancybox-inner {
        /*padding-bottom: 0;*/
    }

    #rings .fancybox-close {
        right: 5px;
        top: 5px;
        cursor: pointer;
    }

    #rings .fancybox-inner .coln {
        padding-top: 40px;
    }

    /*#rings .fancybox-inner .btn {
        padding: 0 0 1px;
        line-height: 30px;
        width: 166px;
        margin: 15px auto;
        text-shadow: 0 0;
        font-size: 15px;
        border: 0;
    }*/


    #rings .clarity-arrows {
        color: #9D9D9D;
        font-size: 15px;
        text-shadow: 0 0;
        height: 30px;
    }

        #rings .clarity-arrows .clarity-arrow-left,
        #rings .clarity-arrows .clarity-arrow-right {
            border-top: 3px solid;
            position: relative;
            padding: 4px 2px;
        }

        #rings .clarity-arrows .clarity-arrow-left {
            float: left;
            width: 55%;
            margin-left: 5px;
        }

        #rings .clarity-arrows .clarity-arrow-right {
            float: right;
            width: 35%;
            text-align: right;
            margin-right: 5px;
        }

            #rings .clarity-arrows .clarity-arrow-left:before,
            #rings .clarity-arrows .clarity-arrow-right:before {
                content: "";
                position: absolute;
                border: solid transparent;
                border-width: 5px 9px;
                top: -6px;
            }

        #rings .clarity-arrows .clarity-arrow-left:before {
            border-right-color: inherit;
            right: 100%;
        }

        #rings .clarity-arrows .clarity-arrow-right:before {
            border-left-color: inherit;
            left: 100%;
        }

    #rings .clarity-preview {
        width: 125px;
        height: 95px;
        margin: 20px auto 30px;
        /*background-image: url(../images/carat-img/carats-sprite-mobile.png);*/
        background-image: url(../images/carat-img/clarity-sprite.jpg);
        /*background-size: 100% auto;*/
    }

        #rings .clarity-preview.clarity-preview-0 {
            background-position: -0px -0px;
        }

        #rings .clarity-preview.clarity-preview-1 {
            background-position: -125px -0px;
        }

        #rings .clarity-preview.clarity-preview-2 {
            background-position: -0px -95px;
        }

        #rings .clarity-preview.clarity-preview-3 {
            background-position: -125px -95px;
        }

        #rings .clarity-preview.clarity-preview-4 {
            background-position: -0px -190px;
        }

    #rings .carat-slider.clarity-slider {
        padding-bottom: 90px;
    }

        #rings .carat-slider.clarity-slider .noUi-marker {
            display: none;
        }

        #rings .carat-slider.clarity-slider .noUi-value {
            display: block;
            position: absolute;
            top: 35px;
            transform: translateX(-50%);
            width: 75px;
            font-size: 11px;
            text-align: center;
        }

            #rings .carat-slider.clarity-slider .noUi-value span {
                display: block;
                line-height: 2;
                color: #8F8F8F;
            }

    #rings .fluorescence-graph {
        display: table;
        text-align: center;
        margin: 10px auto;
    }

        #rings .fluorescence-graph > div {
            display: flex;
            margin: 0 -8px;
            align-items: center;
        }

        #rings .fluorescence-graph span {
            flex: 1;
            color: #000000;
            font-size: 12px;
            font-weight: 700;
            padding: 10px;
        }

    #rings .arrange .shapes-list {
        display: flex;
        flex-wrap: wrap;
    }

    #rings .shapes-list input {
        display: none;
    }

    #rings .shapes-list .shape-item {
        position: initial;
        text-align: center;
        margin: 10px 0;
        width: 20%;
    }

        #rings .shapes-list .shape-item h3,
        #rings .shapes-list .shape-item .h3 {
            font-size: 15px;
            margin-bottom: 9px;
            text-shadow: 0 0 0px;
        }

        #rings .shapes-list .shape-item img {
            width: 75px;
        }

        #rings .shapes-list .shape-item .link-info {
            font-style: italic;
            font-size: 11px;
        }

        #rings .shapes-list .shape-item:not(:hover) .link-info {
            opacity: 0;
        }

        #rings .shapes-list .shape-item .link-info::before {
            content: "";
            background-image: url(../images/NewImages/Icons/NewMoreInfo.svg);
            display: inline-block;
            width: 17px;
            height: 20px;
            vertical-align: middle;
            margin: -5px 0;
        }

        #rings .shapes-list .shape-item:not(:hover) .shape {
            opacity: 0;
        }

        #rings .shapes-list .shape-item .shape {
            background-color: #FFC13A;
            width: 150px;
            display: inline-block;
            font-size: 15px;
            line-height: 37px;
            text-transform: uppercase;
            text-shadow: 0 0;
        }


    /* tempStickyHeader */

    #tempStickyHeader {
        margin-top: -1px;
        position: absolute;
        z-index: 1;
        transition: opacity 0.3s ease;
    }

        #tempStickyHeader *::after, #tempStickyHeader *::before {
            box-sizing: border-box;
        }

        #tempStickyHeader > table {
            width: 100%;
            font-size: 12px;
            display: table !important;
            text-align: center;
        }

            #tempStickyHeader > table thead {
                background: #dadada
            }

            #tempStickyHeader > table, #tempStickyHeader > table th {
                border: 1px solid #ccc;
            }

    .seoTextBottom .bottom-row {
        min-height: 150px;
        border: 2px solid #fc0;
        float: left;
        padding: 20px 2.5%;
        margin: 30px 0;
    }

        .seoTextBottom .bottom-row .newinner {
            float: left;
            text-align: left;
            vertical-align: top;
            width: 30%;
            margin-right: 2%;
        }

            .seoTextBottom .bottom-row .newinner h3 {
                padding-left: 0;
                font-size: 20px;
                text-transform: capitalize;
            }

            .seoTextBottom .bottom-row .newinner:nth-child(4) {
                border-bottom: 0 none;
            }

        .seoTextBottom .bottom-row h2 {
            text-transform: capitalize;
            font-weight: normal;
            padding-bottom: 12px;
            text-transform: capitalize;
        }

    .seoTextBottom .bottom-row {
        border: 2px solid #ffc13a;
        float: left;
        margin-bottom: 30px;
        min-height: 150px;
        padding: 20px 2.5%;
        text-align: left;
    }

        .seoTextBottom .bottom-row > h1 {
            color: #000 !important;
            font-size: 28px;
            font-weight: normal;
            text-transform: capitalize;
        }

    /* - START forward friend */

    #email {
        display: none;
        float: left;
        padding: 20px;
    }

        #email .preview {
            float: right;
        }

            #email .preview .logo {
                margin: 0 7% 20px;
                width: 86%;
            }

            #email .preview .product {
                border: 1px solid #ccc;
                margin: 0 auto 20px;
                width: 98%;
            }

        #email label {
            font-size: 12px;
            line-height: 14px;
            vertical-align: top;
            padding: 0;
            margin: 0 0 10px 0;
        }

        #email .friendInfo,
        #emailFriendForm .friendInfo {
            border: 1px solid #ccc;
            padding: 5px;
            border-radius: 3px;
        }

            #email .friendInfo > legend,
            #emailFriendForm .friendInfo > legend {
                font-size: 14px;
                padding: 0 5px;
            }

            #email .friendInfo .friend + .friend,
            #emailFriendForm .friendInfo .friend + .friend {
                border-top: 1px solid #ccc;
                padding-top: 10px;
            }

            #email .friendInfo .friend .removeFriend,
            #emailFriendForm .friendInfo .friend .removeFriend {
                display: none;
                background: none;
                border: 0 none;
                color: red;
                float: right;
                transform: translateY(-25%);
                cursor: pointer;
            }

            #email .friendInfo .friend + .friend .removeFriend,
            #emailFriendForm .friendInfo .friend + .friend .removeFriend {
                display: block;
            }

    #addFriend {
        background: none;
        border: 0 none;
        margin-bottom: 10px;
        float: right;
        cursor: pointer;
    }

        #addFriend > i.fa {
            vertical-align: middle;
            margin-left: 10px;
            color: #2A8735;
        }

    #email .email-left label {
        width: 80%;
    }

    #email .email-left {
        box-sizing: border-box;
        border-right: 1px solid #ffd400;
    }

    #email input.check {
        width: 14px;
        height: 14px;
        margin-right: 3px;
        font-size: 12px;
        /*font-family: 'Source Sans Pro', sans-serif;*/
        outline: none;
    }

    #email h2,
    #email .h2 {
        font-size: 24px;
        margin-bottom: 16px;
        text-transform: none;
        text-align: left;
        line-height: 1;
        font-weight: normal;
        color: #000;
        padding: 0;
    }

    #email p {
        font-size: 12px;
        margin-bottom: 14px;
        text-transform: none;
        line-height: 1;
        font-weight: normal;
        color: #000;
        padding: 0;
    }

    #email small {
        margin: 5px 0 0 10px;
        display: inline-block;
        font-size: 10px;
        text-align: left !important;
    }

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

    #email .btn {
        margin: 20px 0;
        /*background-image: url("../images/btn.png");*/
        background-position: right center;
        background-repeat: no-repeat;
    }

    /* - END forward friend */

    /* - START Compare Diamonds */


    #comparePage {
        padding: 50px 0 100px 0;
    }

        #comparePage h1 {
            font-size: 32px;
            color: black;
        }

        #comparePage .back {
            font-size: 20px;
            text-decoration: underline;
            color: #000000;
            display: block;
            margin-top: -48px;
        }

        #comparePage #newCompareTable {
            text-align: center;
            padding: 76px 0;
        }

        #comparePage hr {
            margin: 40px auto;
        }

        #comparePage #newCompareTable .diamondInfoBox .diamondPhoto {
            position: relative;
        }

            #comparePage #bottomArea .productArea .productPhoto .selectedDiamondHighlight2,
            #comparePage #newCompareTable .diamondInfoBox .diamondPhoto .selectedDiamondHighlight {
                font-size: 13px;
                padding-bottom: 6px;
                border-bottom: 6px solid #FFB002;
                position: absolute;
                width: 100%;
                bottom: 0;
            }

            #comparePage #newCompareTable .diamondInfoBox .diamondPhoto .selectedDiamondHighlight {
                display: none;
            }

        #comparePage #newCompareTable .diamondInfo h2 {
            font-size: 16px;
        }

        #comparePage #newCompareTable .diamondInfo h3 {
            margin-bottom: 0px;
            font-size: 20px;
            font-weight: 600;
        }

        #comparePage #newCompareTable .diamondInfo span.fullPrice {
            display: block;
            color: #aaa;
            text-decoration: line-through;
        }

        #comparePage #newCompareTable .diamondInfo span.discountedPrice {
            display: block;
            color: red;
        }

        #comparePage #newCompareTable .diamondInfo span.regularPrice {
            display: block;
            font-size: 20px;
            font-weight: 600;
        }

        #comparePage #newCompareTable .diamondInfo span.taxInfo {
            display: block;
            font-size: 14px;
        }

        #comparePage #newCompareTable .diamondPhoto {
            padding-top: 80%;
            border: 1px solid grey;
        }


            #comparePage #newCompareTable .diamondPhoto .imageHolder,
            #comparePage #bottomArea .productArea .productPhoto .imageHolder {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                #comparePage #newCompareTable .diamondPhoto .imageHolder iframe {
                    max-width: 54%;
                    max-height: 220px;
                    overflow: hidden;
                }

                    #comparePage #newCompareTable .diamondPhoto .imageHolder iframe canvas {
                        width: 100px;
                        height: 100px;
                    }


            #comparePage #newCompareTable .diamondPhoto img {
                max-width: 70%;
                max-height: 160px;
            }


        #comparePage #newCompareTable .diamondDetailsBox .diamondDetails {
            width: 70%;
            margin: auto;
        }

            #comparePage #newCompareTable .diamondDetailsBox .diamondDetails > div {
                display: inline-block;
                text-align: left;
                padding: 0;
                font-size: 14px;
                line-height: 20px;
            }


        #comparePage #newCompareTable .diamondDetailsBox h2 {
            font-size: 17px;
            font-weight: 600;
            text-align: left;
            width: 70%;
            margin: auto;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        #comparePage #newCompareTable .diamondDetailsBox .moreDetails {
            display: none;
        }


        #comparePage #newCompareTable .diamondSelectButton .smallBtn {
            height: 46px;
            width: 225px;
            max-width: 80%;
        }


        #comparePage #newCompareTable .diamondDetailsBox .diamondMoreDetailsButton {
            padding-top: 28px;
            font-style: italic;
            text-decoration: underline;
            width: 70%;
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            cursor: pointer;
        }

        #comparePage #newCompareTable .diamondDetailsBox .readLess {
            display: none;
        }

        #comparePage #bottomArea .productArea {
            display: none;
            width: 50%;
            padding-right: 36px;
        }

            #comparePage #bottomArea .productArea .productPhoto {
                padding-top: 70%;
                border: 1px solid lightgrey;
                position: relative;
                text-align: center;
            }

            #comparePage #bottomArea .productArea .productDescription {
                position: relative;
            }

                #comparePage #bottomArea .productArea .productDescription #step-2 {
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin-top: 0;
                }

            #comparePage #bottomArea .productArea .productPhoto .imageHolder img {
                max-width: 60%;
            }

        #comparePage #bottomArea .needHelpArea {
            height: 542px;
            width: 50%;
            background-image: url('../images/img-2018/comparediamonds/comparepage_claritybanner.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            border: 1px solid lightgrey;
            padding: 0;
        }

            #comparePage #bottomArea .needHelpArea h2 {
                font-size: 33px;
                text-align: center;
                width: 240px;
                margin: auto;
                margin-top: 130px;
            }

            #comparePage #bottomArea .needHelpArea .helpButtons {
                text-align: center;
                position: absolute;
                width: 100%;
                bottom: 64px;
            }

                #comparePage #bottomArea .needHelpArea .helpButtons a {
                    display: block;
                    width: 225px;
                    height: 34px;
                    line-height: 34px;
                    margin-top: 30px;
                    max-width: 90%;
                    color: black;
                }


            #comparePage #bottomArea .needHelpArea.fullwidth {
                height: 464px;
                width: 100%;
                background-image: url('../images/img-2018/comparediamonds/clarity_banner_fullwidth.jpg');
            }

                #comparePage #bottomArea .needHelpArea.fullwidth h2 {
                    font-size: 33px;
                    width: 60%;
                    margin-left: 0px;
                    margin-top: 160px;
                }

                #comparePage #bottomArea .needHelpArea.fullwidth .helpButtons {
                    margin-left: 0px;
                    text-align: center;
                    position: absolute;
                    width: 60%;
                    bottom: 150px;
                }

                    #comparePage #bottomArea .needHelpArea.fullwidth .helpButtons a {
                        display: inline-block;
                        width: 200px;
                        height: 28px;
                        line-height: 28px;
                        margin: 0px 20px;
                        max-width: 24%;
                        color: black;
                    }


    .comparePage_selectPopupContainer {
        padding: 45px 10px 30px 10px;
        text-align: center;
        position: relative;
    }

        .comparePage_selectPopupContainer h2 {
            color: black;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 30px;
        }


        .comparePage_selectPopupContainer > div p {
            height: 66px;
            font-size: 16px;
            max-width: 200px;
            margin: auto;
        }

        .comparePage_selectPopupContainer > div input.btn {
            height: 46px;
            width: 205px;
            max-width: 80%;
            border-radius: 0;
            font-size: 16px;
        }

        .comparePage_selectPopupContainer .continueBrowsingBox {
            border-right: 1px solid lightgrey;
            padding: 30px 0;
        }

        .comparePage_selectPopupContainer .addToBagBox {
            padding: 30px 0;
        }

        .comparePage_selectPopupContainer .addToBagLoader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }





    #comparePage .compareTableWrapper table {
        margin: 20px 0;
    }

        #comparePage .compareTableWrapper table thead tr th {
            background-color: #f2f2f2;
            border-left: 1px solid #fff;
            color: #000;
            padding: 6px 2px;
        }

        #comparePage .compareTableWrapper table td {
            font-size: 13px;
            line-height: 1;
            min-height: 22px;
            min-width: 30px;
            padding: 6px 2px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            height: 40px;
        }

        #comparePage .compareTableWrapper table tr:nth-child(even) {
            background-color: #fafafa;
        }

        #comparePage .compareTableWrapper table td .btn {
            margin-top: 0;
        }

    #comparePage .compareTableWrapper td a.actualphoto {
        position: relative;
    }

        #comparePage .compareTableWrapper td a.actualphoto > i.fa {
            font-size: 20px;
            color: #444;
        }

    #comparePage .compareTableWrapper a.actualphoto img.actualImage {
        left: 0;
        max-width: none;
        position: absolute;
        top: 0;
        width: auto;
        max-height: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: max-height .5s, opacity .5s;
        z-index: 9999;
    }

    #comparePage .compareTableWrapper a.actualphoto:hover img.actualImage {
        opacity: 1;
        border: 2px solid #ffc13a;
        max-height: 200px;
    }

    #comparePage #keyTableHolder {
        background-color: #f2f2f2;
        padding: 10px 20px;
        overflow: hidden;
        margin-top: 20px;
        width: 100%;
        box-sizing: border-box;
    }

        #comparePage #keyTableHolder > table td:first-of-type {
            font-weight: bold;
            text-decoration: underline;
            width: 7%;
        }

    #comparePage .bottomHero .info {
        width: 80%;
    }

        #comparePage .bottomHero .info h1 {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-size: 5em;
            margin-bottom: 20px;
        }

        #comparePage .bottomHero .info p {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-size: 1.6em;
        }

    .comparePageFancyBox {
        background-color: red;
        height: auto !important;
        margin-top: 10%;
    }


    /* - END Compare Diamonds */

    /* END Product Page */

    /**/

    .wedding_ring_depth_select {
        margin: 0;
        padding: 5px 0;
        text-align: center;
        width: 33%;
    }

    .diamond_control_select_bg_selected, .diamond_control_select_control_bg_selected,
    .diamond_filter_control_select_bg_selected {
        background-color: #ffc766;
        text-align: center;
    }


    .wedding_ring_depth_select .weddingRingDepth {
        background-image: url(/images/NewImages/Icons/WeddingMashedDepth.jpg);
        margin: 0 auto;
        background-repeat: no-repeat;
        display: block;
        width: 56px;
        height: 57px;
    }

    .wedding_ring_depth_select .weddingRingLabel {
        color: #333
    }

        .wedding_ring_depth_select .weddingRingLabel.selected {
            color: #ffc13a
        }

    .wedding_ring_depth_select .weddingRingDepth.Light {
        background-position: -10px -11px;
    }

        .wedding_ring_depth_select .weddingRingDepth.Light.inactive {
            background-position: -10px -473px;
        }

        .wedding_ring_depth_select .weddingRingDepth.Light.selected {
            background-position: -10px -242px;
        }

    .wedding_ring_depth_select .weddingRingDepth.Medium {
        background-position: -10px -88px;
    }

        .wedding_ring_depth_select .weddingRingDepth.Medium.inactive {
            background-position: -10px -550px;
        }

        .wedding_ring_depth_select .weddingRingDepth.Medium.selected {
            background-position: -10px -319px;
        }

    .wedding_ring_depth_select .weddingRingDepth.Heavy {
        background-position: -10px -165px;
    }

        .wedding_ring_depth_select .weddingRingDepth.Heavy.inactive {
            background-position: -10px -627px;
        }

        .wedding_ring_depth_select .weddingRingDepth.Heavy.selected {
            background-position: -10px -396px;
        }

    .weddingRingWidth {
        background-image: url(/images/NewImages/Icons/WeddingMashedWidth.png);
        background-repeat: no-repeat;
        display: block;
        width: 27px;
        height: 57px;
        margin: 0 auto;
        margin-top: 5px
    }

    .weddingRingWidthLabel {
        color: #333
    }

        .weddingRingWidthLabel.selected {
            color: #ffc13a
        }


    .weddingRingWidth.weddingRing2-5mm {
        background-position: -5px -5px;
    }

        .weddingRingWidth.weddingRing2-5mm.inactive {
            background-position: -5px -72px;
        }

        .weddingRingWidth.weddingRing2-5mm.selected {
            background-position: -5px -139px;
        }

    .weddingRingWidth.weddingRing2mm {
        background-position: -5px -206px;
    }

        .weddingRingWidth.weddingRing2mm.inactive {
            background-position: -5px -273px;
        }

        .weddingRingWidth.weddingRing2mm.selected {
            background-position: -5px -340px;
        }

    .weddingRingWidth.weddingRing3mm {
        background-position: -5px -407px;
    }

        .weddingRingWidth.weddingRing3mm.inactive {
            background-position: -5px -474px;
        }

        .weddingRingWidth.weddingRing3mm.selected {
            background-position: -5px -541px;
        }

    .weddingRingWidth.weddingRing4mm {
        background-position: -5px -608px;
    }

        .weddingRingWidth.weddingRing4mm.inactive {
            background-position: -5px -675px;
        }

        .weddingRingWidth.weddingRing4mm.selected {
            background-position: -5px -742px;
        }

    .weddingRingWidth.weddingRing5mm {
        background-position: -5px -809px;
    }

        .weddingRingWidth.weddingRing5mm.inactive {
            background-position: -5px -876px;
        }

        .weddingRingWidth.weddingRing5mm.selected {
            background-position: -5px -943px;
        }

    .weddingRingWidth.weddingRing6mm {
        background-position: -5px -1010px;
    }

        .weddingRingWidth.weddingRing6mm.inactive {
            background-position: -5px -1077px;
        }

        .weddingRingWidth.weddingRing6mm.selected {
            background-position: -5px -1144px;
        }

    .weddingRingWidth.weddingRing7mm {
        background-position: -5px -1211px;
    }

        .weddingRingWidth.weddingRing7mm.inactive {
            background-position: -5px -1278px;
        }

        .weddingRingWidth.weddingRing7mm.selected {
            background-position: -5px -1345px;
        }

    .weddingRingWidth.weddingRing8mm {
        background-position: -5px -1412px;
    }

        .weddingRingWidth.weddingRing8mm.inactive {
            background-position: -5px -1479px;
        }

        .weddingRingWidth.weddingRing8mm.selected {
            background-position: -5px -1546px;
        }

    .mashedComponentImage {
        background-image: url(/images/NewImages/Icons/NecklaceMashedComps.png);
        background-repeat: no-repeat;
        display: block;
        width: 39px;
        height: 12px;
    }

        .mashedComponentImage.Spiga {
            background-position: -10px -42px;
        }

            .mashedComponentImage.Spiga.selected {
                background-position: -10px -10px;
            }

        .mashedComponentImage.Trace {
            background-position: -10px -102px;
        }

            .mashedComponentImage.Trace.selected {
                background-position: -10px -73px;
            }

    .ringControl:not(.inactive):not(.selected) {
        cursor: pointer;
    }

    /* START Impero Earrings */

    .ROLineContent.ScalaHoopandDrop,
    .ROLineContent.ScalaDrops,
    .ROLineContent.ScalaDrop,
    .ROLineContent.ZeldaHoopandDrop,
    .ROLineContent.ZeldaDrops,
    .ROLineContent.AlmaHoopandDrop,
    .ROLineContent.AlmaDrops,
    .ROLineContent.AlmaDrop {
        width: 50%;
        height: 200px;
    }

        .ROLineContent.ScalaHoopandDrop > figure,
        .ROLineContent.ScalaDrops > figure,
        .ROLineContent.ScalaDrop > figure,
        .ROLineContent.AlmaHoopandDrop > figure,
        .ROLineContent.AlmaDrops > figure,
        .ROLineContent.AlmaDrop > figure,
        .ROLineContent.ZeldaHoopandDrop > figure,
        .ROLineContent.ZeldaDrops > figure {
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            height: 140px;
            width: 80%;
        }

            /*.ROLineContent.ScalaDrop > figure,
.ROLineContent.ScalaDrops > figure,
.ROLineContent.ScalaDrops > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/WhiteGold/Scala.png);}
.ROLineContent.ScalaDrop > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/WhiteGold/Scala.png);}
.ROLineContent.ScalaDrops > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/YellowGold/Scala.png);}
.ROLineContent.ScalaDrop > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/YellowGold/Scala.png);}
.ROLineContent.ScalaDrops > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/RoseGold/Scala.png);}
.ROLineContent.ScalaDrop > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/Hoops/RoseGold/Scala.png);}

.ROLineContent.ScalaHoopandDrop > figure,
.ROLineContent.ScalaHoopandDrop > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/HoopsandDrops/WhiteGold/Scala.jpg);}
.ROLineContent.ScalaHoopandDrop > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/HoopsandDrops/YellowGold/Scala.jpg);}
.ROLineContent.ScalaHoopandDrop > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/ScalaEarrings/HoopsandDrops/RoseGold/Scala.jpg);}

.ROLineContent.AlmaDrops > figure,
.ROLineContent.AlmaDrop > figure,
.ROLineContent.AlmaDrops > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/WhiteGold/Alma.png);}
.ROLineContent.AlmaDrop > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/WhiteGold/Alma.png);}
.ROLineContent.AlmaDrops > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/YellowGold/Alma.png);}
.ROLineContent.AlmaDrop > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/YellowGold/Alma.png);}
.ROLineContent.AlmaDrops > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/RoseGold/Alma.png);}
.ROLineContent.AlmaDrop > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/Hoops/RoseGold/Alma.png);}

.ROLineContent.AlmaHoopandDrop > figure,
.ROLineContent.AlmaHoopandDrop > figure.metal_2{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/HoopsandDrops/WhiteGold/Alma.jpg);}
.ROLineContent.AlmaHoopandDrop > figure.metal_1{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/HoopsandDrops/YellowGold/Alma.jpg);}
.ROLineContent.AlmaHoopandDrop > figure.metal_3{background-image: url(/images/img-2017/Impero/Shop/AlmaEarrings/HoopsandDrops/RoseGold/Alma.jpg);}*/

            
            .ROLineContent.ScalaDrops > figure,
            .ROLineContent.ScalaDrops > figure.metal_2 {
                background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
            }
.ROLineContent.ScalaDrop > figure,
                .ROLineContent.ScalaDrop > figure.metal_2 {
                    background-image: url(https://www.77diamonds.com/image/43521/photo/white-gold/-/big/-/-/-/-/scala-drop);
                }

                .ROLineContent.ScalaDrops > figure.metal_1 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.ScalaDrop > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/43518/photo/yellow-gold/-/big/-/-/-/-/scala-drop);
                }

                .ROLineContent.ScalaDrops > figure.metal_3 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.ScalaDrop > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/43524/photo/rose-gold/-/big/-/-/-/-/scala-drop);
                }

            .ROLineContent.ScalaHoopandDrop > figure,
            .ROLineContent.ScalaHoopandDrop > figure.metal_2 {
                background-image: url(https://www.77diamonds.com/image/39764/photo/white-gold/-/big/-/-/-/-/scala-hoop-and-drop);
            }

                .ROLineContent.ScalaHoopandDrop > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/39761/photo/yellow-gold/-/big/-/-/-/-/scala-hoop-and-drop);
                }

                .ROLineContent.ScalaHoopandDrop > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/39767/photo/rose-gold/-/big/-/-/-/-/scala-hoop-and-drop);
                }

            .ROLineContent.AlmaDrops > figure,
            .ROLineContent.AlmaDrop > figure,
            .ROLineContent.AlmaDrops > figure.metal_2 {
                background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
            }

                .ROLineContent.AlmaDrop > figure.metal_2 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.AlmaDrops > figure.metal_1 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.AlmaDrop > figure.metal_1 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.AlmaDrops > figure.metal_3 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.AlmaDrop > figure.metal_3 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

            .ROLineContent.AlmaHoopandDrop > figure,
            .ROLineContent.AlmaHoopandDrop > figure.metal_2 {
                background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
            }

                .ROLineContent.AlmaHoopandDrop > figure.metal_1 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }

                .ROLineContent.AlmaHoopandDrop > figure.metal_3 {
                    background-image: url(/images/NewImages/Symbols/NoImageAvailable.png);
                }


            .ROLineContent.ZeldaDrops > figure,
            .ROLineContent.ZeldaDrops > figure.metal_2 {
                background-image: url(https://www.77diamonds.com/image/41032/photo/white-gold/-/big/-/-/-/-/zelda-drop);
            }

                .ROLineContent.ZeldaDrops > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/41029/photo/yellow-gold/-/big/-/-/-/-/zelda-drop);
                }

                .ROLineContent.ZeldaDrops > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/41035/photo/rose-gold/-/big/-/-/-/-/zelda-drop);
                }

            .ROLineContent.ZeldaHoopandDrop > figure,
            .ROLineContent.ZeldaHoopandDrop > figure.metal_2 {
                background-image: url(https://www.77diamonds.com/image/40799/photo/white-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
            }

                .ROLineContent.ZeldaHoopandDrop > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/40796/photo/yellow-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
                }

                .ROLineContent.ZeldaHoopandDrop > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/40802/photo/rose-gold/-/big/-/-/-/-/zelda-hoop-and-drop);
                }
    /* END Impero Earrings */

    /* START Muse Duet Items */

    .ROLineContent.MuseDuetHoopandDrop,
    .ROLineContent.MuseDuetDrops,
    .ROLineContent.MuseDuetHoops,
    .ROLineContent.NecklaceandDrop,
    .ROLineContent.DropOnly,
    .ROLineContent.NecklaceOnly {
        width: 33.3333%;
        height: 200px;
    }

        .ROLineContent.MuseDuetHoopandDrop > figure,
        .ROLineContent.MuseDuetDrops > figure,
        .ROLineContent.MuseDuetHoops > figure,
        .ROLineContent.NecklaceandDrop > figure,
        .ROLineContent.DropOnly > figure,
        .ROLineContent.NecklaceOnly > figure {
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            height: 140px;
            width: 80%;
        }

            .ROLineContent.MuseDuetHoopandDrop > figure,
            .ROLineContent.MuseDuetDrops > figure,
            .ROLineContent.MuseDuetHoops > figure,
            .ROLineContent.MuseDuetHoopandDrop > figure.metal_2 {
                background-image: url(https://www.77diamonds.com/image/28889/photo/white-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
            }

                .ROLineContent.MuseDuetDrops > figure.metal_2 {
                    background-image: url(https://www.77diamonds.com/image/28930/photo/white-gold/-/big/-/-/-/-/muse-duet-drops);
                }

                .ROLineContent.MuseDuetHoops > figure.metal_2 {
                    background-image: url(https://www.77diamonds.com/image/29000/photo/white-gold/-/big/-/-/-/-/muse-duet-hoop-only);
                }

                .ROLineContent.MuseDuetHoopandDrop > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/28872/photo/yellow-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
                }

                .ROLineContent.MuseDuetDrops > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/28926/photo/yellow-gold/-/big/-/-/-/-/muse-duet-drops);
                }

                .ROLineContent.MuseDuetHoops > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/28986/photo/yellow-gold/-/big/-/-/-/-/muse-duet-hoop-only);
                }

                .ROLineContent.MuseDuetHoopandDrop > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/28906/photo/rose-gold/-/big/-/-/-/-/muse-duet-hoop-drop);
                }

                .ROLineContent.MuseDuetDrops > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/28934/photo/rose-gold/-/big/-/-/-/-/muse-duet-drops);
                }

                .ROLineContent.MuseDuetHoops > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/29014/photo/rose-gold/-/big/-/-/-/-/muse-duet-hoop-only);
                }

            .ROLineContent.NecklaceandDrop > figure,
            .ROLineContent.DropOnly > figure,
            .ROLineContent.NecklaceOnly > figure,
            .ROLineContent.NecklaceandDrop > figure.metal_2 {
                background-image: url(https://www.77diamonds.com/image/29170/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
            }

                .ROLineContent.DropOnly > figure.metal_2 {
                    background-image: url(https://www.77diamonds.com/image/29215/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
                }

                .ROLineContent.NecklaceOnly > figure.metal_2 {
                    background-image: url(https://www.77diamonds.com/image/29254/photo/white-gold/-/big/-/-/-/-/muse-duet-necklace-only);
                }

                .ROLineContent.NecklaceandDrop > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/29154/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
                }

                .ROLineContent.DropOnly > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/29202/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
                }

                .ROLineContent.NecklaceOnly > figure.metal_1 {
                    background-image: url(https://www.77diamonds.com/image/29241/photo/yellow-gold/-/big/-/-/-/-/muse-duet-necklace-only);
                }

                .ROLineContent.NecklaceandDrop > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/29186/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-and-drop);
                }

                .ROLineContent.DropOnly > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/29228/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-drop-only);
                }

                .ROLineContent.NecklaceOnly > figure.metal_3 {
                    background-image: url(https://www.77diamonds.com/image/29267/photo/rose-gold/-/big/-/-/-/-/muse-duet-necklace-only);
                }

    /* END Muse Duet Items */

    .diamond_control_clarity_select span, .diamond_control_clarity_select div {
        color: #333
    }

        .diamond_control_clarity_select span.selected, .diamond_control_clarity_select div.selected {
            color: #ffa200
        }


    .eternityRingType, .eternityRingSize.Half, .eternityRingSize.Full {
        background-image: url(/images/NewImages/Icons/EternityMashedComps.png);
        background-repeat: no-repeat;
        display: block;
        width: 56px;
        height: 57px;
        margin: 0 auto;
    }

        .eternityRingType.Full, .eternityRingSize.Full {
            background-position: -5px -5px;
        }

            .eternityRingType.Full.selected, .eternityRingSize.Full.selected {
                background-position: -5px -72px;
            }

        .eternityRingType,
        .eternityRingType.Half, .eternityRingSize.Half {
            background-position: -5px -139px;
        }

            .eternityRingType.selected,
            .eternityRingType.Half.selected, .eternityRingSize.Half.selected {
                background-position: -5px -206px;
            }



    .eternityRingSize {
        background-image: url(/images/NewImages/Icons/EternitySizeComps.png);
        background-repeat: no-repeat;
        display: block;
        margin: 0 auto !important;
        /*width: 27px;
    height: 57px;
    margin:0 auto;
    margin-top:5px*/
    }

        .eternityRingSize.Grande, .eternityRingSize.Grande.selected,
        .eternityRingSize.Maxi, .eternityRingSize.Maxi.selected,
        .eternityRingSize.Medi, .eternityRingSize.Medi.selected,
        .eternityRingSize.Mini, .eternityRingSize.Mini.selected {
            width: 27px;
            height: 57px;
            margin-top: 5px !important;
        }

        .eternityRingSize.Grande {
            background-position: -5px -5px;
        }

            .eternityRingSize.Grande.selected {
                background-position: -5px -72px;
            }

        .eternityRingSize.Maxi {
            background-position: -5px -139px;
        }

            .eternityRingSize.Maxi.selected {
                background-position: -5px -206px;
            }

        .eternityRingSize.Medi {
            background-position: -5px -273px;
        }

            .eternityRingSize.Medi.selected {
                background-position: -5px -340px;
            }

        .eternityRingSize.Mini {
            background-position: -5px -407px;
        }

            .eternityRingSize.Mini.selected {
                background-position: -5px -474px;
            }

    .Trace, .Spiga {
        margin: 0 auto
    }

    /* END Product Page */



    /* START Education Landing Page */

    #educationPage {
        margin-bottom: 10px;
    }

        #educationPage #hero h1,
        #educationPage #hero p {
            color: #000;
            text-shadow: none;
        }

        #educationPage .sidebarMenu.container {
            margin-bottom: 0;
        }

        #educationPage #hero figure.slide {
            z-index: -1;
        }

        /*#educationPage #hero .info h1,
#educationPage #hero .info p
{
    margin-bottom:10px;
    color: #fff;
    text-shadow: 1px 1px 1px #575757;
}*/

        #educationPage h2 {
            font-size: 28px;
            color: #575757;
        }

            #educationPage h2 > span {
                font-size: 18px;
            }

        #educationPage p {
            font-size: 14px;
            color: #575757;
        }

        #educationPage .quote2 {
            padding: 20px 15%;
            margin-top: 0;
            margin-bottom: 30px;
        }

        #educationPage .caratImageHolder,
        #educationPage .clarityImageHolder {
            margin-bottom: -30px;
        }

        #educationPage .colourImageHolder {
            max-width: 768px;
            margin: 20px auto 0;
        }

        #educationPage .clarityImageHolder {
            width: 60%;
            margin-left: 40%;
        }

        #educationPage .bottomHero {
            margin-top: 10px;
            margin-bottom: -10px;
        }

            #educationPage .bottomHero .info {
                width: 45%;
            }

                #educationPage .bottomHero .info br {
                    display: none;
                }

                #educationPage .bottomHero .info h2 {
                    color: #fff;
                    text-shadow: 1px 1px 1px #575757;
                    font-size: 5em;
                    margin-bottom: 20px;
                }

                #educationPage .bottomHero .info p {
                    color: #fff;
                    text-shadow: 1px 1px 1px #575757;
                    font-size: 18px;
                }

    /*#educationPage .bottomHero .info h1
{
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    font-size:5em;
    margin-bottom:20px;
}
#educationPage .bottomHero .info p {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    font-size:1.6em;
}*/

    /* END Education Landing Page */

    .Error {
        border: 1px solid #ee0101 !important;
    }

    /* EDUCATION PAGES*/

    .educationPage .heading {
        position: relative;
        display: block;
        clear: both;
        margin: 0 0 30px;
        border-bottom: 2px solid #ffc13a;
        padding: 25px 0 33px 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 98% 0;
    }

    .educationPage h1, .educationPage h4 {
        line-height: 115%;
        font-size: 1.4em;
    }

        .educationPage h1.pos {
            transform: translateY(67px);
        }

    .educationPage h2#name {
        transform: translateY(-25px);
    }

    .educationPage h2, .educationPage h1#name {
        margin: 20px 0 7px;
        text-transform: none;
        color: #000;
        letter-spacing: 0;
        font-size: 40px;
    }

    .educationPage article .yellow {
        font-size: 2.4em;
        padding-bottom: 10px;
        border-bottom: 2px solid #222;
        font-weight: bold;
        text-transform: none;
        padding-top: 50px;
        margin-bottom: 1em;
        font-style: normal;
        color: #feb100;
    }

    .educationPage article h6 {
        font-size: 1.6em;
        padding-bottom: 10px;
        border-bottom: 2px solid #ffc13a;
        text-transform: none;
        padding-top: 65px;
        margin-bottom: 1em;
        font-style: normal;
        font-weight: 400;
    }

    .educationPage ul, .educationPage ol {
        margin-left: 30px;
    }

        .educationPage ul#categoriesListUl {
            margin-left: 0;
        }

    .educationPage ol {
        list-style: inside decimal;
        margin-bottom: 20px;
    }

    .educationPage ul {
        list-style: inside disc;
        margin-bottom: 20px;
    }

        .educationPage p a,
        .educationPage ul li a,
        .educationPage #steps a {
            text-decoration: underline;
        }

    .educationPage table.spec {
        margin: 0 auto 30px;
    }

        .educationPage table.spec tr td:first-of-type {
            border-left: medium none !important;
        }

        .educationPage table.spec thead tr td {
            background: #333 none repeat scroll 0 0;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #fff;
            color: #fff;
            line-height: 1;
        }

        .educationPage table.spec td {
            font-size: 13px;
            min-height: 22px;
            min-width: 30px;
            padding: 6px;
            text-align: left;
        }

    .education table.spec tr.red td {
        color: #900 !important;
    }

    .educationPage table.spec tbody tr:nth-of-type(2n+1) td {
        background: #f3f2f2 none repeat scroll 0 0;
        border-left: 1px solid #fff;
        color: #333;
    }

    .educationPage .quote, .educationPage .slideshow {
        background: #ffc13a;
        width: 100%;
        height: auto;
        padding: 0;
        clear: both;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

        .educationPage .quote .slide, .educationPage .slideshow .slide {
            height: 90px;
            font-style: italic;
            font-weight: 400;
            font-size: 2.5em;
            width: 90%;
            float: none;
            line-height: 110%;
            padding: 30px 5%;
        }

            .educationPage .quote .slide small, .educationPage .slideshow .slide small {
                padding-top: 8px;
                display: block;
                font-size: 60%;
                /*font-family: 'Source Sans Pro', sans-serif;*/
                font-style: normal;
                font-weight: 400;
            }

    .educationPage .carat_weight_tabs > li {
        display: inline-block;
        margin: 10px;
    }

.educationPage ul.carat_weight_tabs  {
    display: flex;
    justify-content: space-between;
} 

    .educationPage ul.carat_weight_tabs li a {
        background: #ffc13a none repeat scroll 0 0;
        border-radius: 100%;
        display: inline;
        /*margin-left: 33px;*/
        padding: 10px;
        font-size: 12px;
    }

        .educationPage ul.carat_weight_tabs li a.active {
            background: #bb8c8c none repeat scroll 0 0;
        }

    .educationPage .displaybox > div > .btn {
        font-size: 16px;
        padding: 10px 26px;
    }

    .educationPage .displaybox > p,
    .educationPage .displaybox > div {
        display: inline-block;
        margin: 10px 0;
        vertical-align: middle;
    }

    .educationPage figure {
        text-align: center;
    }

        .educationPage figure img {
            margin: 10px auto;
        }

    /* - START bottom menu */

    .educationPage h2.lineAbove {
        border-top: 2px solid #ffb002;
        padding-top: 10px;
        text-align: center;
        font-style: italic;
        clear: both;
    }

    .educationPage ul.bottomNav {
        display: table;
        width: 90%;
        margin: 10px auto;
    }

        .educationPage ul.bottomNav li {
            display: table-cell;
            text-align: center;
            margin-right: 20px;
        }

            .educationPage ul.bottomNav li > a {
                text-decoration: underline;
                height: 46px;
                line-height: 46px;
                text-indent: 55px;
                display: inline-block;
            }

            .educationPage ul.bottomNav li.active > a {
                color: #ffb002;
            }

            .educationPage ul.bottomNav li#liAna > a {
                background: url(/images/img-2018/Education/Education_AnatomyOfADiamond.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liGrading > a {
                background: url(/images/img-2018/Education/Education_CutGrading.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liGraDia > a {
                background: url(/images/img-2018/Education/Education_CutGradingAcrossDiamondShapes.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liPol > a {
                background: url(/images/img-2018/Education/Education_Polishing.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liHearts > a {
                background: url(/images/img-2018/Education/Education_HeartAndArrow.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liGrades > a {
                background: url(/images/img-2018/Education/Education_AnatomyOfADiamond.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liIncl > a {
                background: url(/images/img-2018/Education/Education_DiamondInclusionAndBlemishes.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liEnha > a {
                background: url(/images/img-2018/Education/Education_ClarityEnhancement.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liExp > a {
                background: url(/images/img-2018/Education/Education_EyeCleanDiamonds.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liComp > a {
                background: url(/images/img-2018/Education/Education_CertificateComparisons.jpg) no-repeat left center / 46px 46px;
            }

            .educationPage ul.bottomNav li#liGradingLabs > a {
                background: url(/images/img-2018/Education/Education_CertificatesAndLaboratories.jpg) no-repeat left center / 46px 46px;
            }
    /* - END bottom menu */

    /* START Education Contour */

    #educationContour article > div.line > div.displaybox {
        margin-bottom: 40px
    }

        #educationContour article > div.line > div.displaybox .inline-left {
            display: block;
            clear: both;
            margin: 0 0 12px 0;
            width: 120px;
        }

    /* END Education Contour */

    /* START Education Shapes */

    #educationShapes #shapes {
        margin: -30px auto 30px auto;
        padding: 0;
        position: relative;
        font-size: 0;
    }

        #educationShapes #shapes li {
            border-top: 1px solid #d2d2d2;
            border-bottom: 1px solid #d2d2d2;
            border-right: 1px solid #d2d2d2;
            margin-top: -1px;
            margin-right: -1px;
            box-sizing: border-box;
            display: inline-block;
            font-size: 12px;
            padding: 0;
            text-align: center;
            width: 9.19%;
        }

            #educationShapes #shapes li a {
                border-left: 1px solid #d2d2d2;
                display: block;
                padding: 6px 2.5%;
                text-decoration: none;
                transition: background 0.25s ease 0s;
                width: 95%;
            }

                #educationShapes #shapes li a:hover {
                    background: #eaeaea;
                }

                #educationShapes #shapes li a.selected {
                    background: #d2d2d2 none repeat scroll 0 0;
                }

                #educationShapes #shapes li a img {
                    clear: both;
                    display: block;
                    margin: 0 auto 5px;
                    width: 90%;
                }

    /* END Education Shapes */

    /* START Education Carat */

    #mobileGifsHolder > ul {
        margin: 20px 0;
    }

    #mobileGifsHolder > a.carrousel_left {
        left: -20px;
    }

    #mobileGifsHolder > a.carrousel_right {
        right: -20px;
    }

    /* END Education Carat */

    /* START Loose Diamonds */

    #looseDiamonds .simpleHolder > h2 {
        margin-top: 20px;
    }

    #looseDiamonds .simpleHolder figcaption > a {
        font-size: 16px;
    }

    /* END Loose Diamonds */

    /* START Calculate Tax */

    #taxDuty .box-border {
        margin: auto;
        border: 1px solid #ffc648;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        /*padding-bottom: 10px;*/
        background-color: #F6F5F2;
        /*background-clip: border-box;*/
    }

    #taxDuty .form label {
        width: 50%;
        float: left;
        text-align: left;
        font-size: 15px;
        height: 30px;
        line-height: 30px;
    }

    #taxDuty .form input[type="text"],
    #taxDuty .form select {
        width: 50%;
        float: left;
    }

    #taxDuty .taxAndDuty {
        border-collapse: collapse;
        width: 100%;
        font-size: 11px;
        border: 1px solid #dcdcdc;
    }

        #taxDuty .taxAndDuty thead td {
            font-weight: bold;
        }

        #taxDuty .taxAndDuty td {
            border-right: 1px solid #dcdcdc;
            border-bottom: 1px solid #dcdcdc;
            padding: 2px 5px;
        }

    #usStates {
        display: none;
    }

    /* END Calculate Tax */

    /* START Engagement Ring Buying Guide */

    .cd-nav-trigger {
        display: none;
    }

    .no-touch #cd-vertical-nav {
        position: fixed;
        right: 60px;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
    }

        .no-touch #cd-vertical-nav li {
            text-align: right;
            line-height: 1;
            margin: 0;
            padding: 0;
            font-size: 1em;
        }

        .no-touch #cd-vertical-nav a {
            display: inline-block;
            /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .no-touch #cd-vertical-nav a:after {
                content: "";
                display: table;
                clear: both;
            }

            .no-touch #cd-vertical-nav a span {
                float: right;
                display: inline-block;
                -webkit-transform: scale(0.6);
                -moz-transform: scale(0.6);
                -ms-transform: scale(0.6);
                -o-transform: scale(0.6);
                transform: scale(0.6);
            }

            .no-touch #cd-vertical-nav a:hover span {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .no-touch #cd-vertical-nav a:hover .cd-label {
                opacity: 1;
            }

            .no-touch #cd-vertical-nav a.is-selected .cd-dot { /* background-color: #666; */
            }

        .no-touch #cd-vertical-nav .cd-dot {
            position: relative;
            /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
            top: 8px;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #d5d5d5;
            -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
            -moz-transition: -moz-transform 0.2s, background-color 0.5s;
            transition: transform 0.2s, background-color 0.5s;
            box-shadow: inset 2px 2px 2px rgba(0,0,0,.333);
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
        }

        .no-touch #cd-vertical-nav .cd-label {
            position: relative;
            margin-right: 5px;
            padding: .4em .5em;
            color: #fff;
            background: #ffc13a;
            box-shadow: 0px 2px 3px rgba(0,0,0,.3333);
            border-radius: 5px;
            font-size: 15px;
            font-size: 1.5em;
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            transition: transform 0.2s, opacity 0.2s;
            opacity: 0;
            -webkit-transform-origin: 100% 50%;
            -moz-transform-origin: 100% 50%;
            -ms-transform-origin: 100% 50%;
            -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
        }

    /* Touch devices */
    .touch .cd-nav-trigger {
        display: block;
        z-index: 100 !important;
        position: fixed;
        bottom: 20px;
        right: 5%;
        height: 40px;
        width: 40px;
        font-size: 0;
        border-radius: 0.25em;
        background: rgba(220, 220, 220, 0.9);
    }

        .touch .cd-nav-trigger span {
            position: absolute;
            height: 4px;
            width: 4px;
            background-color: #333;
            border-radius: 50%;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

            .touch .cd-nav-trigger span::before,
            .touch .cd-nav-trigger span::after {
                content: '';
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                background-color: inherit;
                border-radius: inherit;
            }

            .touch .cd-nav-trigger span::before {
                top: -9px;
            }

            .touch .cd-nav-trigger span::after {
                bottom: -9px;
            }

    .touch #cd-vertical-nav {
        position: fixed;
        z-index: 10;
        right: 5%;
        bottom: 20px;
        width: 90%;
        max-width: 400px;
        max-height: 90%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        border-radius: 0.25em;
        background-color: rgba(220, 220, 220, 0.9);
    }

        .touch #cd-vertical-nav li {
            line-height: 1;
            margin: 0;
            padding: 0;
            font-size: 1em;
        }

        .touch #cd-vertical-nav a {
            display: block;
            padding: 1em;
            font-size: 15px;
            font-size: 1.5em;
            text-decoration: none;
            color: #333;
            border-bottom: 1px solid rgba(60, 60, 60, 0.25);
        }

            .touch #cd-vertical-nav a span:first-child {
                display: none;
            }

            .touch #cd-vertical-nav a.is-selected span:last-child {
                color: #333;
            }

        .touch #cd-vertical-nav.open {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

            .touch #cd-vertical-nav.open + .cd-nav-trigger {
                background-color: transparent;
            }

                .touch #cd-vertical-nav.open + .cd-nav-trigger span {
                    background-color: rgba(62, 57, 71, 0);
                }

                    .touch #cd-vertical-nav.open + .cd-nav-trigger span::before,
                    .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
                        background-color: #333;
                        height: 3px;
                        width: 20px;
                        border-radius: 0;
                        left: -8px;
                    }

                    .touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                        top: 1px;
                    }

                    .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
                        -webkit-transform: rotate(135deg);
                        -moz-transform: rotate(135deg);
                        -ms-transform: rotate(135deg);
                        -o-transform: rotate(135deg);
                        transform: rotate(135deg);
                        bottom: 0;
                    }

        .touch #cd-vertical-nav li:last-child a {
            border-bottom: none;
        }

    #buying-guide .cd-section {
        padding: 4% 0;
    }

        #buying-guide .cd-section:first-of-type {
            padding: 0;
        }

        
        #buying-guide .cd-section h1 {
            width: 100%;
            display: block;
            position: relative;
            line-height: 0;
            margin: 0 auto;
            clear: both;
        }
        #buying-guide .cd-section .introduce-h1 {
            text-align: center;
            font-size: 2.2em;
            margin-bottom: 30px;
            letter-spacing: -.2mm;
            color: #fdc049;
        }
        
            #buying-guide .cd-section h1 img {
                width: 100%;
            }

        #buying-guide .cd-section h2,
        #buying-guide .cd-section h4,
        #buying-guide .cd-section dt {
            font-style: italic;
            font-weight: 400;
            color: #fdc049;
            text-transform: none;
        }

        #buying-guide .cd-section dt {
            font-size: 1.6em;
            margin-bottom: .2em;
            line-height: 1;
        }

        #buying-guide .cd-section h2 {
            font-size: 2.2em;
            margin: 50px auto 1.2em;
            letter-spacing: -0.2mm;
            border-bottom: 1px solid #ccc;
            padding-bottom: .5em;
            max-width: 540px;
        }

    #buying-guide #finally.cd-section h2 {
        border: none;
        padding: 0;
    }

    #buying-guide .cd-section.left h2 {
        margin: 0 0 1em
    }

    #buying-guide .cd-section h4 {
        font-size: 2.4em;
        margin-bottom: 0
    }

    #buying-guide .cd-section p,
    #buying-guide .cd-section dd {
        font-style: normal;
        font-weight: 400;
        color: #666;
        font-size: 1.2em;
        line-height: 125%;
    }

    #buying-guide .cd-section p {
        margin-bottom: 1.2em;
    }

    #buying-guide .cd-section .col p:last-of-type {
        margin-bottom: 0
    }

    #buying-guide .cd-section a {
        color: #fdc049;
        text-decoration: none;
    }

        #buying-guide .cd-section a:hover {
            color: #333;
            text-decoration: none;
        }

    #buying-guide .cd-section p.lead {
        font-size: 1.8em;
        text-align: center;
        margin: 0 auto 1.2em;
    }

    #buying-guide .cd-section .col p.lead:last-of-type {
        margin-bottom: 0
    }

    #buying-guide .cd-section p em {
        font-style: italic;
        font-weight: 400;
        color: #fdc049
    }

    #buying-guide .img-line {
        display: block;
        width: 100%;
        position: relative;
        margin: 0 auto 4%;
        text-align: center;
    }

        #buying-guide .img-line::after {
            display: block;
            height: 0px;
            content: "";
            border-top: 1px solid #fdc049;
            width: 100%;
            position: absolute;
            z-index: -1;
            top: 50%;
            left: 0;
        }

        #buying-guide .img-line .small {
            width: 9%;
        }

    #buying-guide .diamondShape {
        min-height: 250px;
    }

        #buying-guide .diamondShape img {
            max-width: 120px;
            margin: auto;
        }

        #buying-guide .diamondShape h3 {
            margin-bottom: 5px;
            font-size: 24px;
        }

    #engagementRingBuyingGuide .cd-section, #diamondBuyingGuide .cd-section {
        padding: 0;
    }

    #engagementRingBuyingGuide .sidebarMenu, #diamondBuyingGuide .sidebarMenu {
        margin: 0;
    }

    .lt-ie9 #buying-guide .cd-section .row.half-width-image {
        background: none !important
    }

    .lt-ie9 #buying-guide .cd-section .col.half {
        background: #fff;
        padding: 5% 0
    }

    .lt-ie9 #buying-guide .cd-section .row .col.half.blank {
        display: none
    }

    .lt-ie8 #buying-guide .cd-section .col {
        display: inline
    }

    /* END Engagement Ring Buying Guide */

    /* START Ring Sizes */

    #ringSizes .table_ringsize {
        clear: both;
        display: block;
        /*max-width: 800px;*/
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

        #ringSizes .table_ringsize thead {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #fff #fff #e4e2e3;
            border-image: none;
            border-style: solid;
            border-width: 1px;
            display: block;
            position: relative;
            width: 100%;
            padding-right: 17px;
        }

            #ringSizes .table_ringsize thead td {
                font-weight: bold;
                vertical-align: top;
            }

        #ringSizes .table_ringsize td {
            /*font-size: 1.2em;*/
            padding: 3px 0;
            text-align: center;
            width: 18%;
        }

        #ringSizes .table_ringsize tbody {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #e4e2e3 #e4e2e3;
            border-image: none;
            border-style: none solid solid;
            border-width: medium 1px 1px;
            display: block;
            height: 250px;
            overflow-y: scroll;
            position: relative;
            width: 100%;
        }

        #ringSizes .table_ringsize tr {
            display: table;
            width: 100%;
        }

        #ringSizes .table_ringsize tbody tr:nth-of-type(2n+1) {
            background: #eee none repeat scroll 0 0;
        }

        #ringSizes .table_ringsize td.table_ringsize_uk {
            width: 8%;
        }

        #ringSizes .table_ringsize tbody td {
            white-space: nowrap;
        }

    /* END Ring Sizes */

    /* START About Us */

    .about-info > h5 {
        background: url(/images/NewImages/Icons/Check.png) no-repeat;
        padding-left: 40px;
        min-height: 25px;
        padding-top: 10px;
        font-weight: bold;
    }

    /* END About Us */

    /* START Finance */

    .finance-calculator {
        border: 1px solid #ddd;
        border-radius: 10px;
        /* display: block; */
        /* margin-top: 50px; */
        /* margin-bottom: 50px; */
        padding: 15px;
        /* padding-bottom: 15px; */
        /* overflow: hidden; */
        display: flex;
        flex-wrap: wrap;
        /* align-items: flex-start; */
        max-width: 400px;
        margin: 50px auto;
    }

    .finance-calculator #btnCalculatefinance {
        height: auto!important;
    }

        .finance-calculator label,
        .finance-calculator .result {
            display: block;
            width: 50%;
            float: left;
            text-align: left;
            font-size: 15px;
            /* height: 30px; */
            line-height: 30px;
            margin-bottom: 5px;
            flex: 0 50%;
            margin-top: 0;
            position: relative;
        }

        .finance-calculator input[type="text"],
        .finance-calculator select {
            flex: 0 50%;
            margin-top: 0;
        }

        .finance-calculator .txtfield.error {
            border: 1px solid red;
        }

        @media (max-width: 768px) {

            .finance-calculator input[type="text"],
            .finance-calculator select {
                flex: 0 100%;
            }

            .finance-calculator label,
            .finance-calculator .result {
                flex: 0 100%;
            }

            .finance-calculator label {
                margin-bottom: 0;
            }

        }

    /* END Finance */

    /* START Validate address/payment*/

    #validatePayment .blackTitleHeader {
        margin-bottom: 0;
    }

        #validatePayment .blackTitleHeader > h2 {
            margin-bottom: 0;
            width: 100%;
            max-width: 100%;
            padding-left: 5%;
        }

    #validatePayment .summary > p {
        padding: 25px 5%;
        margin-bottom: 0;
    }



    #validatePayment .summary div.creditCard {
        text-align: right;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #validatePayment .summary .paymentdetails {
        padding: 1em 4%;
        border: none;
        border-top: 1px solid #ccc;
        border-bottom: none;
        clear: both;
        font-size: 15px;
        margin-bottom: 20px
    }

    #validatePayment .summary .cvvCodeField input {
        max-width: 90px;
        display: inline-block;
    }

    #validatePayment .summary #cvvImage {
        margin-left: 4px;
    }

    #validatePayment .summary fieldset label {
        /* width: 100%; */
        display: block;
        font-style: normal;
        font-weight: 400;
        position: relative;
        line-height: 2.8em;
        clear: both;
        width: 100%;
        margin: 0 0 10px !important;
    }

    #validatePayment .summary fieldset div {
        font-style: normal;
        font-weight: 400;
        position: relative;
        line-height: 2.8em;
        clear: both;
        margin: 0 0 10px !important;
    }




    #validatePayment .summary fieldset label input,
    #validatePayment .summary fieldset label select {
        max-width: 300px;
        width: 60%;
        float: right;
        font-size: 1em;
        display: block;
        padding: 8px 1.5%;
        margin: 0 0;
        border-radius: 3px;
        border: 1px solid #ccc;
        box-sizing: content-box;
    }

    #validatePayment .errorMessage, .form .fieldHolder.hasError .errorMessage {
        text-align: left;
        margin-top: 4px;
        padding: 0;
    }

    #validatePayment .errorMessage, .form .fieldHolder.hasError .errorMessage {
        text-align: left;
        margin-top: 4px;
        padding: 0;
    }


    #validatePayment .summary fieldset div input,
    #validatePayment .summary fieldset div select,
    #paymentRequest .summary input,
    #paymentRequest .summary select {
        max-width: 300px;
        font-size: 1em;
        display: block;
        padding: 8px 1.5%;
        margin: 0 0;
        border: 1px solid #ccc;
        box-sizing: content-box;
        height: 26px;
    }

    #validatePayment .summary fieldset div select {
        min-width: 50px;
    }

        #validatePayment .summary fieldset div select + select {
            margin-right: 10px;
        }

    #validatePayment .summary fieldset .field_label,
    #validatePayment .summary fieldset .field_amount {
        height: 20px;
        line-height: 20px;
    }

    #validatePayment .summary fieldset .field_amount {
        /*font-family: 'Source Sans Pro Bold';*/
        font-weight: 700;
        font-size: 18px;
    }

    #validatePayment .summary .payButton input {
        min-width: 200px;
        background-image: url(/images/img-2018/Checkout/SmallLock.png);
        background-position: left 15px center;
        margin-top: 10px;
    }



    /* START Card Section */



    #validatePayment .cardNumberHolder {
        display: inline-block;
        width: auto;
    }

        #validatePayment .cardNumberHolder input {
            width: 100%;
        }

    #validatePayment #cardTypeHolder {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        height: 36px;
        padding-left: 10px;
    }

        #validatePayment #cardTypeHolder > input {
            visibility: hidden;
            position: absolute;
        }

        #validatePayment #cardTypeHolder input + label {
            margin-left: 6px;
            display: inline-block;
            width: 43px;
            height: 36px;
        }

        #validatePayment #cardTypeHolder input#mastercard + label {
            background: transparent url(/images/img-2018/Checkout/CheckoutMasterCard.svg) no-repeat center center / 50px;
            border: 2px solid transparent;
        }

        #validatePayment #cardTypeHolder input#visa + label {
            background: transparent url(/images/img-2018/Checkout/CheckoutVisa.png) no-repeat center center / 45px;
            border: 2px solid transparent;
        }

        #validatePayment #cardTypeHolder input#amex + label {
            background: transparent url(/images/img-2018/Checkout/CheckoutAmex.png) no-repeat center center / 40px;
            border: 2px solid transparent;
        }

        #validatePayment #cardTypeHolder input#mastercard.active + label {
            background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
            background-size: 50px;
        }

        #validatePayment #cardTypeHolder input#visa.active + label {
            background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
            background-size: 45px;
        }

        #validatePayment #cardTypeHolder input#amex.active + label {
            background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
            background-size: 45px;
        }

        #validatePayment #cardTypeHolder input#mastercard:checked + label {
            background-image: url(/images/img-2018/Checkout/CheckoutMasterCardSelected.svg);
            border-color: #ffc13a;
            background-size: 50px;
        }

        #validatePayment #cardTypeHolder input#visa:checked + label {
            background-image: url(/images/img-2018/Checkout/CheckoutVisaSelected.png);
            border-color: #ffc13a;
            background-size: 45px;
        }

        #validatePayment #cardTypeHolder input#amex:checked + label {
            background-image: url(/images/img-2018/Checkout/CheckoutAmexSelected.png);
            border-color: #ffc13a;
            background-size: 45px;
        }


    /* END Card Section */

    #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
    #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth {
        width: 110px;
        display: inline-block;
    }

    #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear {
        margin-left: 10px;
    }




    #validatePayment .errorLabel {
        color: #d60000;
        font-weight: bold;
        float: left;
        font-size: 20px;
    }


    /* END Validate address/payment*/

    /* START Sucess/failed pages */

    .paymentResultInfo h6 {
        /*font-family: 'Source Sans Pro', sans-serif;*/
        font-style: normal;
        font-weight: 700;
        font-size: 1.6em;
        line-height: 120%;
        margin-bottom: .5em;
        display: block;
        text-transform: none;
    }

    .paymentResultInfo h2 {
        font-size: 2.2em;
        line-height: 2.0em;
        margin-bottom: 10px;
    }

    .paymentResultInfo #summary > div:last-of-type {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .paymentResultInfo .summary {
        width: 100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        display: block;
        clear: both;
        font-size: 1.4em;
        line-height: 120%;
    }

        .paymentResultInfo .summary .item {
            border-bottom: 1px solid #ccc;
            width: 92%;
            padding: 0 4%;
            display: table;
            clear: both;
            position: relative;
        }

        .paymentResultInfo .summary .thumb {
            width: 18%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            position: relative;
        }

    .paymentResultInfo .productsHolder + .productsHolder:before {
        border-bottom: 1px solid #ccc;
        content: "";
        margin: 0 auto 20px;
        width: 90%;
    }

    .paymentResultInfo .productsHolder > div {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .paymentResultInfo .summary .description {
        width: 54%;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding: 1.5% 4% 1.5% 0;
    }


    .paymentResultInfo .summary .totals {
        width: 92%;
        padding: 1.5% 4% 0;
        display: table;
        background: #f4f6f6;
        clear: both;
        position: relative;
    }

        .paymentResultInfo .summary .totals .label {
            width: 72%;
            display: table-cell;
            vertical-align: top;
            text-align: left;
        }

        .paymentResultInfo .summary .totals .value {
            width: 28%;
            display: table-cell;
            vertical-align: top;
            text-align: right;
            padding-right: 10%;
        }

    .paymentResultInfo .purchaseTextContainer {
        padding-bottom: 5px;
        display: none
    }


    .paymentResultInfo .benefits dl {
        /*float: right;*/
        display: block;
        width: 60%;
        max-width: 300px;
    }

    .paymentResultInfo .benefits dt {
        font-style: normal;
        font-weight: 700;
        font-size: 1.6em;
        text-transform: uppercase;
    }

    .paymentResultInfo .benefits dd {
        padding-left: 20px;
        font-size: 1.4em;
        line-height: 130%;
        margin-bottom: .5em;
    }


    .paymentResultInfo .spacedUpandDown {
        margin: 20px 0px
    }

    #termsAndConditions .num {
        margin-right: 5px;
        font-weight: bold;
    }

    #termsAndConditions ul {
        margin-bottom: 30px;
    }

        #termsAndConditions ul ul {
            margin: 5px 0 15px 30px;
        }

            #termsAndConditions ul ul > li {
                font-size: 16px;
            }

    #email #lblFwdFriendProdDesc::first-letter {
        text-transform: uppercase;
    }

    #email.form input, #email.form textarea {
        text-indent: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* END Sucess/failed pages */

    /* START Express Page */

    #expresspage #hero {
        position: relative;
    }

        #expresspage #hero picture img {
            width: 100%;
        }

    #expresspage #filtersHolder {
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

        #expresspage #filtersHolder > div { /*height:600px;*/
            padding: 0 20px;
        }

            #expresspage #filtersHolder > div + div {
                border-left: 1px solid #ccc;
            }

        #expresspage #filtersHolder #finalFiltersHolder .resetAllFiltersBtn,
        #expresspage #filtersHolder h2 {
            font-size: 16px;
            font-weight: 600;
            color: #878787;
            margin: 15px 0 0;
        }

        #expresspage #filtersHolder #finalFiltersHolder .resetAllFiltersBtn {
            position: absolute;
            right: 0;
        }

        #expresspage #filtersHolder .filterHolder {
            margin-top: 15px;
            float: left;
            width: 100%;
        }

        #expresspage #filtersHolder .stylesHolder li > h3 {
            margin: 0;
        }

            #expresspage #filtersHolder .stylesHolder li > h3 button {
                box-sizing: border-box;
                width: 100%;
                background-color: transparent;
                border: 0 none;
                font-size: 14px;
                height: 45px;
                cursor: pointer;
                padding-left: 40%;
                text-align: left;
                color: #878787;
            }

        #expresspage #filtersHolder .stylesHolder li.inactive {
            pointer-events: none;
            opacity: .5;
        }

        #expresspage #filtersHolder .stylesHolder li.active > h3 button {
            color: #ffc13a;
        }

        #expresspage #filtersHolder .filterHolder.slider > .noUi-target {
            height: 4px;
            background: #ccc;
            border: 0 none;
            margin: 20px 0;
        }

            #expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-background,
            #expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-connect {
                background: none;
                box-shadow: none;
                border: 0 none;
            }

            #expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-handle {
                background: #fff;
                border: 4px solid #ccc;
                width: 25px;
                height: 25px;
                border-radius: 25px;
                margin-top: -10px;
            }

                #expresspage #filtersHolder .filterHolder.slider > .noUi-target .noUi-handle.noUi-handle-upper {
                    right: 25px;
                }

        #expresspage #filtersHolder .filterHolder.slider .sliderMinInput,
        #expresspage #filtersHolder .filterHolder.slider .sliderMaxInput {
            width: 60px;
            margin: 5px;
            border: 1px solid #878787;
            text-indent: 5px;
            color: #878787;
        }

        #expresspage #filtersHolder .filterHolder.slider .sliderMinLabel,
        #expresspage #filtersHolder .filterHolder.slider .sliderMaxLabel {
            color: #878787;
        }

        #expresspage #filtersHolder #caratSliderHolder.filterHolder.slider .sliderMinInput {
            margin-left: 0;
        }

        #expresspage #filtersHolder #priceSliderHolder.filterHolder.slider .sliderMinInput,
        #expresspage #filtersHolder #priceSliderHolder.filterHolder.slider .sliderMaxInput {
            width: 100px;
        }

        #expresspage #filtersHolder .filterHolder ul > li {
            float: left;
            line-height: 30px;
            box-sizing: border-box;
        }

            #expresspage #filtersHolder .filterHolder ul > li > button {
                background: none;
                border: 1px solid #878787;
                color: #878787;
                min-width: 30px;
                height: 30px;
                cursor: pointer;
                margin-top: 10px;
                border-radius: 0;
            }

            #expresspage #filtersHolder .filterHolder ul > li.inactive {
                pointer-events: none;
                opacity: .5;
            }

            #expresspage #filtersHolder .filterHolder ul > li.active > button {
                color: #ffc13a;
                border-color: #ffc13a;
                z-index: 1;
            }

    #expresspage button[type=button]:focus,
    #expresspage button[type=button]:active {
        border: 1px solid #878787;
    }

    button[type=button]::-moz-focus-inner {
        border: 0 !important;
    }


    #expresspage #filtersHolder .filterHolder ul > li + li {
        margin-left: 10px;
    }

    #expresspage #filtersHolder #clarityFilter.filterHolder ul > li > button {
        min-width: 50px;
    }
    /*#expresspage #filtersHolder #clarityFilter.filterHolder ul > li + li{margin-left:20px;}*/
    #expresspage #filtersHolder .filterHolder h3 {
        font-size: 16px;
        color: #878787;
        margin-bottom: 10px;
    }

    #expresspage #filtersHolder #ringTypeFilterHolder ul li .fakeCheckbox {
        color: #878787;
        margin-right: 10px;
    }

    #expresspage #filtersHolder #diamondFilters .filterHolder h3 {
        margin-bottom: 0;
    }

    #expresspage #filtersHolder #ringSizeFilterHolder #ringSizeFilter {
        border: 1px solid #878787;
        color: #878787;
        height: 30px;
        margin-right: 5px;
        vertical-align: middle;
        padding-left: 5px;
    }

    #expresspage #filtersHolder #ringSizeFilterHolder .ringSizeInfo {
        opacity: 0.4;
    }

    #expresspage #filtersHolder #ringSizeFilterHolder #metalFilters {
        margin-bottom: 50px;
    }

    .zoomContainer {
        z-index: 1000;
    }

    /* - START Sprites */

    #jewelleryFilterHolder li .buttonFilter,
    #styleFilterHolder li:not(.style_all) .buttonFilter {
        background-image: url(/images/img-2018/ExpressPage/Filters2.png);
        background-repeat: no-repeat;
        max-width: 100%;
        background-size: 35%;
        display: block;
    }


    /* -- START Engagement Rings */

    /* Eng Jewellery */
    .jewellery_1 > h3 button.buttonFilter {
        background-position: 0 22.03955%;
    }

    .jewellery_1:hover > h3 button.buttonFilter,
    .jewellery_1.active > h3 button.buttonFilter {
        background-position: 0 20%;
    }
    /*.jewellery_1 > h3 button.buttonFilter {background-position: -30px calc(-4454px + 5px);}
.jewellery_1:hover > h3 button.buttonFilter,
.jewellery_1.active > h3 button.buttonFilter {background-position: -30px calc(-4551px + 5px);}*/

    /* Eng Classic */
    .style_1 > h3 button.buttonFilter {
        background-position: 0 22.03955%;
    }

    .style_1:hover > h3 button.buttonFilter,
    .style_1.active > h3 button.buttonFilter {
        background-position: 0 20%;
    }

    /* Eng Vintage */
    .style_3 > h3 button.buttonFilter {
        background-position: 0 96.069%;
    }

    .style_3:hover > h3 button.buttonFilter,
    .style_3.active > h3 button.buttonFilter {
        background-position: 0 94.005403%;
    }

    /* Eng Halo */
    .style_35 > h3 button.buttonFilter {
        background-position: 0 67.37865961%;
    }

    .style_35:hover > h3 button.buttonFilter,
    .style_35.active > h3 button.buttonFilter {
        background-position: 0 65.31506347%;
    }

    /* Eng Diamond Band */
    .style_36 > h3 button.buttonFilter {
        background-position: 0 42.69551058%;
    }

    .style_36:hover > h3 button.buttonFilter,
    .style_36.active > h3 button.buttonFilter {
        background-position: 0 40.58991443%;
    }

    /* Eng Trilogy */
    .style_4 > h3 button.buttonFilter {
        background-position: 0 91.98180865%;
    }

    .style_4:hover > h3 button.buttonFilter,
    .style_4.active > h3 button.buttonFilter {
        background-position: 0 89.92180865%;
    }

    /* -- END Engagement Rings */

    /* -- START Eternity Rings */

    /* ET Jewellery */
    .jewellery_3 > h3 button.buttonFilter {
        background-position: 0 17.98236154%;
    }

    .jewellery_3:hover > h3 button.buttonFilter,
    .jewellery_3.active > h3 button.buttonFilter {
        background-position: 0 15.92876634%;
    }

    /* ET Claw */
    .style_21 > h3 button.buttonFilter {
        background-position: 0 26.15674424%;
    }

    .style_21:hover > h3 button.buttonFilter,
    .style_21.active > h3 button.buttonFilter {
        background-position: 0 24.12314904%;
    }

    /* ET Channel */
    .style_19 > h3 button.buttonFilter {
        background-position: 0 18.03236154%;
    }

    .style_19:hover > h3 button.buttonFilter,
    .style_19.active > h3 button.buttonFilter {
        background-position: 0 15.96876634%;
    }

    /* ET Designer */
    .style_24 > h3 button.buttonFilter {
        background-position: 0 46.73270193%;
    }

    .style_24:hover > h3 button.buttonFilter,
    .style_24.active > h3 button.buttonFilter {
        background-position: 0 44.64200672%;
    }

    /* -- END Eternity Rings */

    /* -- START Necklaces */

    /* Necklace Jewellery */
    .jewellery_4 > h3 button.buttonFilter {
        background-position: 0 10.04797884%;
    }

    .jewellery_4:hover > h3 button.buttonFilter,
    .jewellery_4.active > h3 button.buttonFilter {
        background-position: 0 8.014382698%;
    }

    /* Necklace Diamond Necklace */
    .style_8 > h3 button.buttonFilter {
        background-position: 0 6.010787495%;
    }

    .style_8:hover > h3 button.buttonFilter,
    .style_8.active > h3 button.buttonFilter {
        background-position: 0 4.000191349%;
    }

    /* Necklace Diamond Pendant */
    .style_9 > h3 button.buttonFilter {
        background-position: 0 10.04797884%;
    }

    .style_9:hover > h3 button.buttonFilter,
    .style_9.active > h3 button.buttonFilter {
        background-position: 0 8.014382698%;
    }

    /* Necklace Designer Pendants */
    .style_26 > h3 button.buttonFilter {
        background-position: 0 14.06517019%;
    }

    .style_26:hover > h3 button.buttonFilter,
    .style_26.active > h3 button.buttonFilter {
        background-position: 0 12.02157405%;
    }

    /* Necklace Monologue */
    .style_38 > h3 button.buttonFilter {
        background-position: 0 83.84742595%;
    }

    .style_38:hover > h3 button.buttonFilter,
    .style_38.active > h3 button.buttonFilter {
        background-position: 0 81.81982981%;
    }

    /* -- END Necklaces */

    /* -- START Earrings */

    /* Earrings Jewellery */
    .jewellery_5 > h3 button.buttonFilter {
        background-position: 0 50.95989328%;
    }

    .jewellery_5:hover > h3 button.buttonFilter,
    .jewellery_5.active > h3 button.buttonFilter {
        background-position: 0 48.88629807%;
    }

    /* Earrings Diamond Hoops */
    .style_22 > h3 button.buttonFilter {
        background-position: 0 71.42585096%;
    }

    .style_22:hover > h3 button.buttonFilter,
    .style_22.active > h3 button.buttonFilter {
        background-position: 0 69.39225576%;
    }

    /* Earrings Diamond Studs */
    .style_10 > h3 button.buttonFilter {
        background-position: 0 87.8546173%;
    }

    .style_10:hover > h3 button.buttonFilter,
    .style_10.active > h3 button.buttonFilter {
        background-position: 0 85.82102116%;
    }

    /* Earrings Diamond Drops */
    .style_11 > h3 button.buttonFilter {
        background-position: 0 55.19708557%;
    }

    .style_11:hover > h3 button.buttonFilter,
    .style_11.active > h3 button.buttonFilter {
        background-position: 0 53.1348942%;
    }

    /* Earrings Designer Studs */
    .style_27 > h3 button.buttonFilter {
        background-position: 0 50.98989328%;
    }

    .style_27:hover > h3 button.buttonFilter,
    .style_27.active > h3 button.buttonFilter {
        background-position: 0 48.89929807%;
    }

    /* -- END Earrings */

    /* -- START Diamond Jewellery */

    /* Diamond Jewellery */
    .jewellery_6 > h3 button.buttonFilter {
        background-position: 0 79.58023366%;
    }

    .jewellery_6:hover > h3 button.buttonFilter,
    .jewellery_6.active > h3 button.buttonFilter {
        background-position: 0 77.5063846%;
    }

    /* Diamond Jewellery Cocktails */
    .style_12 > h3 button.buttonFilter {
        background-position: 0 30.25393653%;
    }

    .style_12:hover > h3 button.buttonFilter,
    .style_12.active > h3 button.buttonFilter {
        background-position: 0 28.18034039%;
    }

    /* Diamond Jewellery Bracelets */
    .style_13 > h3 button.buttonFilter {
        background-position: 0 1.403596145%;
    }

    .style_13:hover > h3 button.buttonFilter,
    .style_13.active > h3 button.buttonFilter {
        background-position: 0 -0.65%;
    }

    /* Diamond Jewellery Confetti */
    .style_32 > h3 button.buttonFilter {
        background-position: 0 34.370213%;
    }

    .style_32:hover > h3 button.buttonFilter,
    .style_32.active > h3 button.buttonFilter {
        background-position: 0 32.312553%;
    }

    /* Diamond Jewellery Cufflinks */
    .style_31 > h3 button.buttonFilter {
        background-position: 0 38.49831923%;
    }

    .style_31:hover > h3 button.buttonFilter,
    .style_31.active > h3 button.buttonFilter {
        background-position: 0 36.437872%;
    }

    /* Diamond Jewellery Galaxy */
    .style_40 > h3 button.buttonFilter {
        background-position: 0 58.99427692%;
    }

    .style_40:hover > h3 button.buttonFilter,
    .style_40.active > h3 button.buttonFilter {
        background-position: 0 56.95068077%;
    }

    /* Diamond Jewellery Glissade */
    .style_43 > h3 button.buttonFilter {
        background-position: 0 63.31146827%;
    }

    .style_43:hover > h3 button.buttonFilter,
    .style_43.active > h3 button.buttonFilter {
        background-position: 0 61.30787212%;
    }
    /*#styleFilterHolder li.style_43 > h3 button.buttonFilter{background-size:30%;}*/

    /* Diamond Jewellery Impero */
    .style_44 > h3 button.buttonFilter {
        background-position: 0 75.63304231%;
    }

    .style_44:hover > h3 button.buttonFilter,
    .style_44.active > h3 button.buttonFilter {
        background-position: 0 73.56944711%;
    }

    /* Diamond Jewellery Muse */
    .style_45 > h3 button.buttonFilter {
        background-position: 0 99.72766%;
    }

    .style_45:hover > h3 button.buttonFilter,
    .style_45.active > h3 button.buttonFilter {
        background-position: 0 97.84966%;
    }



    /* -- END Jewellery */

    /* -- START Metals */

    #metalFilter {
        position: relative;
        padding-bottom: 35px;
        margin-bottom: 50px;
    }

        #metalFilter li {
            width: 32px;
            height: 32px;
            border: 1px solid transparent;
            background-image: url(/images/img-2018/ExpressPage/Metals.png);
            background-repeat: no-repeat;
            display: block;
            cursor: pointer;
        }

            #metalFilter li.active {
                border-color: #ffc13a;
            }

            #metalFilter li.inactive {
                opacity: 0.2;
            }

            #metalFilter li.metal_all {
                background-position: -20px -20px;
            }

            #metalFilter li.metal_PLAT {
                background-position: -20px -90px;
            }

            #metalFilter li.metal_RG {
                background-position: -20px -160px;
            }

            #metalFilter li.metal_WG {
                background-position: -20px -230px;
            }

            #metalFilter li.metal_YG {
                background-position: -20px -300px;
            }

    #expresspage #filtersHolder #metalFilter li {
        position: static;
    }

        #expresspage #filtersHolder #metalFilter li h3 {
            position: absolute;
            bottom: 0;
            left: 0;
            display: none;
        }

        #expresspage #filtersHolder #metalFilter li.active h3 {
            display: block;
        }

    /* -- END Metals */

    /* - END Sprites */

    /* - START Product List */

    #expresspage #resultsHolder {
        margin-top: 20px;
    }

        #expresspage #resultsHolder #resultsCount {
            margin-top: 10px;
            color: #878787;
        }

        #expresspage #resultsHolder .sortSelect {
            height: 36px;
            border: 1px solid #ccc;
            padding-left: 5px;
        }

    #expresspage #itemsList {
        margin-top: 20px;
        overflow: hidden;
        min-height: 35px;
    }

        #expresspage #itemsList .item {
            height: 400px;
        }

            #expresspage #itemsList .item .sliderHolder {
                position: relative;
            }

            #expresspage #itemsList .item figure.slide {
                border: 1px solid #ccc;
                width: 100%;
                height: 250px;
                margin-bottom: 10px;
            }

                #expresspage #itemsList .item figure.slide:hover {
                    border-color: #ffc13a;
                }

                #expresspage #itemsList .item figure.slide img {
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    /*max-width: 99%;*/
                    max-height: 100%;
                }

                #expresspage #itemsList .item figure.slide.is-real-image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            #expresspage #itemsList .item .itemName {
                font-size: 16px;
                margin-bottom: 10px;
            }

            #expresspage #itemsList .item .diamondDescription {
                font-size: 16px;
                color: #878787;
                font-weight: 300;
                margin-bottom: 10px;
            }

            #expresspage #itemsList .item .itemPrice {
                font-size: 22px;
                margin-bottom: 10px;
            }
        #expresspage .price-popup-holder .item-price, #expresspage .price-popup-holder .item-price.hasDiscount {
                font-size: 33px;
            }
            #expresspage .item-price.hasDiscount:after {
                font-size: inherit;
            }

            #expresspage #itemsList .item .availableSizes {
                font-size: 14px;
                color: #878787;
            }

                #expresspage #itemsList .item .availableSizes > span:after {
                    content: ", ";
                }

                #expresspage #itemsList .item .availableSizes > span:last-of-type:after {
                    content: "";
                }

    #expresspage #ajaxButtonsHolder {
        margin: 20px auto;
    }

        #expresspage #ajaxButtonsHolder #loadMore,
        #expresspage #ajaxButtonsHolder #toTop {
            height: 60px;
            text-transform: uppercase;
            color: #666;
            vertical-align: top;
            -webkit-appearance: none;
        }

        #expresspage #ajaxButtonsHolder button#toTop {
            line-height: 15px;
        }

        #expresspage #ajaxButtonsHolder button > i.fa {
            font-size: 40px;
            line-height: 10px;
        }

    /* - END Product List */

    /* - START Product Detail */


    .zoomWindowContainer {
        z-index: 100000;
    }


    .zoomWindow {
        z-index: 8;
    }

    #productInfo {
        border-radius: 10px;
        padding: 20px;
        max-height: 85vh;
    }

    .productInfoExpressContent {
        position: fixed;
        top: 50%;
        z-index: 1000;
        width: 80%;
        max-width: 960px;
        height: auto;
        overflow: hidden;
        background: #fff;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    #productInfo #containerFlash #player {
        height: auto !important;
        max-width: 100%;
    }

    #expresspage #productInfo .carrousel_left, #expresspage #productInfo .carrousel_right {
        top: 25%;
    }

    #productInfo > .productInfoHolder {
        overflow: auto;
        max-height: 80vh;
    }

    /*#bookAppointment, #reqMoreInfo {display: none;}*/

    .btn-close {
        width: 28px;
        height: 28px;
        background: url(/images/NewImages/Icons/Close.png) no-repeat center center / 20px auto;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 2;
    }
    
    #info-table, #info-table-pair {
        margin-bottom: 30px;
        color: #575757;
        font-size: 13px;
        line-height: 17px;
        display: inline-block;
    }

    #info-table-pair {
        margin-left: 30px;
    }

        #info-table td:first-child, #info-table-pair td:first-child {
            width: 55px;
        }

    .content .btn {
        display: block;
        width: 100%;
        font-size: 2em;
        box-sizing: border-box;
        padding: 10px 26px;
    }

    

    .price-popup-holder .prod-price.hasDiscount:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 50%;
        color: red;
        border-top: 2px solid;
    }

    .price-popup-holder .prod-price.hasDiscount:before {
        width: 100%;
        top: 50%;
        left: 0;
    }



    .prod-price.hasDiscount:after {
        display: block;
        color: red;
    }


    #productInfo .price-popup-holder .prod-price {
        font-weight: bold;
    }

        #productInfo .price-popup-holder .prod-price.hasDiscount {
            position: relative;
            color: #000;
        }

    #productInfo .price-popup-holder {
        font-size: 2.5em;
        margin-bottom: 0;
    }

        #productInfo .price-popup-holder .prod-price.hasDiscount::after {
            top: 25%;
            width: 100%;
        }

    /* - END Product Detail */

    /* END Express Page */

    /* - START SEO Shapes */

    .SEOshapes .subNavSlider > li img {
        max-height: 45px;
    }

    /* - START SEO Shapes 2017 */

    .SEOshapes2017 .line,
    .shape2017applyMargin {
        margin: 20px 0;
    }

        .shape2017applyMargin.noTopMargin {
            margin-top: 0;
        }

        .SEOshapes2017 .line:first-child {
            margin-top: 0;
        }

    .SEOshapes2017 .firstText {
        padding-top: 40px;
    }

    .SEOshapes2017 .firstFigure {
        margin-top: 50px;
    }

    .SEOshapes2017 h1, .SEOshapes2017 h2 {
        font-size: 3.2em;
        margin-bottom: 15px;
        white-space: nowrap;
    }

    .SEOshapes2017 hr {
        border-color: #868686;
        border-width: 0 0 1px 0;
    }

    .SEOshapes2017 .bgShape_1 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_RoundBG.png) no-repeat left -60px top -20px / auto 320px
    }

    .SEOshapes2017 .bgShape_2 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_PrincessBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_3 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_EmeraldBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_4 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_AsscherBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_5 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_PearBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_6 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_RadiantBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_7 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_OvalBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_8 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_CushionBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_9 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_HeartBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .bgShape_10 {
        background: url(/images/img-2018/SEOPages/Shapes/ShapePage_MarquiseBG.png) no-repeat left -60px top -20px / auto 300px;
    }

    .SEOshapes2017 .rightBG {
        background-position: right center;
    }

    .SEOshapes2017 .videoHolder .iframeHolder,
    .SEOshapes2017 .videoHolder > video {
        max-width: 100%;
        margin-top: 20px;
    }

    .SEOshapes2017 .videoHolder {
        text-align: center;
    }

        .SEOshapes2017 .videoHolder .iframeHolder {
            display: inline-block;
        }

    .SEOshapes2017 #productsHolder {
        min-height: 485px;
        overflow: hidden;
        transition: height .5s;
    }

        .SEOshapes2017 #productsHolder.lessThan8 {
            min-height: 250px;
        }

        .SEOshapes2017 #productsHolder li {
            height: 240px;
        }

            .SEOshapes2017 #productsHolder li h3 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 0;
            }

            .SEOshapes2017 #productsHolder li p {
                font-size: 16px;
                font-style: italic;
                color: #666;
            }

            .SEOshapes2017 #productsHolder li a.link {
                opacity: 0;
                background-color: #878787;
                padding: 6px 48px;
                color: #fff;
                transition: opacity .5s;
            }

            .SEOshapes2017 #productsHolder li:hover a.link {
                opacity: 1;
            }

    .SEOshapes2017 #viewAllButton {
        background-color: #fff;
        border: 0 none;
        font-size: 22px;
        margin: -24px auto 20px;
        color: #868686;
        cursor: pointer;
        display: block;
    }

        .SEOshapes2017 #viewAllButton:after {
            content: " ";
            display: block;
            margin: -5px auto;
            background: transparent url(/images/img-2018/Common/arrow_706f6f.png) no-repeat center center / auto 35px;
            transform: rotate(90deg);
            width: 50px;
            height: 35px;
            transition: transform .5s;
        }

        .SEOshapes2017 #viewAllButton.active:after {
            transform: rotate(270deg);
        }

    .SEOshapes2017 .designYourRingHolder > p {
        font-size: 20px;
    }

    .SEOshapes2017 .chooseHolder img.fixedHeight {
        height: 180px;
        margin-bottom: 20px;
    }

    .SEOshapes2017 .chooseHolder h3 {
        font-style: italic;
        margin-top: 20px;
    }

    .SEOshapes2017 .chooseHolder p {
        padding: 0 20px;
    }

    .shape2017greyBG {
        background-color: #f4f4f4;
        float: left;
        width: 100%;
        margin-top: 100px;
    }

        .shape2017greyBG .quickLinks {
            transform: translateY(-39%);
        }

            .shape2017greyBG .quickLinks figcaption {
                font-size: 18px;
                font-style: italic;
                color: #666;
                margin-top: 20px;
            }

        .shape2017greyBG .shapesHolder li > a {
            text-align: center;
            font-size: 18px;
        }

        .shape2017greyBG .shapesHolder li:hover > a {
            color: #ffc13a;
        }

        .shape2017greyBG .centeredText {
            font-size: 16px;
        }

        .shape2017greyBG #shapesList li {
            float: left;
            width: 9%;
            margin-left: 2%;
        }

        .SEOshapes2017 .centeredContent,
        .shape2017greyBG .centeredContent {
            padding: 0 30px;
        }

        .shape2017greyBG .bottomImgHolder img {
            max-height: 300px;
        }

        .SEOshapes2017 p a, .shape2017greyBG a {
            text-decoration: underline;
            color: black;
        }

    /*.SEOshapes2017 .bgShape_1.firstText{padding-top: 180px;}
.SEOshapes2017 .bgShape_3.firstText{padding-top: 180px;}
.SEOshapes2017 .bgShape_4.firstText{padding-top: 240px;}
.SEOshapes2017 .bgShape_5.firstText{padding-top: 140px;}
.SEOshapes2017 .bgShape_6.firstText{padding-top: 120px;}
.SEOshapes2017 .bgShape_7.firstText{padding-top: 120px;}
.SEOshapes2017 .bgShape_8.firstText{padding-top: 270px;}
.SEOshapes2017 .bgShape_9.firstText{padding-top: 190px;}
.SEOshapes2017 .bgShape_10.firstText{padding-top: 140px;}*/

    /* - END SEO Shapes 2017 */




/* START SPRING FLASH SALE 2019 */



#springFlashSale2019 .formArea {
    background-color: #DADADA;
    padding: 45px 0;
    text-align: center;
}

#springFlashSale2019 .formArea h1 {
    font-size: 35px;
    color: black;
    font-family: 'Caslon Pro';
    margin-bottom: 12px;
}

#springFlashSale2019 .formArea h2 {
    font-size: 22px;
    color: black;
}

#springFlashSale2019 .formArea .form {
    max-width: 520px;
    margin: auto;
    padding: 12px;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder button {
    background-color: transparent;
    border: 1px solid black;
    color: black;
    padding: 0;
    height: 40px;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder:nth-child(1) {
    padding-left: 0;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder:nth-child(2) {
    padding-right: 0;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder .button_gender.active {
    border: 1px solid #ffc13a;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder input {
    display: none;
}

#springFlashSale2019 .formArea .form .errorMessage {
    margin-top: -5px;
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .errorMessage {
    display: block;
    position: relative;
    float: left;
    margin-top: 5px;
}

#springFlashSale2019 .formArea .form .buttonsHolder button {
    width: 100%;
    color: white;
    background-color: black;
    border: 1px solid black;
}

#springFlashSale2019 .formArea .privacyAgreement {
    margin-top: 12px;
    padding: 0 12px;
    max-width: 480px;
    margin: auto;
    font-size: 12px;
    line-height: 16px;
}

#springFlashSale2019 .formArea .privacyAgreement a {
    text-decoration: underline;
}

#springFlashSale2019 .offersArea {
    padding: 50px 0;
}

#springFlashSale2019 .offersArea a.offerBanners {
    margin-top: 14px;
    display: block;
}

#springFlashSale2019 .offersArea h3 {
    text-align: center;
    color: black;
    font-family: "Caslon Pro";
    font-size: 45px;
}

#springFlashSale2019 .offersArea figure {
    position: relative;
}

#springFlashSale2019 .offersArea figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 50px;
    pointer-events: none;
    text-align: left;
}

#springFlashSale2019 .offersArea figure figcaption .h2 {
    font-size: 32px;
    line-height: 38px;
    font-family: 'Source Sans Pro';
    margin-bottom: 12px;
}

#springFlashSale2019 .offersArea figure figcaption .h3 {
    font-size: 20px;
    line-height: 28px;
}

#springFlashSale2019 .offersArea figure figcaption a.btn {
    background-color: black;
    color: white;
    width: 182px;
    height: 30px;
    line-height: 30px;
}

@media (min-width: 481px) and (max-width: 1030px) {

    #springFlashSale2019 .offersArea figure figcaption {
        padding-left: 20px;
    }

    .clockHolder_SpringFlashSale2019 {
        right: 17%;
    }
}

@media (max-width: 480px) {

    #springFlashSale2019 .offersArea figure figcaption {
        padding-left: 20px;
    }

    #springFlashSale2019 .offersArea figure figcaption .info {
        align-self: flex-end;
        margin-bottom: 30px;
    }

    #springFlashSale2019 .offersArea figure figcaption .h2 {
        font-size: 34px;
        line-height: 38px;
    }

    #springFlashSale2019 .offersArea h3 {
        font-size: 28px;
    }

    #springFlashSale2019 .offersArea figure figcaption .h3 {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 26px;
    }

    #springFlashSale2019 .formArea .form .buttonsHolder button {
        margin-top: 2px;
    }

    #springFlashSale2019 .formArea .form .buttonsHolder #Subscribe_SpringFlashSale2019_OffersPage {
        margin-top: 12px;
    }

    #springFlashSale2019 .formArea h1 {
        font-size: 22px;
    }

    #springFlashSale2019 .formArea h2 {
        font-size: 14px;
    }
}



/* END SPRING FLASH SALE 2019 */






    /* - START Mengagement Rings */

    #mengagementPage .hero .info {
        width: 47%;
        margin-top: 8%;
    }

        #mengagementPage .hero .info h1, #mengagementPage .hero .info p {
            color: #fff;
            text-shadow: none;
            display: inline-block;
        }

    #mengagementPage #hero .info {
        margin: 5% auto;
        text-align: center;
    }

        #mengagementPage #hero .info h1 {
            font-weight: 300;
            font-size: 40px;
            margin-bottom: 10px;
        }

            #mengagementPage #hero .info h1 > strong {
            }

        #mengagementPage #hero .info p {
            border-top: 4px solid #fff;
            padding: 10px 15px;
        }

    /* - END Mengagement Rings */

    /* - END SEO Shapes */

    /* START Impero Landing Page */

    #imperoLandingPage {
        background-color: #000;
    }

        #imperoLandingPage p, #imperoLandingPage h2, #imperoLandingPage h3 {
            color: #fff;
        }

        #imperoLandingPage h2, #imperoLandingPage h3 {
            font-size: 40px;
        }

        #imperoLandingPage h2 {
            margin: 45px 0 30px 0;
        }

        #imperoLandingPage h3 {
            margin-bottom: 15px;
        }

        #imperoLandingPage .marginBottom {
            margin-bottom: 30px;
        }

        #imperoLandingPage .videoSize {
            max-width: 100%;
        }

        #imperoLandingPage .decoFrames {
            background-image: url(/images/img-2018/ImperoLP/LeftFrame_Desktop.png), url(/images/img-2018/ImperoLP/RightFrame_Desktop.png);
            background-position: left 30px top, right 30px bottom;
            background-repeat: no-repeat;
        }

        #imperoLandingPage figure figcaption div {
            padding: 20px 70px;
        }

    /* END Impero Landing Page */

    /* Celebrity eng Rings*/

    .celebrityPage h1 {
        font-size: 4em;
        margin-top: 1em;
        margin-bottom: 0.4em;
    }

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

    .celebrityPage article h2 {
        margin: 50px 0 7px 0;
        text-transform: none;
        color: #000;
        letter-spacing: 0;
        font-size: 3.6em;
    }

    .celebrityPage article h3 {
        font-size: 2.4em;
        padding-bottom: 10px;
        border-bottom: 2px solid #222;
        font-weight: bold;
        text-transform: none;
        margin-top: 50px;
        margin-bottom: 1em;
        font-style: normal;
        color: #feb100;
    }

    .celebrityPage article > img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .celebrityPage article div.centered {
        text-align: center;
    }

        .celebrityPage article div.centered > img:first-child {
            margin-right: 20px;
        }

    .celebrityPage .innerDivTexRight, .celebrityPage .innerDivTexLeft {
        position: relative;
    }

        .celebrityPage .innerDivTexRight .textHolder, .celebrityPage .innerDivTexLeft .textHolder {
            position: absolute;
            top: 200px;
        }

        .celebrityPage .innerDivTexRight .textHolder {
            right: 5px;
        }

        .celebrityPage .innerDivTexLeft .textHolder {
            left: 10px;
        }

            .celebrityPage .innerDivTexRight .textHolder h4, .celebrityPage .innerDivTexLeft .textHolder h4 {
                font-size: 48px;
                color: #ffc13a;
                margin-bottom: 20px;
            }

    .celebrityPage article img.desktopSpacing {
        margin-bottom: 30px;
    }


    /* END Celebrity eng Rings*/

    /* START GDPR Landing Page */

    #gdprPage h1,
    #gdprPage h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    #gdprPage .line {
        margin-top: 80px;
    }

    #gdprPage .mostPopContentHolder .col.info {
        position: absolute;
        width: 40%;
        top: 48%;
        transform: translateY(-50%);
    }

        #gdprPage .mostPopContentHolder .col.info .btn.arrowBtn {
            white-space: normal;
            text-align: left;
            color: #706f6f;
            text-transform: none;
            background-image: url(/images/img-2018/Common/arrow_706f6f.png);
        }

            #gdprPage .mostPopContentHolder .col.info .btn.arrowBtn:hover {
                color: #ffc13a;
                background-color: transparent;
                background-image: url(/images/img-2018/Common/arrow.png);
            }

    #gdprPage .worldTopNews77Holder article .textHolder {
        width: 70%;
        margin: 20px auto;
        background: transparent url(/images/img-2018/GDPRLP/GDPRLP_BlogIcon.png) no-repeat top left;
        padding-top: 20px;
        padding-left: 35px;
    }

        #gdprPage .worldTopNews77Holder article .textHolder h3 {
            text-transform: uppercase;
            font-size: 30px;
            font-weight: 300;
            margin-bottom: 15px;
        }

        #gdprPage .worldTopNews77Holder article .textHolder p {
            font-size: 20px;
            font-weight: 300;
            margin-bottom: 10px;
        }

        #gdprPage .worldTopNews77Holder article .textHolder .btn.arrowBtn {
            text-transform: none;
        }

    /* END GDPR Landing Page */


    /* START GOOGLE CERTIFIED SHOP */
    /*#gts-c { 
    bottom: 40px !important;
}*/

    /* END GOOGLE CERTIFIED SHOP */


    





    /* START Homepage Products */

    #homepageProducts {
        margin: 25px 0;
    }

        #homepageProducts .slide {
            margin: 25px 0;
            position: relative;
            transition: background-color .5s ease;
        }

            #homepageProducts .slide:hover:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255,255,255,0.8);
                z-index: 1;
            }

            #homepageProducts .slide h3 {
                font-size: 18px;
            }

                #homepageProducts .slide h3 > span {
                    color: #aaa;
                    font-size: 16px;
                }

            #homepageProducts .slide a.arrowBtn {
                position: absolute;
                opacity: 0;
                top: -100px;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 130px;
                height: 20px;
                height: 100%;
                line-height: 193px;
                z-index: 2;
                transition: top .5s ease, opacity .5s ease;
            }

        #homepageProducts.jan18 .slide a.arrowBtn {
            line-height: 232px;
        }

        #homepageProducts .slide:hover a.arrowBtn {
            top: 0;
            opacity: 1;
        }

        #homepageProducts .slide a.arrowBtn:hover:not(.disabled) {
            background-color: transparent;
            color: #ffc13a;
        }

    #homepage.jan18 .subNavSlidesHolder figcaption > .info h2.jan18grey {
        font-size: 44px;
        margin-bottom: 0;
    }

    #homepage.jan18 .subNavSlidesHolder figcaption > .info img {
        max-width: 380px;
        margin: 5px auto 15px;
    }

    /* END Homepage Products */


    /* 
    EVENTS WILL BE ADDED BELOW HERE
*/


    /* START Summer 2017 */

    .darkOverlay.summer2017 {
        background-color: rgba(0,0,0,.0);
    }

    #newsletterBox.summer2017 {
        width: 800px;
        height: 450px;
        background: #fff url(/images/img-2017/Summer/newsletterPopUp/Popimage_812x451.jpg) no-repeat;
        box-shadow: -5px 5px 30px #999;
        border: 0 none;
        border-radius: 0;
    }

        #newsletterBox.summer2017.imperoCollection {
            background: #fff url(/images/img-2017/Impero/Popimage_812x451.png) no-repeat;
            box-shadow: unset;
        }

            #newsletterBox.summer2017.imperoCollection .content > div {
                height: 100%;
            }

            #newsletterBox.summer2017.imperoCollection .content .textHolder {
                position: absolute;
                bottom: 15px;
            }

                #newsletterBox.summer2017.imperoCollection .content .textHolder h2,
                #newsletterBox.summer2017.imperoCollection .content .textHolder {
                    color: #fff;
                }

                    #newsletterBox.summer2017.imperoCollection .content .textHolder p {
                        padding: 0 15px;
                    }

        #newsletterBox.summer2017 .content h2 {
            color: #000;
            font-size: 72px;
            font-weight: normal;
            text-indent: 0;
            text-align: center;
        }

        #newsletterBox.summer2017 .content > div,
        #newsletterBox:not(.summer2017) .content .newsletter {
            width: 45%;
        }

        #newsletterBox.summer2017 .content .newsletter {
            margin: 30px 0;
            width: 55%;
        }

    #newsletterBox:not(.summer2017) .content .newsletter > input[type=text] {
        width: 45%;
    }

        #newsletterBox:not(.summer2017) .content .newsletter > input[type=text]:first-child {
            margin-right: 9%;
        }

    #newsletterBox.summer2017 .content .newsletter .btn {
        margin-top: 0;
    }


    #newsletterBox.summer2017 .content input[type='text'],
    #newsletterBox.summer2017 .content select {
        height: 40px;
        margin-bottom: 20px;
    }

    #newsletterBox.summer2017.imperoCollection .content input[type='text'] {
        float: left;
    }

    #newsletterBox.summer2017.imperoCollection .content #txtNewsletterEmailPopup {
        float: none;
    }

    #newsletterBox.summer2017 div.newsletter div.genderWrapper {
        display: block;
        margin-bottom: 18px;
        margin-left: -52px;
        font-size: 14px;
    }

    #newsletterBox.summer2017.imperoCollection .content .newsletter .disclaimer,
    #newsletterBox.summer2017.imperoCollection div.newsletter div.genderWrapper {
        color: #fff;
        display: block;
        float: none;
    }

    #newsletterBox.summer2017.imperoCollection div.newsletter div.dateHolder {
        display: inline-block;
        margin: auto;
    }

    #newsletterBox.summer2017 div.newsletter div.genderWrapper label:first-of-type {
        margin-left: 5px;
        margin-right: 2%;
    }

    div.newsletter.summer2017 div.genderWrapper label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    footer div.newsletter.summer2017 {
        margin-top: -30px;
    }

        footer div.newsletter.summer2017 > div {
            width: 100%;
        }

        footer div.newsletter.summer2017 div.genderWrapper {
            vertical-align: middle;
        }

            footer div.newsletter.summer2017 div.genderWrapper label:first-of-type {
                margin-left: 15px;
            }

        footer div.newsletter.summer2017 .submitBtn {
            margin-bottom: 10px;
        }

        #newsletterBox.summer2017 .content .newsletter .disclaimer,
        footer div.newsletter.summer2017 .disclaimer {
            font-size: 11px;
            color: #666;
            font-style: normal;
        }

    #newsletterBox.summer2017 .content .newsletter .disclaimer {
        font-size: 12px;
        margin-top: 40px;
        text-align: center;
    }

    footer div.newsletter.summer2017 .genderHolder > span {
        vertical-align: middle;
    }

    footer div.newsletter.summer2017 .dateHolder > input,
    #newsletterBox.summer2017 .content .dateHolder > input {
        width: 50px;
        margin-left: 10px;
        text-align: center;
        text-indent: 0;
    }

    #newsletterBox.summer2017 #closeBox {
        right: -10px;
        top: -10px;
    }

    #homepage.summer2017 #hero .info h2,
    #homepage.summer2017 #hero .info h3 {
        color: #000;
        text-shadow: none;
    }

    /* START Black Friday 2017 */

    /* - START Sign UP page */

    #blackFriday .hero h3,
    #blackFriday .hero p {
        color: #fff;
        text-shadow: none;
        letter-spacing: 1px;
    }

    #blackFriday .hero h3 {
        font-size: 30px;
    }

    #blackFriday .hero .info {
        width: 40%;
    }

    #blackFriday .hero + .hero {
        margin-top: 15px;
    }

    #blackFriday .bannerLinks.blackFriday2017 {
        position: relative;
        margin-bottom: 10px;
    }

    #blackFriday .bannerLinks.blackFriday2017 {
        padding-top: 0;
    }

    .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
        font-size: 16px;
        color: #ffc13a;
        min-width: 160px;
    }

    .bannerLinks.blackFriday2017 .btn.eventBtn:hover:not(.disabled) {
        color: #bbb;
        border-color: #bbb;
    }

    .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) > span {
        background: transparent url(../images/img-2017/Spring/Common/arrow.png) no-repeat center right 10px / 12px auto;
    }

    .bannerLinks.blackFriday2017 .btn.eventBtn:hover:not(.disabled) > span {
        background: transparent url(../images/img-2017/Spring/Common/arrow_bbb.gif) no-repeat center right 5px / 12px auto;
    }

    .bannerLinks.blackFriday2017.readOnly .btn.eventBtn:not(.disabled) {
        color: #000;
        border-color: #02a002;
        text-align: center;
        cursor: default;
        pointer-events: none;
    }

        .bannerLinks.blackFriday2017.readOnly .btn.eventBtn:hover:not(.disabled) > span,
        .bannerLinks.blackFriday2017.readOnly .btn.eventBtn:not(.disabled) > span {
            background: none;
        }

    #blackFriday .title {
        margin: 25px 0;
    }

    #blackFriday h2.title {
        margin: 60px 0 40px 0;
    }

    #blackFriday .HelpGuidanceHolder p {
        margin-bottom: 45px;
    }

    #blackFriday #topBanner .info {
        width: 90%;
    }

    #blackFriday #topBanner .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
        width: 180px;
        text-align: center;
    }

        #blackFriday #topBanner .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) > span {
            background: none;
        }

    #blackFriday #blackFriday2017Holder {
        overflow: hidden
    }

        #blackFriday #blackFriday2017Holder > .line {
            margin: 0 -5px;
        }

    #blackFriday > .blackFriday2017 figure#logoHolder img {
        width: 60%;
        margin: 60px 0;
    }

    #blackFriday > .blackFriday2017 .textHolder {
        width: 80%;
        margin: auto;
    }

    #blackFriday > .blackFriday2017 .genderWrapper > .errorMessage {
        margin-top: 2px;
        padding: 0;
    }

    #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper div.gender {
        width: 34px;
        height: 36px;
        line-height: 33px;
        text-indent: 0;
        text-align: center;
        background: #ccc;
        color: #000 !important;
        border: 1px solid #ccc;
        text-transform: uppercase;
        font-size: 16px;
        box-sizing: border-box;
    }

    #blackFriday > .blackFriday2017 .newsletterHolder {
        width: 100%;
        background-color: #ddd;
        padding-bottom: 0;
    }

        #blackFriday > .blackFriday2017 .newsletterHolder > h2 {
            margin-top: 40px;
        }

        #blackFriday > .blackFriday2017 .newsletterHolder .newsletter {
            width: 50%;
            margin-bottom: 40px;
        }

    #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper {
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
    }

        #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper label {
            display: inline-block;
            width: 48%;
            margin: 0;
        }

            #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper label + label {
                margin-left: 3%;
            }

        #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper div.gender:hover {
            background: #666;
            border-color: #666;
        }

        #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper input:checked + div.gender {
            background: #ffc13a;
            border-color: #ffc13a;
        }

        #blackFriday > .blackFriday2017 .submitBtn,
        #blackFriday > .blackFriday2017 div.newsletter,
        #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper div.gender {
            width: 100%;
        }

    #blackFriday > .blackFriday2017 .submitBtn {
        height: 40px;
        font-weight: 600;
    }

    #blackFriday .blackFriday2017 .fieldHolder > input {
        height: 36px;
    }

    #blackFriday .blackFriday2017 .selectionBtn {
        width: 49%;
    }

        #blackFriday .blackFriday2017 .selectionBtn + .selectionBtn {
            margin-left: 2%;
        }

        #blackFriday .blackFriday2017 .selectionBtn:hover {
            background-color: #ffc13a;
            cursor: default;
        }

        #blackFriday .blackFriday2017 .selectionBtn.greyBG:hover {
            background-color: #666;
            border-color: #666;
            cursor: pointer;
        }

    #blackFriday .blackFriday2017 div.newsletter .message {
        float: left;
        width: 100%;
    }

        #blackFriday .blackFriday2017 div.newsletter .message.error {
            color: red;
        }




    /* - END Sign UP page */

    /* END Black Friday 2017 */

    /* START Muse Collection Launch 2018 */

    #newsletterBox.summer2017.imperoCollection.museCollection {
        background: #fff url(/images/img-2018/MuseCollection/PopupBG.jpg) no-repeat;
        box-shadow: unset;
    }

        #newsletterBox.summer2017.imperoCollection.museCollection h3,
        #newsletterBox.summer2017.imperoCollection.museCollection p,
        #newsletterBox.summer2017.imperoCollection.museCollection div.newsletter div.genderWrapper,
        #newsletterBox.summer2017.imperoCollection.museCollection .content .newsletter .disclaimer,
        #newsletterBox.summer2017.imperoCollection.museCollection .content select {
            color: #666;
        }

    #newsletterBox.imperoCollection.museCollection.success .successPart {
        right: 0;
        left: 0;
        margin: auto;
    }

        #newsletterBox.imperoCollection.museCollection.success .successPart h2 {
            color: #666;
        }

    #homepage .col.info.museCollection {
        width: 30%;
    }

    #homepage #hero.museCollection .slick-dots > li > button {
        border-color: #fbd4d1;
    }

    #homepage #hero.museCollection .slick-dots > li.slick-active > button {
        background-color: #fbd4d1;
    }

    /* END Muse Collection Launch 2018 */






    /* END Hero banner - EDEN COLLECTION */

    /* START Sample Sale 2018 / 2019 */



    #hero .slide.ss18 .info {
        left: 0;
        right: 0;
        height: 100%;
        max-width: 95%;
        font-family: 'Caslon Pro';
        box-shadow: none;
    }

    #hero .slide.ss18 figcaption .info h1 {
        text-shadow: none;
        font-size: 36px;
        margin-bottom: 20px;
        color: white;
    }

    #hero .slide.ss18 figcaption .info h2 {
        text-shadow: none;
        font-size: 90px;
        margin-bottom: 14px;
        color: white;
    }

    #hero .slide.ss18 figcaption .info h3 {
        text-shadow: none;
        font-size: 36px;
        color: white;
    }


    #hero .slide.ss18 .sampleDate {
        bottom: 17px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

        #hero .slide.ss18 .sampleDate > p {
            font-size: 32px;
            line-height: 34px;
            margin: 0;
            color: #59595B;
            white-space: nowrap;
        }

    #homepage #hero.ss18 figcaption.row br {
        display: block;
    }

    /* - START Under menu */

    #underMenuHolder.ss18.stickyActive,
    #underMenuHolder.ss18 > .container {
        background-color: #383F49;
        overflow: hidden;
    }

    #underMenuHolder.ss18 a.closeSticky {
        color: #fff;
    }

    #underMenuHolder.ss18 > .container p {
        font-weight: 300;
        font-size: 20px;
        margin: 15px 0 15px 30px;
        color: #fff;
    }

        #underMenuHolder.ss18 > .container p > strong {
            font-weight: 600;
            font-weight: normal;
        }

    #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
        font-weight: 300;
        font-size: 20px;
        text-transform: none;
        margin: 10px 60px 10px 0;
        color: #fff;
        letter-spacing: 0;
        border-width: 2px;
        background-image: url(/images/img-2018/Common/arrow_white.png);
    }

    #underMenuHolder.ss18 .visitShowroom .arrowBtn {
        font-weight: 300;
        font-size: 20px;
        margin: 15px 60px 10px 0;
        display: inline-block;
        text-transform: uppercase;
    }

        #underMenuHolder.ss18 .visitShowroom .arrowBtn:hover {
            color: #fff;
        }

    /* - END Under menu */

    /* END Sample Sale 2018 */

    /* START Spring Sale 2018 */

    .springSale18grey {
        color: #fff;
    }

    a.arrowBtn.springSale18,
    a.arrowBtn.springSale18:link,
    a.arrowBtn.springSale18:visited,
    .arrowBtn.springSale18 {
        text-transform: uppercase;
        color: #fff;
        padding: 6px 35px 6px 6px;
        border: 1px solid #ffc13a;
        font-size: 16px;
        background-image: url(/images/img-2018/Common/arrow_706f6f.png);
        background-size: 14px auto;
        background-position: center right 6px;
        background-color: rgba(255, 193, 58, .14);
    }

        a.arrowBtn.springSale18:hover,
        .arrowBtn.springSale18:hover {
            color: #ffc13a;
            background-image: url(/images/img-2018/Common/arrow.png);
        }

    .badge_clock.springSale18 > span {
        font-size: 18px;
        color: #fff;
    }

        .badge_clock.springSale18 > span > span {
            font-size: 18px;
            color: #fff;
        }

    /* - START Sticky Bar */

    #underMenuHolder.springSale18 {
        margin: 0;
        overflow: hidden;
        height: 60px;
    }

        #underMenuHolder.springSale18.stickyActive {
            background-color: #d5bdb1;
            box-shadow: 2px 1px 5px #aaa;
        }

    #underMenuHolder.stickyActive a.closeSticky {
        color: #fff;
    }

    #underMenuHolder.springSale18 > .container {
        overflow: hidden;
        background-color: #d5bdb1;
        height: 100%;
        box-sizing: border-box;
        padding: 0 60px;
    }

    #underMenuHolder.springSale18.stickyActive > .container {
        border: 0 none;
    }

    #underMenuHolder.springSale18 .underMenu {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        float: left;
        width: 100%;
    }

        #underMenuHolder.springSale18 .underMenu p,
        #underMenuHolder.springSale18 .underMenu .clockHolder,
        #underMenuHolder.springSale18 .underMenu .clockHolder span {
            color: #fff;
            font-size: 23px;
            margin: 0;
            line-height: 60px;
            white-space: nowrap;
        }

    #underMenuHolder.springSale18.nonDiamond .underMenu p,
    #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
    #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
        font-size: 24px;
    }

    #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock {
        display: inline-block;
        text-align: left;
        white-space: nowrap;
        margin-left: 10px;
    }

        #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock span {
            font-weight: 300;
        }

        #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock > span {
            width: 37%;
            line-height: 0;
        }

            #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock > span.seconds {
                margin-left: -10px;
            }

    #underMenuHolder.springSale18 .underMenu .arrowBtn.springSale18 {
        line-height: 60px;
    }

    /* - END Sticky Bar */

    /* - START Homepage */

    #homepage.springSale18 .saleLogoHolder {
        margin: 3% 4%;
    }

    /*#homepage.springSale18 .imageWithCaptionBlock .saleLogoHolder {
    position: absolute;
    top: 0;
    left: 0;
}*/

    #homepage #hero.springSale18 {
        padding-bottom: 60px;
    }

        #homepage #hero.springSale18 figure {
            overflow: visible;
        }

        #homepage #hero.springSale18 figcaption.row > .info {
            width: 65%;
        }

            /*#homepage.springSale18 .imageWithCaptionBlock h2,*/
            #homepage #hero.springSale18 figcaption.row > .info h2 {
                font-size: 32px;
                color: #222;
                letter-spacing: 2px;
                text-shadow: none;
                text-transform: uppercase;
            }

                #homepage #hero.springSale18 figcaption.row > .info h2 > p {
                    font-size: 28px;
                    color: #222;
                    text-shadow: none;
                    margin-top: 5px;
                    text-transform: none;
                    line-height: 45px;
                }

            #homepage #hero.springSale18 figcaption.row > .info .springSale18ExtendedSale {
                color: #fff;
                text-shadow: none;
                margin: 0;
            }

            #homepage #hero.springSale18 figcaption.row > .info .springSale18ExtendedSale {
                font-size: 70px;
                letter-spacing: 13px;
                line-height: 70px;
                padding-left: 10px;
                margin-top: -10px;
            }

        /*#homepage.springSale18 .imageWithCaptionBlock figcaption {
    width: 50%;
}

#homepage.springSale18 .imageWithCaptionBlock.fig_1 figcaption {
    width: 60%;
}

#homepage.springSale18 .imageWithCaptionBlock h2 {
    font-size: 36px;
    text-transform: none;
    letter-spacing: 2px;
}

#homepage.springSale18 .imageWithCaptionBlock h3 {
    font-size: 20px;
    letter-spacing: 2px;
    color: #222;
    text-shadow: none;
    margin-bottom: 30px;
}*/

        #homepage #hero.springSale18 .clockHolder {
            display: inline-block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            font-size: 24px;
        }

        #homepage #hero.springSale18 .badge_clock {
            display: inline-block;
            text-align: left;
            white-space: nowrap;
            margin-left: 10px;
        }

            #homepage #hero.springSale18 .badge_clock span {
                color: #fff;
                font-size: 24px;
            }

            #homepage #hero.springSale18 .badge_clock > span {
                width: auto;
                line-height: 0;
            }

        #homepage #hero.springSale18 #heroClockHolder {
            position: absolute;
            width: 100%;
            bottom: -60px;
            left: 0;
            height: 60px;
            background-color: #d5bdb1;
        }

    #homepageProducts {
        margin: 0;
        border-bottom: 15px solid #d5bdb1;
    }

        #homepageProducts .slide {
            margin: 25px 0;
            position: relative;
            transition: background-color .5s ease;
        }

            #homepageProducts .slide:hover:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255,255,255,0.8);
                z-index: 1;
            }

            #homepageProducts .slide h3 {
                font-size: 18px;
            }

                #homepageProducts .slide h3 > span {
                    color: #aaa;
                    font-size: 16px;
                }

            #homepageProducts .slide a.arrowBtn {
                position: absolute;
                opacity: 0;
                top: -100px;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 130px;
                height: 20px;
                height: 100%;
                line-height: 193px;
                z-index: 2;
                transition: top .5s ease, opacity .5s ease;
            }

        #homepageProducts.springSale18 .slide a.arrowBtn {
            line-height: 232px;
        }

        #homepageProducts .slide:hover a.arrowBtn {
            top: 0;
            opacity: 1;
        }

        #homepageProducts .slide a.arrowBtn:hover:not(.disabled) {
            background-color: transparent;
            color: #ffc13a;
        }

    #homepage.springSale18 .subNavSlidesHolder figcaption > .info h2.springSale18grey {
        font-size: 44px;
        margin-bottom: 0;
    }

    #homepage.springSale18 .subNavSlidesHolder figcaption > .info img {
        max-width: 380px;
        margin: 5px auto 15px;
    }

    /* - END Homepage */

    /* - START Engagement Ring Page */

    #engagementPage.springSale18 #hero .info h1 {
        color: #fff;
        text-shadow: none;
    }

    #engagementPage.springSale18 #hero .info p {
        color: #fff;
        text-shadow: none;
        margin-bottom: 30px;
    }

    #engagementPage.springSale18 .productSliderSlides h3 span.red {
        color: red;
    }
    /* - END Engagement Ring Page */

    /* - START Shop Page */

    #springSale18ShopBanners {
        margin-bottom: 20px;
    }

    #tblDepthsContainer .inactive, #tblWidthsContainer .inactive {
        cursor: default;
    }

    #shopClockHolder {
        background-color: #e2e2e2;
        padding: 20px;
        height: 105px;
        box-sizing: border-box;
    }

    #shopClockHolderMob,
    #shopClockHolder {
        background-color: #d5bdb1;
        margin: -10px 0 10px 0;
        height: 90px;
    }

        #shopClockHolderMob p,
        #shopClockHolder p {
            font-size: 16px;
            color: #fff;
            margin-bottom: 5px;
        }

        #shopClockHolderMob .textHolder > span,
        #shopClockHolder .textHolder > span {
            font-size: 26px;
            color: #fff;
        }

        #shopClockHolderMob #springSale18_shopClockMob,
        #shopClockHolder #springSale18_shopClock {
            display: inline-block;
            margin-left: 10px;
            font-size: 26px;
            color: #fff;
            white-space: nowrap;
        }

            #shopClockHolderMob #springSale18_shopClockMob span,
            #shopClockHolder #springSale18_shopClock span {
                font-size: 26px;
            }

            #shopClockHolderMob #springSale18_shopClockMob > span,
            #shopClockHolder #springSale18_shopClock > span {
                width: 34%;
            }

    /* - END Shop Page */

    /* END Spring Sale 2018 */


    /* START Specifics for Eden Campaign 2018 */


    #hero.eden18 figcaption h1,
    #hero.eden18 figcaption h2,
    #hero.eden18 figcaption p,
    /*.imageWithCaptionBlock.eden18 figcaption h2,*/
    #edenCampaign #hero figcaption h2 {
        color: #000;
        text-shadow: none;
    }

    #hero.eden18 .slick-dots {
        position: absolute;
        bottom: 20px !important;
    }

    #homepage #hero.eden18 .slick-dots > li > button {
        background-color: transparent !important;
        border: 2px solid #ffc13a
    }

    #homepage #hero.eden18 .slick-dots > li.slick-active > button {
        background-color: #ffc13a !important;
        cursor: default;
    }



    #hero.eden18 .slide figcaption h3,
    /*.imageWithCaptionBlock.eden18 figcaption h3,*/
    #edenCampaign #hero .slide figcaption h3 {
        color: #000;
        text-shadow: none;
    }

    #hero.eden18 .desktopText a,
    #hero.eden18 .phoneText a,
    #hero.eden18 .tabletText a {
        font-weight: 600;
    }

    #edenCampaign {
        padding-bottom: 50px;
    }

        #edenCampaign .eden-blocks,
        #edenCampaign .DiscoverEdenProducts {
            padding: 50px 0 0 0;
        }

            #edenCampaign .eden-blocks .single-block {
                text-align: center;
            }

                #edenCampaign .eden-blocks .single-block h2 {
                    color: #020202;
                    font-style: italic;
                    padding: 0 20px;
                    font-size: 2.9em;
                    margin-bottom: 50px;
                }

                #edenCampaign .eden-blocks .single-block p {
                    color: #020202;
                    padding: 0 20px;
                    font-weight: 100;
                    line-height: 28px;
                }

                #edenCampaign .eden-blocks .single-block .quotemark {
                    margin: 40px 20px;
                    height: 35px;
                    background-repeat: no-repeat;
                }

                #edenCampaign .eden-blocks .single-block .quoteHolderRight {
                    background-position: right;
                    background-image: url(/images/campaigns/2018-eden-collection/quotemark_close.png);
                }

                #edenCampaign .eden-blocks .single-block .quoteHolderLeft {
                    background-image: url(/images/campaigns/2018-eden-collection/quotemark_open.png);
                    background-position: left;
                }

                #edenCampaign .eden-blocks .single-block p.italic {
                    font-style: italic;
                }

                #edenCampaign .eden-blocks .single-block img {
                    width: 100%;
                    height: auto;
                }

    .DiscoverEdenProducts .productSliderSlides,
    .DiscoverEdenProducts h2 {
        padding: 0 20px;
    }

    .DiscoverEdenProducts .slick-dots {
        width: 100%;
        text-align: center;
        font-size: 0;
        margin-top: 50px;
    }


        .DiscoverEdenProducts .slick-dots > li {
            display: inline-block;
        }

            .DiscoverEdenProducts .slick-dots > li > button {
                background: none;
                border-radius: 15px;
                border: none;
                background-color: lightgrey;
                font-size: 0;
                width: 10px;
                height: 10px;
                margin-left: 10px;
                padding: 0;
                cursor: pointer;
            }

            .DiscoverEdenProducts .slick-dots > li:first-child > button {
                margin-left: 0;
            }

            .DiscoverEdenProducts .slick-dots > li.slick-active > button {
                background: grey;
                cursor: default;
            }

    /* END Specifics for Eden Campaign 2018 */

    /* Start homepage Showrooms slider */
    .homepageShowrooms {
    }

        .homepageShowrooms h3 {
            font-size: 18px;
            color: #383838;
            margin-top: 20px;
            text-align: center;
            margin-bottom: 0;
        }

        .homepageShowrooms h2 {
            font-size: 26px;
            font-style: italic;
            font-weight: 300;
            color: #000;
            margin-top: 20px;
        }

            .homepageShowrooms h2 strong {
                font-weight: 500;
            }


    /* paymentRequest */ /* paymentRequest */

    #paymentRequest .summary-message,
    #paymentRequest .paymentdetails {
        margin: 0 auto;
        /*max-width: 980px;*/
        max-width: 530px;
        width: 94%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #paymentRequest .summary-message {
    }

        #paymentRequest .summary-message b {
            font-weight: 600;
        }

    #paymentRequest .paymentdetails {
        font-size: 14px;
    }

    #paymentRequest .summary input,
    #paymentRequest .summary select {
        max-width: 100%;
        /*font-size: 14px;*/
        box-sizing: border-box;
        height: 45px;
        display: initial;
    }

    #paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
    #paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth,
    #paymentRequest #validatePayment .cc-cvc {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #paymentRequest .form .floating-label input {
        padding-top: 13px;
        padding-bottom: 3px;
    }

    #paymentRequest .form .field_label {
        font-size: 14px;
        color: #666;
    }

    #paymentRequest .summary .line {
        margin: 0 -5px 10px;
        /* position: relative; */
    }

    #paymentRequest .summary .coln {
        /* box-sizing: content-box; */
    }

    #paymentRequest .summary #cvvImage {
        height: 35px;
        margin-top: 4px;
    }

    #paymentRequest .summary .pay-amount {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #paymentRequest .summary .payButton .btn {
        border: 0;
        font-size: 16px;
        width: auto;
        background-image: url(/images/img-2018/Checkout/SmallLock.png);
        background-position: left 15px center;
        font-weight: 600;
        padding-left: 50px;
    }

    /* END paymentRequest */
    .homepageShowrooms p {
        color: #383838;
        font-size: 18px;
        margin: 20px 20px;
        font-weight: 300;
    }

    .homepageShowrooms .next,
    .homepageShowrooms .prev {
        background: url(/images/img-2018/Common/arrow_black.png) no-repeat scroll center center / auto 20px;
        border: 0;
        width: 40px;
        height: 40px;
    }

    .homepageShowrooms .prev {
        transform: rotate(180deg) !important;
    }

    .homepageShowrooms .next {
    }

    .homepageShowrooms .slider-nav-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0;
    }

    .homepageShowrooms .slick-dots {
        margin: 0;
    }

    .homepageShowrooms .slick-dots li {
        display: inline;
        margin: 5px;
        line-height: 11px;
    }

    .homepageShowrooms .slick-dots button {
        border: 1px solid #353535;
        border-radius: 50%;
        width: 13px;
        height: 13px;
        padding: 0;
        text-indent: -9999px;
        background: none;
        transition: background 0.4s;
    }

    .homepageShowrooms .slick-active button {
        background: #353535;
    }

    .homepageShowrooms .btn {
        font-size: 20px;
        color: #000;
        text-transform: uppercase
    }


    /* paymentRequest */ /* paymentRequest */

    #paymentRequest .summary-message,
    #paymentRequest .paymentdetails {
        margin: 0 auto;
        /*max-width: 980px;*/
        max-width: 530px;
        width: 94%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #paymentRequest .summary-message {
    }

        #paymentRequest .summary-message b {
            font-weight: 600;
        }

    #paymentRequest .paymentdetails {
        font-size: 14px;
    }

    #paymentRequest .summary input,
    #paymentRequest .summary select {
        max-width: 100%;
        /*font-size: 14px;*/
        box-sizing: border-box;
        height: 45px;
        display: initial;
    }

    #paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateYear,
    #paymentRequest #validatePayment #ctl00_ContentPlaceHolder1_ddlCardDateMonth,
    #paymentRequest #validatePayment .cc-cvc {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #paymentRequest .form .floating-label input {
        padding-top: 13px;
        padding-bottom: 3px;
    }

    #paymentRequest .form .field_label {
        font-size: 14px;
        color: #666;
    }

    #paymentRequest .summary .line {
        margin: 0 -5px 10px;
        /* position: relative; */
    }

    #paymentRequest .summary .coln {
        /* box-sizing: content-box; */
    }

    #paymentRequest .summary #cvvImage {
        height: 35px;
        margin-top: 4px;
    }

    #paymentRequest .summary .pay-amount {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #paymentRequest .summary .payButton .btn {
        border: 0;
        font-size: 16px;
        width: auto;
        background-image: url(/images/img-2018/Checkout/SmallLock.png);
        background-position: left 15px center;
        font-weight: 600;
        padding-left: 50px;
    }

    /* END paymentRequest */

    @media (max-width:1510px) /* Small hack/fix because for shop sticky bar */ {
        body #rings #___ratingbadge_0, body#rings #mfesecure-ts-image {
            display: none !important;
        }

        body#rings #shopBadgesHolder {
            display: block;
        }

            body#rings #shopBadgesHolder > #orderReviewGoogle {
                position: static !important;
                vertical-align: top !important;
            }

        #shopBadgesHolder .mcafee > img {
            width: 100px;
        }
    }

    @media (max-width:768px) /* From 0 to Tablet Landscape TPCSS */
    {

    /* START Shopping Bag Page */

    #shopBag2017 #itemsHolder .item .itemPriceHolderSmallScreens {
        text-align: center;
    }

    #shopBag2017 #itemsHolder .item .itemPriceHolderSmallScreens .priceHolder .itemPrice {
        margin-bottom: 6px;
    }

    /*#shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
        width: auto;
    }*/

    #shopBag2017 .itemInformationHolder > h3 {
        margin-top: 0;
    }

        #shopBag2017 .itemInformationHolder .diamondInformationHolder {
            margin-top: 0px;
            padding-left: 20px;
            width: auto;
            white-space: nowrap;
        }

        #shopBag2017 #itemsHolder .item.matchingPairs .itemInformationHolder .diamondInformationHolder + .diamondInformationHolder {
            margin-top: 13px;
        }

        #shopBag2017 #itemsHolder .twoImageTypes .ringSizeHolder,
        #shopBag2017 #itemsHolder .ringSizeHolder {
            text-align: left;
            position: relative;
            bottom: 0;
            margin-bottom: 20px;
            margin-top: 20px;
            white-space: nowrap;
            overflow: visible;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
            height: auto;
        }

     

        #shopBag2017 #itemsHolder .item .itemInformationHolder.itemInformationSmallScreens {
            margin-bottom: 25px;
            max-width: 80%;
        }

    #shopBag2017 #itemsHolder .item .itemInformationHolder.itemInformationSmallScreens span {
        display: block;
    }

    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
        min-height: 200px;
    }
    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
        top: 80px;
        transform: none;
    }

        #shopBag2017 #itemsHolder .item .imagesHolder > figure {
            text-align: center;
            position: relative;
            top: 0;
            transform: none;
            display: inline-block;
        }

        #shopBag2017 #itemsHolder .item.matchingPairs .imagesHolder > .diamondImage figcaption,
        #shopBag2017 #itemsHolder .item .imagesHolder > figure figcaption {
            text-align: center;
            font-size: 12px;
        }

    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure.diamondImage {
        margin-top: 0;
        
    }

    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure.diamondImage img {
        max-width: 100%;
    }

    #shopBag2017 #itemsHolder .item .ringSizeHolder > select {
        padding: 5px 25px 5px 5px;
        background-position: right 5px center;
    }

    /* END Shopping Bag Page */


    /* START Landing Pages */
    .quote2 {
        padding-left: 12px;
        padding-right: 12px;
    }
    /* END Landing Pages */



        /* START Christmas 2018 */

        .slide_left_landing_pages_inner {
            padding-top: 104%;
        }


        #homepage #hero.xmas_hero {
            margin-bottom: 10px;
        }

            #homepage #hero.xmas_hero .info {
                padding-top: 30px;
                margin-top: 0;
                padding-left: 30px;
            }

        #hero.xmas_hero .info {
            max-width: 96%;
            padding-left: 18px;
        }

        #diamondCollection2017 #hero.xmas_hero h1 {
            font-style: normal;
            font-size: 30px;
            color: #000;
            margin-left: 0;
        }

            #behindCollectionsHolder #hero.xmas_hero h1 > span,
            #diamondCollection2017 #hero.xmas_hero h1 > span {
                font-size: 30px;
                color: black;
                display: initial;
                margin-left: 0;
            }

        #diamondCollection2017 #hero.xmas_hero.block {
            margin-bottom: 60px;
        }
        /* END Christmas 2018 */

        /* START Compare Page */

        #comparePage #bottomArea .productArea .productDescription #step-2 {
            position: initial;
            margin-bottom: 40px;
            /* END Compare Page */
        }
        /* START Celebrity Engagement Ring 2018 */

        #celebrityPage2018 .top-banner {
            padding: 20px 40px;
        }

            #celebrityPage2018 .top-banner .banner-content {
                text-align: center;
                width: 100%;
                height: 100%;
                padding: 0;
            }

                #celebrityPage2018 .top-banner .banner-content h1 {
                    font-size: 28px;
                }



                #celebrityPage2018 .top-banner .banner-content p {
                    font-size: 18px;
                }


        #celebrityPage2018 .main-content {
            padding: 10px 40px;
        }

            #celebrityPage2018 .main-content .celeb-tab {
                margin-top: 20px;
            }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title {
                    padding: 6px 0;
                    min-height: 30px;
                    line-height: 30px;
                }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .title {
                        padding: 0 8px;
                        font-size: 17px;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .sub-title {
                        padding: 0 8px;
                        margin-top: -8px;
                        font-size: 16px;
                        line-height: 22px;
                    }


                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons > div {
                        width: 30px;
                        display: inline-block;
                        text-align: center;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .seen {
                        height: 30px;
                        background-size: 70%;
                    }


                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .buttons .toggle-tab .toggle-tab-button {
                        width: 12px;
                    }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content {
                    padding: 40px 0px;
                }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .heart-page-break {
                        background-image: url(/images/campaigns/2018-celebrity-engagement-ring/instagram-proposals/HeartPageBreakMobile.svg);
                        height: 50px;
                        margin: 30px auto;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .left-page-break {
                        height: 50px;
                        width: 30%;
                        margin: 30px auto;
                    }


                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .middle-text-page-break {
                        height: 50px;
                        width: 30%;
                        margin: 30px auto;
                    }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .middle-text-page-break h2 {
                            margin-bottom: 5px;
                            font-size: 20px;
                        }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .right-page-break {
                        height: 50px;
                        width: 30%;
                        margin: 30px auto;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h1 {
                        font-size: 34px;
                        margin-bottom: 40px;
                        margin-top: 0px;
                    }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h1:not(:first-child) {
                            margin-top: 30px;
                        }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h2 {
                        font-size: 26px;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content h3 {
                        max-width: 650px;
                        font-size: 16px;
                        line-height: 22px;
                        margin-bottom: 10px;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .full-image {
                        max-width: 90%;
                        margin: 40px auto;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block {
                        padding: 15px 8px;
                        max-width: 40%;
                    }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block img {
                            margin: 10px auto;
                        }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block h2 {
                            font-size: 21px;
                        }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block h3 {
                            font-size: 20px;
                            margin-bottom: 8px;
                        }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-small {
                            width: 130px;
                            height: 26px;
                            line-height: 26px;
                            margin: 6px auto;
                            font-size: 15px;
                            border-radius: 100px;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-medium {
                            width: 160px;
                            height: 26px;
                            line-height: 26px;
                            margin: 6px auto;
                            font-size: 15px;
                            border-radius: 100px;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                        #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-large {
                            width: 200px;
                            height: 26px;
                            line-height: 26px;
                            margin: 6px auto;
                            font-size: 15px;
                            border-radius: 100px;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .subNavSlidesHolder figure img {
                        width: 70%;
                        max-width: 250px;
                        margin-top: 50px;
                        height: auto;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .subNavSlidesHolder h3 {
                        padding: 30px 8%;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .subNavSliderHolder .info h2 {
                        font-size: 26px;
                    }

                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .subNavSliderHolder .carrousel_left,
                    #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .subNavSliderHolder .carrousel_right {
                        width: 35px;
                        height: 35px;
                        margin-top: 0px;
                    }

            #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 {
                font-weight: 100;
                font-size: 24px;
            }


            #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption .btn {
                /*border-radius: 100px;*/
            }


        /* END Celebrity Engagement Ring 2018 */

        /* START Black Friday 2018 */


        #homepage .hero-bottom-images .bg-pic-box {
            padding: 0 !important;
            margin-top: 6px;
        }

        #homepage .bg-pic-right,
        #homepage .bg-pic-left,
        #blackFriday .bg-pic-right,
        #blackFriday .bg-pic-left {
            width: 100%;
            padding-top: 52%;
        }

        #homepage .hero-bottom-images .bg-pic-right.early-bird {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77D02_Early Black_Friday_Right_Image_Wedding-Tablet.jpg');
        }

        #homepage .hero-bottom-images .bg-pic-left.early-bird {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement-tablet.jpg');
        }

        #homepage .hero-bottom-images .bg-pic-right._P5,
        #homepage .hero-bottom-images .bg-pic-right._P6,
        #homepage .hero-bottom-images .bg-pic-right._P7,
        #homepage .hero-bottom-images .bg-pic-right._PE {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Tablet.jpg');
        }

        #homepage .hero-bottom-images .bg-pic-left._P5,
        #homepage .hero-bottom-images .bg-pic-left._P6,
        #homepage .hero-bottom-images .bg-pic-left._P7,
        #homepage .hero-bottom-images .bg-pic-left._PE {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Tablet.jpg');
        }

        #blackFriday .bg-pic-left.early-bird.line1 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_tablet.jpg');
        }

            #blackFriday .bg-pic-left.early-bird.line1._P5,
            #blackFriday .bg-pic-left.early-bird.line1._P6,
            #blackFriday .bg-pic-left.early-bird.line1._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_tablet2.jpg');
            }

        #blackFriday .bg-pic-right.early-bird.line1 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_tablet.jpg');
        }

            #blackFriday .bg-pic-right.early-bird.line1._P5,
            #blackFriday .bg-pic-right.early-bird.line1._P6,
            #blackFriday .bg-pic-right.early-bird.line1._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_tablet2.jpg');
            }

        #blackFriday .bg-pic-left.early-bird.line2 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_tablet.jpg');
        }

            #blackFriday .bg-pic-left.early-bird.line2._P5,
            #blackFriday .bg-pic-left.early-bird.line2._P6,
            #blackFriday .bg-pic-left.early-bird.line2._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_tablet2.jpg');
            }

        #blackFriday .bg-pic-right.early-bird.line2 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_tablet.jpg');
        }

            #blackFriday .bg-pic-right.early-bird.line2._P5,
            #blackFriday .bg-pic-right.early-bird.line2._P6,
            #blackFriday .bg-pic-right.early-bird.line2._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_tablet2.jpg');
            }




        #blackFriday #blackFriday2017Holder .hero-bottom-images .bg-pic-box {
            padding: 0 !important;
        }

        /* END Black Friday 2018 */


        /* Logo Size of fancybox */
        #rings .arrange b {
            background-size: 35%;
        }


        /* Adjustment to Alertify Popup on tablet Portrait */
        .alertify {
            left: 5%;
        }

        .noOverflow {
            overflow: hidden;
            position: fixed
        }

        /* START A night for you (Campaign Aug 2018)*/



        .nightForYouStickyBar {
            position: absolute;
        }



        /* END A night for you (Campaign Aug 2018)*/





        /* START Alertify Override */

        .alertify {
            margin-left: 0%;
            /* transform: translateX(0); */
        }

        /* END Alertify Override */

        /* START Temp Warning */

        #tempWarning {
            position: fixed;
            bottom: 0;
            z-index: 9999;
            width: 100%;
        }

            #tempWarning > .warningContent > div {
                min-height: 50px;
                text-align: center;
                margin-top: 20px;
            }

        /* END Temp Warning */

        html.noScroll,
        body.noScroll {
            overflow: hidden;
            position: fixed;
        }

        .scriptStyle {
            /*font-family: "Source Sans Pro", sans-serif !important;*/
        }

        .yellowLine {
            border-width: 4px;
        }

        figure.centeredImage.onlyOnDesktop > img,
        figure.centeredImage.onlyOnDesktop > a {
            top: 0;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

        /* START Forms */

        .form input.inputBtn {
            width: 70%;
        }

            .form input.inputBtn + input[type=button] {
                width: 27%;
                height: 27px;
            }

        /* END Forms */

        /* START Newsletter Box */

        #newsletterBox {
            width: 70%;
            height: 70%;
            border-radius: 25px;
            /*background-image: url(/images/desktopImages/desktop_newsletterBox.png);*/
            background-position: center bottom -100px;
            background-size: 150px;
            padding: 20px;
        }

            #newsletterBox .content h2 {
                text-align: center;
                text-indent: 0;
                margin-top: 0;
            }

                #newsletterBox .content h2 > span {
                    line-height: 65px;
                    margin: 0;
                }

            #newsletterBox .content ul {
                text-align: left;
                float: none;
                width: auto;
                margin: 0 auto 20px auto;
            }

                #newsletterBox .content ul > li {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

            #newsletterBox .content .newsletter {
                margin-right: 0;
                width: 100%;
                float: none;
            }

                #newsletterBox .content .newsletter .genderWrapper {
                    float: left;
                }

                #newsletterBox .content .newsletter .btn {
                    float: right;
                    font-size: 16px;
                    width: 120px;
                    margin: 0;
                    margin-bottom: 10px;
                }

                #newsletterBox .content .newsletter .disclaimer {
                    display: block;
                    width: 100%;
                    text-align: center;
                }

            #newsletterBox #closeBox {
                top: 10px;
                right: 10px;
            }

        /* END Newsletter Box */

        /* START Popper Upper */

        .popperUpperHolder,
        .popperUpperHolder.journal.active {
            width: 90vw;
        }

        /* END Popper Upper */

        #hero, .hero {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

            #hero .slide, .hero .slide {
                left: 50vw;
                margin: 0 0 0 -50vw;
                position: relative;
                width: 100vw;
                overflow: hidden;
            }

            #hero.notCentered .slide {
                left: auto;
                margin: 0;
            }

                #hero.notCentered .slide img.banner {
                    width: 100%;
                }

        .landing #hero * {
            text-align: left;
        }

        #hero .slide .info h4, .hero .slide .info h4 {
            margin-bottom: 10px;
        }

        /* START Text and Image Block */

        .textAndImageBlock > div,
        .textAndImageBlock > figure {
            /*height: 250px;*/
            margin-bottom: 10px;
            padding: 0;
        }

        /* END Text and Image Block */

        /* START Sub Nav Slider */

        .subNavSlider {
            font-size: 12px;
        }

        .subNavSlidesHolder figure {
            text-align: center;
            height: auto;
        }

            .subNavSlidesHolder figure > a,
            .subNavSlidesHolder figure img,
            .subNavSlidesHolder figure figcaption {
                position: initial;
                -webkit-transform: initial;
                -moz-transform: initial;
                -ms-transform: initial;
                -o-transform: initial;
                transform: initial;
                top: auto;
            }

            .subNavSlidesHolder figure > a,
            .subNavSlidesHolder figure img {
                height: 200px;
                width: auto;
                margin: auto;
                float: none;
            }

        .subNavSlidesHolder h2 {
            font-size: 36px;
        }

        /* END Sub Nav Slider */

        .phraseBannerBlock {
            padding: 0;
        }

            .phraseBannerBlock .quoteHolder {
                margin: 20px;
            }

                .phraseBannerBlock .quoteHolder h5 {
                    font-size: 20px;
                }

        .flexBlock {
            display: initial;
        }

            .flexBlock > * {
                padding: 0;
            }

        .textAndImageBlock h3 {
            padding: 0;
        }

        /*figure.imageWithCaptionBlock {
        padding: 0;
    }*/

        /* START Three Images Block */

        .threeImagesBlock > figure {
            height: auto;
            margin-top: 20px;
        }

        /* END Three Images Block */

        /* START Education Pages */

        /* FAQs */


        .educationPage ul.bottomNav {
            width: 100%;
        }

            .educationPage ul.bottomNav li {
                display: block;
                margin-bottom: 20px;
                text-align: left;
            }

            .educationPage ul.bottomNav li {
                white-space: normal;
            }

        /* END Education Pages */

        /* PAGE SPECIFIC */

        /* START Wedding-Ring Page */

        .imgBlock img {
            min-width: 100%;
        }

        /* END Wedding-Ring Page */

        /* START Eternity Page */

        /*#engagementPage #hero .info,
    #eternityPage #hero .info
    {
        margin-top:10%;
    }*/

        /* END Eternity Page */
        /* START Collection */

        #diamondCollection #hero figcaption {
            width: 80%;
        }

        #diamondCollection .phraseBannerBlock .info {
            margin-top: 0;
        }

        /* END Collection */

        /* START Glissade Landing Page */

        #glissadePage .altoTextHolder {
            margin-top: 15px;
        }

            #glissadePage .altoTextHolder .altoText {
                margin-top: 30px;
                padding: 60px 20px;
            }

            #glissadePage .altoTextHolder picture > img,
            #glissadePage .allegroTextHolder picture > img {
                width: 100%;
            }

        /* END Glissade Landing Page */

        /* START Homepage */

        #homepage .homepageTestimonialsAndExpertCrafts .testimonialsContainer {
            padding: 0 8%;
        }

        #homepage #hero .info {
            max-width: 95%;
            /*margin-top: 7%;*/
            margin-left: 0;
        }


        #homepage figure.fig_0 {
            margin-bottom: 10px;
        }

        /* END Homepage */

        /* START Contacts */

        #contactsPage {
            padding: 0 10px;
            box-sizing: border-box;
        }

            #contactsPage .innerpadding {
                padding: 0 3%;
            }

            #contactsPage #methods > p {
                text-align: center;
            }

            #contactsPage #selectedCountryHolder {
                text-align: center;
                margin-top: 40px;
            }

                #contactsPage #selectedCountryHolder figure > img {
                    margin: 0;
                }

                #contactsPage #selectedCountryHolder dl {
                    /*display: inline-block;*/
                    margin: 10px auto;
                }

                #contactsPage #selectedCountryHolder .btn {
                    margin-bottom: 10px;
                }


            #contactsPage .whatsAppNumber {
                background: url(/images/NewImages/Icons/Whatsapp.png) no-repeat left center;
                font-size: 24px;
                height: 80px;
                line-height: 80px;
                text-indent: 100px;
            }

            /*#contactsPage .contactsHolder {
                padding: 0;
            }*/

                #contactsPage .contactsHolder .addresses > p {
                    margin-bottom: 5px;
                }

                #contactsPage .contactsHolder table.double {
                    margin-bottom: 15px;
                }

            #contactsPage #googleloc #saddr {
                box-sizing: border-box;
                min-width: unset;
                width: 100%;
            }

            #contactsPage #googleloc #submit {
                width: 100%;
                margin-bottom: 5%;
            }

        /* END Contacts */

        /* START Diamonds Collection */

        #diamondCollection .phraseBannerBlock > figure {
            min-height: 300px;
        }

        /* END Diamonds Collection */


        /* START Diamond Collection 2017 */

        #diamondCollection2017 #hero .info p {
            margin-bottom: 1.5vw;
            font-size: 2.2vw;
        }

        #behindCollectionsHolder h2 {
            margin-left: -10vw;
        }

            #behindCollectionsHolder h2 > span {
                font-size: 6.5vw;
                margin-left: 22vw;
            }

        #diamondCollection2017 h2 {
            font-size: 5.5vw;
        }

        #diamondCollection2017 p {
            font-size: 4vw;
            margin-bottom: 10px;
        }

        #diamondCollection2017 .arrowBtn {
            font-size: 4vw;
            background-size: 4vw auto;
        }

        #diamondCollection2017 .squaredText {
            padding: 7vw 12vw;
        }

        /* END Diamond Collection 2017 */

        /* START Muse Collection 2018 */

        #museCollectionPage #hero figcaption.row .col {
            width: 100%;
            left: -18%;
        }

            #museCollectionPage #hero figcaption.row .col h1 {
                font-size: 5.5vw;
            }

            #museCollectionPage #hero figcaption.row .col p {
                font-size: 3vw;
                margin: 4vw 0 5vw;
            }

            #museCollectionPage #hero figcaption.row .col a {
                font-size: 2vw;
            }

                #museCollectionPage #hero figcaption.row .col a > img {
                    margin-top: 4vw;
                    max-height: 4vw;
                }

        #museCollectionPage .discoverCollections h3 > a {
            font-size: 3vw;
        }

        #museCollectionPage .textHolder {
            padding: 8vw 8vw 4vw 8vw;
        }

            #museCollectionPage .textHolder p {
                font-size: 2.5vw;
            }

        /* END Muse Collection 2018 */

        /* START Reviews Page */

        #reviewsPage ul#ReviewItemUl {
            width: 100%;
        }

        /*#ReviewItemUl li.reviewRowIncomplete {
       max-height: 85px;      
       -webkit-line-clamp: 3; 
    }

    #ReviewItemUl li.reviewRowIncomplete > span.reviewRow
    {    
       max-height: 60px;      
    }*/

        /* END Reviews Page */

        /* START Visit Showroom Page */

        .visitShowroom h1 {
            margin-top: 60px;
        }

        .visitShowroom .h1 {
            font-size: 32px;
            font-weight: 500;
        }

        .visitShowroom .showroomInfoHolder {
            padding: 0 15%;
        }

        .visitShowroom .tabContent77 .sliderHolder {
            margin-bottom: 30px;
        }

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


        /*.visitShowroom .tabTitle77 > h2{font-size:3vw;padding:9vw 0;}*/
        .visitShowroom .textHolder {
            margin-bottom: 40px;
        }

        .visitShowroom .btn.bookApp {
            margin-right: auto;
            margin-left: auto;
        }

        /* END Visit Showroom Page */

        /* START Shopping bag */

        #shoppingBagPage .diamondInfoTable > div {
            text-align: left;
        }

        #shoppingBagPage h1 + span {
            display: block;
        }

        #shoppingBagPage .logosHolder > img {
            max-width: 74px;
            min-width: 50px;
            width: 13%;
        }

        #shoppingBagPage .discountCodeArea > a {
            margin-left: 15px;
        }

        #shoppingBagPage .itemsContainer, #shoppingBagPage #mainCardArea, #shoppingBagPage > .line:first-of-type {
            width: 96%;
            margin: 0px auto;
            margin-top: 5px;
            float: none;
        }

        #shoppingBagPage .diamondInfoTable, #checkoutPage .diamondInfoTable {
            margin: 15px auto;
        }

        #shoppingBagPage h1, #shoppingBagPage .headerText {
            text-align: left
        }

        /*#shoppingBagPage .cta, #checkoutPage .cta { margin-left: 0px; }*/

        #shoppingBagPage .buttonContainer {
            text-align: center;
        }

        #shoppingBagPage .desktopLeftCol, #checkoutPage .desktopLeftCol {
            padding: 0;
        }

        #shoppingBagPage .priceHolder {
            position: static;
        }

        #shoppingBagPage .priceItem, #checkoutPage .priceItem {
            position: relative;
            text-align: center;
            top: 0;
            right: 0;
            margin-top: 10px;
        }

        /* END Shopping bag */

        /**CHECKOUT*/

        #checkoutPage #billingInfoContainer {
            padding: 15px;
        }

            #checkoutPage #OrderSummaryContainer,
            #checkoutPage #OrderSummaryContainer > .line,
            #checkoutPage #billingInfoContainer > .line:last-of-type {
                text-align: center
            }
        /*#checkoutPage .steps .step .btnHolder .btn {float: none;}*/

        #checkoutPage #OrderSummaryContainer {
            text-align: center
        }

        #checkoutPage div.PriceSummary {
            margin-left: -8px;
        }

        /*#checkoutPage .customerDetails input[type="text"] {width: 60%;}
    #checkoutPage .customerDetails input[type="text"].short {width: 26%;}*/

        #checkoutPage .reveal div.paymentdetails {
            width: 100%;
        }

        #billingInfoContainer .line > div:first-of-type {
            margin-bottom: 5px
        }

        #checkoutPage .checkboxes > span {
            float: left;
        }

        #checkoutPage .checkboxes > label {
            margin-bottom: 15px;
            line-height: 19px;
        }

        #creditCardPaymentPage .form label.side {
            width: 100%
        }

        #creditCardPaymentPage .paymentInput.cc-cvc {
            width: 120px;
        }

        #creditCardPaymentPage .cvvTip:after {
            background-size: 100% auto;
            width: 85vw;
            left: -120px;
            height: 40vw;
        }

        /* END Checkout */

        /* START Checkout 2017 */

        body.firefox .checkout2017 {
            padding-right: 16px;
        }

        .checkout2017 .needHelpMobile {
            font-weight: 600;
            font-style: italic;
            text-align: center;
            margin: 10px 0;
        }

            .checkout2017 .needHelpMobile > a {
                /*font-family: "Source Sans Pro Italic";*/
                font-weight: 400;
            }

        .checkout2017 .buttonsHolder {
            text-align: left
        }
        /*.checkout2017 .buttonsHolder > .btn.continue {margin-bottom:10px;}*/

        .checkout2017 #itemsHolder {
            margin-top: 0;
            background-color: #fafafa;
        }

            .checkout2017 #itemsHolder .itemPrice.hasDiscount:before {
                left: 10%;
            }

            .checkout2017 #itemsHolder .item .itemName {
                float: left;
                margin: 0;
            }

                .checkout2017 #itemsHolder .item .itemName > span {
                    margin-left: 5px;
                }

            /*.checkout2017 #itemsHolder .item .includingVAT,*/
            .checkout2017 #itemsHolder .item .itemTotal > span {
                display: none;
            }

            .checkout2017 #itemsHolder .item .itemTotal > var.hasDiscount {
                margin-top: 0;
            }

            .checkout2017 #itemsHolder .item .itemProperties {
                float: left;
            }

            .checkout2017 #itemsHolder .item .mobileDiamondInfo {
                font-size: 14px;
                margin-bottom: 0;
            }


        #checkoutSteps .step .stepResume .tl-9col {
            display: none;
        }

        #checkoutSteps .step .stepResume .buttonsHolder {
            margin-top: -50px;
            width: 100%;
            float: none;
            margin-left: 15px;
        }

            #checkoutSteps .step .stepResume .buttonsHolder > .editStep {
                position: absolute;
                top: 0;
                width: 100%;
                left: 0;
                right: 0;
                z-index: 999;
                opacity: 0;
            }

        #checkoutSteps .step.active .stepResume .buttonsHolder > .editStep {
            display: none;
        }

        #checkoutSteps #checkoutStep3.active #cardTypeHolder {
            margin: 0;
        }

        /* - START ShoppingBag 2017 */

        /*body#shopBag2017 #nav {
            height: 100vh;
        }*/

        #shopBag2017 #itemsHolder {
            background-color: #fff;
        }

    #shopBag2017 .itemInformationHolder > h3 {
        font-size: 6vw
    }

        #shopBag2017 #shoppingBagHolder {
            padding: 0;
        }

            #shopBag2017 #shoppingBagHolder > div {
                margin: 0;
                border: 0 none;
            }

                #shopBag2017 #shoppingBagHolder > div > hr {
                    visibility: hidden;
                }

        #shopBag2017 #topTextHolder > div {
            padding: 0;
        }

        #shopBag2017 #topTextHolder h2 {
            font-size: 4vw;
            margin-top: 15px;
            margin-bottom: 0;
            display: block;
            /*background: transparent url(/images/img-2018/Checkout/ShoppingBag/mobile/ShoppingBag_McafeeTop.png) no-repeat right center;*/
        }

        #shopBag2017 #topTextHolder #textItemsInBag {
            font-size: 3vw;
            float: none;
            margin: 0;
        }

        #shopBag2017 #itemsHolder {
            padding: 0 15px;
        }

            #shopBag2017 #itemsHolder .item {
                position: relative;
                padding-top: 15px;
            }

            #shopBag2017 #itemsHolder .no-items {
                display: block;
                float: none;
            }

        #shopBag2017 #itemsHolder .item .removeItem {
            position: absolute;
            top: 24px;
            right: 10px;
            margin: 0;
            z-index: 9;
        }

        #shopBag2017 .itemInformationHolder {
            padding: 0;
            margin: 0;
        }

            #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder {
                text-align: center;
            }

        #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder > p {
            margin: 0;
        }

            #shopBag2017 .itemInformationHolder .itemPriceHolder .itemPrice {
                margin-bottom: 5px;
            }

                #shopBag2017 .itemInformationHolder .itemPriceHolder .itemPrice.hasDiscount {
                    margin-top: 15px;
                }


        #shopBag2017 .deliveryPromoHolder {
            text-align: center;
        }

        #shopBag2017 .deliveryInformation {
            margin: auto;
        }

            #shopBag2017 .deliveryInformation dt,
            #shopBag2017 .deliveryInformation dd {
                display: inline-block;
                float: none;
            }

        #shopBag2017 .grandTotalholder > h3 {
            font-size: 5vw;
        }

            #shopBag2017 .grandTotalholder > h3 > var {
                line-height: 40px;
            }

        #shopBag2017 .weAcceptHolder {
            text-align: left;
        }

        #shopBag2017 .weAcceptHolder {
            text-align: center;
            padding-top: 16px;
        }

            #shopBag2017 .weAcceptHolder img.mcafee {
                margin: auto;
            }

        #shopBag2017 .buttonsHolder .btn.continue {
            /*width:100%;*/
            float: none;
            max-width: 290px;
            margin: auto;
            display: block;
            box-sizing: border-box;
        }

        #shopBag2017 #shoppingBagAside {
            margin-top: 10px;
        }

        #shopBag2017 .promoCodeHolder.hasCode .clearPromoCode {
            margin: auto;
            right: 0;
        }

        #shopBag2017 .promoCodeHolder .clearPromoCode {
            left: 90px;
        }

        /* - END ShoppingBag 2017 */

        /* - START Paypal Return */

        #checkoutPage2017.paypalReturn .stepContent > div:first-child {
            margin-bottom: 30px;
        }

        #checkoutPage2017.paypalReturn .stepContent .buttonsHolder .btn {
            margin: 0 0 10px 0 !important;
            width: 100%;
        }

        /* - END Paypal Return */

        /* - START Success Page */

        #successPage2017 #bankDetails {
            box-sizing: border-box;
            width: 100%;
        }

        #successPage2017 p.subTitle {
            margin-top: 15px;
            margin-bottom: 5px;
        }

        #successPage2017 .insuranceHolder {
            margin-top: 15px;
        }

        /* - END Success Page */

        /* END Checkout 2017 */

        /* START Bespoke Page */

        /*#bespokePage #videoHolder > div.textHolder > div > p {
            width: 100%;
        }

        .miniToBigSliderHolder figure.active > .overlayInfo {
            opacity: 1;
            z-index: 9;
        }

        #bespokePage .form {
            width: 90%;
        }

        #bespokePage #videoHolder > div.textHolder > div {
            border: 0 none;
            height: auto;
        }

        #bespokePage #videoHolder > div.textHolder {
            padding: 1.25em 50px !important;
        }

        #bespokePage > #hero > #bookAppointmentBtn {
            position: absolute;
        }*/

        /* END Bespoke Page */

        /* START Product Page */

        #style-examples li#liSubcattext_41 img {
            float: none;
            margin: 0;
            width: 100%;
        }

        #style-examples li#liSubcattext_41 figure > figcaption {
            /*width:95%;*/
            /*top:30px;*/
        }

            #style-examples li#liSubcattext_41 figure > figcaption h4,
            #style-examples li#liSubcattext_41 figure > figcaption .h4 {
                /*font-size:13vw;*/
            }

            #style-examples li#liSubcattext_41 figure > figcaption p {
                /*font-size:5vw;*/
            }

        #email.form {
            width: 100%;
            box-sizing: border-box;
        }

            #email.form #rc-imageselect, #email.form .g-recaptcha {
                transform: scale(0.77);
                -webkit-transform: scale(0.77);
                transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
            }



        /* END Product Page */
        /* START ProductPage */

        #step-1 .monologueContainer {
            width: 100%;
        }

        #step-1 .monologueInitials {
            margin-top: 25px;
        }

        #Divshapes #selectedShapeName {
            margin-top: 5px;
        }

        #styles .filter2 li {
            float: none;
            padding: 0px;
            border: 1px solid #ccc;
            border-radius: 10px;
            margin: 10px 2px;
            display: inline-block;
            vertical-align: top;
        }

            #styles .filter2 li.active:before,
            #styles .filter2 li.active:after {
                border: 0 none;
            }

            #styles .filter2 li.active {
                border: 1px solid #ffa200;
                font-weight: normal;
            }

            #styles .filter2 {
                padding: 0;
            }

            #styles .filter2 a {
                font-size: 12px;
                padding: 5px;
                line-height: 20px;
                text-align: center;
                height: auto;
            }

            #styles .filter2 li.active > a {
                color: #000;
            }

            #styles .filter2 a > span {
                line-height: 12px;
                display: block;
            }

                #styles .filter2 a > span.extraheight {
                    height: 22px;
                }

            #styles .filter2 a img {
                display: block;
                margin: 0px auto;
                margin-bottom: 5px;
            }

            #styles .filter2 .list {
                margin: 25px 0 15px 0;
            }

        #step-1 .options .shapes-list li, ul.shapes-list li {
            margin: 0 0 0 6px;
        }

        /*#step-1 .options .shapes-list li:nth-child(5n+1), ul.shapes-list li:nth-child(5n+1) {
        margin: 0;
    }*/

        #step-1 .options .shapes-list a, ul.shapes-list a {
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        #step-1 .options .shapes-list a, ul.shapes-list span {
            font-size: 12px;
        }

        #step-1 .options h4, #step-1 .options h2,
        #step-1 .options .h4, #step-1 .options .h2 {
            text-align: center;
        }

        #divMetalsGrid {
            text-align: center;
        }

            #divMetalsGrid > .metalHolder {
                display: inline-block;
                text-align: left;
                width: auto;
            }

                #divMetalsGrid > .metalHolder > h4 {
                    padding: 0;
                }

        #rings-area #mainslider .slide .link {
            display: inline-block;
        }

        #step-2 .galleryImage {
            min-height: 100%;
        }

            #step-2 .galleryImage div {
                height: 100%;
                padding-bottom: 100px;
            }

        #step-2 #galleryImages img {
            max-height: none;
        }

        ul#galleryAccordion > li {
            height: auto;
        }

        #step-2 .gallery .z-auto-g {
            height: 70px;
        }

        #rings-area .hiddenFiltersContent {
            display: none
        }

        #rings-area .DiamondFiltersMobile {
            display: block;
            position: relative;
            text-align: center;
            padding-bottom: 5px;
            /*border: 1px solid #CCCCCC;*/
            /*margin-top: -1px;*/
            overflow: hidden;
        }

            #rings-area .DiamondFiltersMobile #panel1 {
                display: flex;
                flex-wrap: wrap;
                padding: 10px;
            }

            #rings-area .DiamondFiltersMobile .diamondFilterSingle {
                min-width: 70px;
                flex: 1;
                font-size: 12pt;
                cursor: pointer;
                padding: 10px;
                /*background-color: #dadada;*/
                border: 1px solid #CCCCCC;
                /*border-radius: 5px;*/
                margin: 4px;
                text-align: center;
                display: inline-block;
                font-size: 16px;
                color: #808080;
                text-shadow: 0 0;
            }

                #rings-area .DiamondFiltersMobile .diamondFilterSingle.active {
                    background-color: #fecc3b;
                    color: #000000;
                }

                #rings-area .DiamondFiltersMobile .diamondFilterSingle.selected {
                    border-color: #fecc3b;
                    color: #000000;
                }

            #rings-area .DiamondFiltersMobile .diamondShowMoreLess {
                clear: both;
                font-size: 12pt;
                font-weight: 600;
                text-decoration: underline;
                text-align: right;
                margin: 0px 15px 10px;
                cursor: pointer;
            }

                #rings-area .DiamondFiltersMobile .diamondShowMoreLess #hideMoreOptions {
                    display: none
                }
            /*#rings-area .DiamondFiltersMobile .diamondFilterExtra {display:none; }*/
            #rings-area .DiamondFiltersMobile .diamondFilterSetting {
                position: relative;
                /*border: 1px solid #dadada;*/
                /*border-radius: 5px;*/
                display: none;
                width: 100%;
                margin: 25px 0;
                /*min-height: 40px;*/
                /*margin-bottom: 10px;*/
                /*padding: 10px;*/
                /*min-height: 150px;*/
            }

        #rings-area #step-2 .results h4 {
            text-align: center;
            width: 100%;
            max-width: initial;
            margin: 20px;
        }

        #rings-area .value-lhs {
            text-align: right
        }

        #rings-area .value-rhs {
            text-align: left
        }

        #rings-area #pagingContainer {
            display: none
        }

        #rings-area.noProducts #noProductsHolder {
            position: relative;
            height: 55vw;
            padding: 0;
        }

        #rings-area #noProductsHolder > div.imageHolder {
            position: absolute;
            top: 0;
            opacity: 0.2;
        }

        #rings-area.noProducts #noProductsHolder .textHolder {
            padding: 0 10vw;
        }

        #rings-area #noProductsHolder .textHolder h2 {
            font-size: 7vw;
        }

        #rings-area #noProductsHolder .textHolder h3 {
            font-size: 4vw;
        }

        #rings-area #noProductsHolder .textHolder p {
            font-size: 2.5vw;
        }

        #ReviewItemUl li.reviewRowIncomplete {
            max-height: 200px;
        }

        .safari #ReviewItemUl li.reviewRowIncomplete,
        .chrome #ReviewItemUl li.reviewRowIncomplete {
            max-height: 185px;
        }

        .ROLineContent.ScalaHoopandDrops > figure,
        .ROLineContent.ScalaDrops > figure,
        .ROLineContent.ScalaDrop > figure,
        .ROLineContent.AlmaHoopandDrop > figure,
        .ROLineContent.AlmaDrops > figure,
        .ROLineContent.AlmaDrop > figure {
            width: 100%;
        }

        /* - START Media Popup */

        #rings .popperUpperHolder {
            opacity: 0;
        }

            #rings .popperUpperHolder.diamondMediaPopup {
                opacity: 1;
                z-index: 100004;
            }

        .diamondMediaPopup {
            width: 100vw;
            height: 100%;
            max-height: 100vh;
            box-sizing: content-box;
        }

            .diamondMediaPopup .actualDiamondHeader {
                position: relative;
                height: 40px;
                z-index: 9;
                background-color: #fff;
            }

                .diamondMediaPopup .actualDiamondHeader a.closePopper {
                    color: #ffc13a;
                    font-size: 2vw;
                    margin: 10px 15px 0 0;
                }

                .diamondMediaPopup .actualDiamondHeader .productImageLabel {
                    line-height: 40px;
                }

            .diamondMediaPopup .popperUpperContentHolder {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                height: 80%;
                margin: auto;
                padding: 0;
            }

                .diamondMediaPopup .popperUpperContentHolder > #mediaHolder {
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

                    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo {
                        text-align: left;
                        padding: 10px 0;
                        margin: 5px 0;
                        border-top: 2px solid #ffc13a;
                        border-bottom: 2px solid #ffc13a;
                    }

                    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder iframe {
                        height: 355px;
                        width: 100%
                    }

                    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder img {
                        max-height: 355px;
                    }

                    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table {
                        margin: auto;
                        font-size: 2vw;
                    }

                        .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table > tbody > tr > td {
                            padding-right: 30px;
                        }

                        .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table .firstTable tr:first-child {
                            display: none;
                        }
        /*.diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table tr td{padding-right:10vw;}
    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table tr:first-child{display:none;}
    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table tr:nth-child(5){background:red;}
    .diamondMediaPopup .popperUpperContentHolder > #mediaHolder #diamondInfo > table tr ~ tr:nth-child(5){background:red;}*/


        /* - END Media Popup */

        /* END ProductPage */

        /* START Express Page */

        #expresspage #filtersHolder .stylesHolder li.active {
            border-color: #ffc13a;
            z-index: 1;
        }



        #expresspage #mobileButtonsHolder {
            margin-top: 10px;
            margin-bottom: -1px;
        }

            #expresspage #mobileButtonsHolder > * {
                border: 1px solid #ccc;
                height: 60px;
                line-height: 60px;
                cursor: pointer;
                text-align: center;
                text-align-last: center; /* CHROME ALIGN ISSUE FIX */
                background: #fff;
                font-size: 16px;
                color: #878787;
                text-transform: uppercase;
                font-family: "Source Sans Pro";
            }

            #expresspage #mobileButtonsHolder > .openCloseFilters {
                margin-left: -1px;
            }

            #expresspage #mobileButtonsHolder ~ div {
                max-height: 0;
                overflow: hidden;
                transition: max-height .5s;
            }

            #expresspage #mobileButtonsHolder.active + div {
                max-height: 600px;
            }

                #expresspage #mobileButtonsHolder.active + div + div {
                    max-height: 800px;
                    margin-top: -1px;
                }

        #expresspage #filtersHolder #mobileButtonsHolder.active .openCloseFilters {
            color: #ffc13a;
            border-color: #ffc13a;
            z-index: 1;
        }

            #expresspage #filtersHolder #mobileButtonsHolder.active .openCloseFilters > var {
                display: none;
            }

        #expresspage #filtersHolder {
            padding: 0;
            border: 0 none;
        }

            #expresspage #filtersHolder h2 {
                margin: 0;
                height: 60px;
                line-height: 60px;
                text-align: center;
                cursor: pointer;
            }

            #expresspage #filtersHolder #jewelleryFilterHolder h2,
            #expresspage #filtersHolder #mobileButtonsHolder.active ~ div h2 {
                border: 1px solid #ccc;
                margin-bottom: -1px;
            }

            #expresspage #filtersHolder #mobileButtonsHolder.active ~ div #metalFilters h2 {
                margin-bottom: 0;
            }

            #expresspage #filtersHolder h2 ~ .filterHolder {
                max-height: 0;
                overflow: hidden;
                transition: max-height .5s, margin .5s;
                margin: 0 auto;
                width: 80%;
                float: none;
            }

            #expresspage #filtersHolder #jewelleryFilterHolder h2.active,
            #expresspage #filtersHolder #mobileButtonsHolder.active ~ div h2.active {
                border-color: #ffc13a;
                z-index: 1;
                color: #ffc13a;
                position: relative;
            }

            #expresspage #filtersHolder h2.active ~ .filterHolder {
                max-height: 600px;
                margin: 30px auto;
            }

            #expresspage #filtersHolder > div {
                height: auto;
                padding: 0;
            }

                #expresspage #filtersHolder > div + div {
                    border: 0 none;
                }

            #expresspage #filtersHolder .stylesHolder h2 ~ .filterHolder {
                width: 100%;
                margin: 0;
            }

            #expresspage #filtersHolder .stylesHolder > ul > li {
                height: 60px;
                border: 1px solid #ccc;
            }

                #expresspage #filtersHolder .stylesHolder > ul > li:nth-child(even) {
                    margin-left: -1px;
                }

            #expresspage #filtersHolder .stylesHolder li > h3 button {
                padding-left: 50%;
                background-size: 25%;
                background-position-x: 25%;
                margin-top: 7px
            }

        #ringTypeFilterHolder,
        #ringSizeFilterHolder {
            text-align: center;
        }

        #expresspage #filtersHolder #metalFilter {
            padding: 0;
            height: 120px;
            text-align: center;
        }

            #ringTypeFilterHolder ul,
            #expresspage #filtersHolder #metalFilter ul {
                display: inline-block;
                position: relative;
                height: 65px;
            }

        #expresspage #resultsHolder {
            margin-top: 0;
        }


        

        /*#expresspage #filtersHolder #colourFilter.filterHolder ul > li + li{
        margin-left:calc((((100% - (30px * 9)) / 8) - 1px));
    }
    #expresspage #filtersHolder #clarityFilter.filterHolder ul > li + li{
        margin-left:calc((((100% - (60px * 8)) / 7) - 1px));
    }
    #expresspage #filtersHolder #colourFilter.filterHolder ul > li + li:before,
    #expresspage #filtersHolder #clarityFilter.filterHolder ul > li + li:before{
        content:"";
        background:red;
        display:inline-block;
        height:20px;
        width:1px;
    }*/

        #expresspage #filtersHolder #clarityFilter.filterHolder ul > li,
        #expresspage #filtersHolder #colourFilter.filterHolder ul > li {
            width: calc((100% / 9) - 5px);
            min-width: 30px;
            text-align: center;
            margin: 5px 0 0 0;
        }

        #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
            width: calc((100% / 8) - 5px);
            min-width: 50px;
        }

            #expresspage #filtersHolder #colourFilter.filterHolder ul > li + li,
            #expresspage #filtersHolder #clarityFilter.filterHolder ul > li + li {
                margin-left: 5px;
            }

        #expresspage #productInfo #galleryImages img {
            max-height: 245px;
            top: 100px;
            padding-bottom: 0;
        }

        /* END Express Page */

        /* START Thank you Page */

        #content #summary {
            background-color: #dadada;
        }

            #content #summary > .item {
                background-color: #fff;
            }

        /* END Thank you Page */

        /* START Mengagement Rings */

        #mengagementPage #hero {
            margin-bottom: 0;
        }

        #mengagementPage .hero {
            margin-bottom: -15px;
        }

        #mengagementPage #hero .info {
            margin-top: 15%;
        }

        #mengagementPage .hero .info {
            width: 80vw;
            margin: 8% auto;
            text-align: center;
        }

        #mengagementPage #hero .info h1 {
            font-size: 12vw;
        }

        #mengagementPage #hero .info p {
            font-size: 14px;
            border-width: 2px;
        }

        /* END Mengagement Rings */

        /* START Impero Landing Page */

        #imperoLandingPage .decoFrames {
            background-image: url(/images/img-2018/ImperoLP/LeftFrame_Mobile.png), url(/images/img-2018/ImperoLP/RightFrame_Mobile.png);
            background-position: left top, right bottom;
            background-repeat: no-repeat;
            background-size: 15vw auto, 15vw auto;
        }

        #imperoLandingPage h2, #imperoLandingPage h3 {
            font-size: 7vw;
            padding: 0 20px;
        }

        #imperoLandingPage h2 {
            line-height: 9vw;
        }

        #imperoLandingPage figure figcaption div {
            padding: 20px 8vw;
        }


        /* END Impero Landing Page */

        /* START Christmas 2016 */

        #diamondNecklaces.christmas #hero .info,
        #diamondEarrings.christmas #hero .info,
        #looseDiamonds.christmas #hero .info {
            bottom: 5%;
            position: absolute;
            width: 85%;
            left: 5%;
        }

        #eternityPage.christmas #hero .info,
        #diamondJewellery.christmas #hero .info,
        #engagementPage.christmas #hero .info {
            margin-top: 5%;
            left: 5%;
            position: absolute;
            width: 50%;
        }

        #weddingPage.christmas #hero .info {
            margin-top: 5%;
            width: 90%;
        }

        /* START SEO Shapes */

        .SEOshapes2017 .fakeImage {
            display: none;
        }

        .SEOshapes2017 .centeredContent {
            position: static;
            transform: none;
        }

        .SEOshapes2017 #productsHolder {
            min-height: 680px;
        }

        .SEOshapes2017 .videoSize {
            height: 300px;
        }

        .shape2017greyBG .quickLinks {
            transform: translateY(-10vw);
        }

        .SEOshapes2017 .shapesHolder > h2 {
            width: 80vw;
        }

        .SEOshapes2017 img.fakeImage {
            min-height: 150px;
        }

        .shape2017greyBG #shapesList li {
            width: 31.3333%;
        }

        /* END SEO Shapes */

        /* START Press Page */

        #categoriesListHolder ul li > article > a {
            background-size: 7vw auto, 7vw auto;
            background-position: top 5px left 5px, bottom 5px right 5px;
        }

        #categoriesListHolder ul li > article .textHolder {
            padding: 0 4vw;
        }

            #categoriesListHolder ul li > article .textHolder h3 {
                font-size: 4.5vw;
                margin-bottom: 1vw;
            }

            #categoriesListHolder ul li > article .textHolder p {
                font-size: 2.5vw;
            }

        /* END Press Page */

        /* START Awards Page */

        #awardsCategoriesPage #toggleOpts {
            margin: 0 0 15px 10px;
            border: 1px solid #ccc;
            border-radius: 10px;
            font-size: 14px;
            padding: 0.5vw;
            width: 30vw;
            text-transform: uppercase;
        }

        #awardsCategoriesPage #winnersTab,
        #awardsCategoriesPage #runnersTab {
            opacity: 0;
            height: 0;
            transition: opacity .5s;
        }

            #awardsCategoriesPage #winnersTab.active,
            #awardsCategoriesPage #runnersTab.active {
                opacity: 1;
                height: auto;
            }

        /* END Awards Page */

        /* START Express Page */

        #expresspage.christmas2017 #hero .info h2 {
            font-size: 5vw;
        }

        #expresspage.christmas2017 #hero .info p {
            font-size: 2.5vw;
        }

            #expresspage.christmas2017 #hero .info p.smallText {
                font-size: 1.5vw;
            }

        /* END Express Page */

        /* START Celebrity Page */

        .celebrityPage .innerDivTexRight .textHolder, .celebrityPage .innerDivTexLeft .textHolder {
            position: relative;
            top: 0;
            width: 100%;
        }

        .celebrityPage .innerDivTexRight .textHolder {
            right: 0
        }

        .celebrityPage .innerDivTexLeft .textHolder {
            left: 0
        }

        .celebrityPage article .spacing {
            margin-top: 50px
        }

        .celebrityPage article img.smaller {
            max-width: 100px
        }

        /* END Celebrity Page */

        /* START Summer 2017 */

        .glissadeLinkHolder > a {
            font-size: 5vw;
            white-space: nowrap;
        }

            .glissadeLinkHolder > a:after {
                background-size: auto 6vw;
            }

        footer div.newsletter.summer2017 input[type='text'],
        footer div.newsletter.summer2017 select,
        footer div.newsletter.summer2017 div.genderWrapper div.gender,
        footer div.newsletter.summer2017 .submitBtn {
            height: 40px;
        }

        footer div.newsletter.summer2017 input[type='text'],
        footer div.newsletter.summer2017 select,
        footer div.newsletter.summer2017 div.genderWrapper div.gender {
            line-height: 40px;
        }

        /* END Summer 2017 */

        /* START Spring Sale 2018 */

        #underMenuHolder.springSale18 .underMenu .clockHolder > span:first-child {
            display: block;
        }

        #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock > span {
            width: 40%;
        }

        /* END Spring Sale 2018 */
    }

    @media (min-width:769px) /* All bigger than Tablet Landscape TLCSS */
    {

        figure.imageWithCaptionBlock[class*="-6col"] .p-bottomLeftCorner {
            left: 8%;
        }

        /* START A Night For You*/
        .nightForYouCampaign .bottom-images img {
            width: 98%;
            height: auto;
        }
        /* End A Night For You*/


        /* START Frankfurt ShowRoom Top Bar*/

        #frankfurtShowroomTopBar .bookAppointment a:hover {
            color: black;
        }

            #frankfurtShowroomTopBar .bookAppointment a:hover .arrowRight {
                background-image: url('../images/campaigns/frankfurt-showroom/arrow-active.png');
            }

        #frankfurtShowroomTopBar .closeButton:hover {
            background-image: url('../images/campaigns/frankfurt-showroom/close-active.png');
        }

        /* End Frankfurt ShowRoom Top Bar*/

        /* Buttons Hover */
        .btn:not(.disabled):hover {
            background-color: #666;
            border-color: #666;
            color: #fff;
        }

        .winter-sale_hero .info .btn:not(.disabled):hover {
            background-color: #000;
        }

        /* START Tooltip */

        .tooltipHover:not([data-title=""]) {
            position: relative;
            display: inline-block;
        }

            .tooltipHover:not([data-title=""]):after {
                position: absolute;
                max-height: 0;
                white-space: nowrap;
                opacity: 0;
                top: 0;
                left: 0;
                font-size: 12px;
                line-height: 14px;
                background-color: #fff;
                padding: 0 5px;
                border-radius: 3px;
                transform: translateY(-105%);
                z-index: 9;
                overflow: hidden;
                color: #222;
                border: 1px solid transparent;
                /*transition:all .5s;*/
            }

            .tooltipHover:not([data-title=""]):hover:after {
                content: attr(data-title);
                border-color: #222;
                opacity: 1;
                padding: 5px;
                max-height: 60px;
            }

        /* END Tooltip */

        /* START Temp Warning */

        #tempWarning > .warningContent a.arrowBtn {
            float: right;
        }

        /* END Temp Warning */

        .subNavSlidesHolder figure figcaption {
            /*margin-left: 8.33333%;*/
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        /* START Bespoke Page */

        /*#bespokePage #videoHolder > div.textHolder > div > p {
            margin: auto;
            position: absolute;
            top: 50%;
            transform: perspective(1px) translateY(-50%);
        }*/

        /* END Bespoke Page*/

        /* START Product Page */


        .shopColReviews {
            clear: left;
        }

        .orderReviewOuter {
            float: right;
            clear: right;
        }

        #rings-area .titleContainer h2.p-hidden span.scriptStyle,
        #rings-area .titleContainer .h2.p-hidden span.scriptStyle {
            font-size: 48px;
            margin-top: 15px;
            display: inline-block;
            line-height: inherit;
        }

        #rings-area .titleContainer h2.p-hidden span.normalStyle,
        #rings-area .titleContainer .h2.p-hidden span.normalStyle {
            font-size: 19pt;
            /*font-weight: 300;*/
            padding-left: 105px;
            margin-top: -16px;
            display: block;
            letter-spacing: 0px;
            line-height: inherit;
        }

        #rings .arrange .arrange-content {
            padding: 40px 40px 20px;
        }

        #rings .carat-slider.clarity-slider .noUi-value {
            font-size: 13px;
        }

        /*#rings .fancybox-inner .btn {
            margin: 30px auto 0;
        }*/

        #step-2 .h2 {
            font-size: 3.5em;
        }

        #step-2 #columnTitle2 {
            text-align: left;
            /*font-family: "Source Sans Pro Italic";*/
            font-style: italic;
            font-size: 48px;
        }

            #step-2 #columnTitle2 > span:not(.phoneText) {
                display: block;
                /*font-family: "Source Sans Pro";*/
                font-size: 19pt;
                font-weight: 300;
                margin-top: -10px;
                padding-left: 85px;
            }

        

        #Divshapes #selectedShapeName {
            width: 75%;
        }


        #styles .filter2 li.active:before {
            border-color: #ccc transparent;
            border-style: solid;
            border-width: 15px 15px 0;
            content: "";
            display: none;
            left: 50px;
            margin-left: -15px;
            position: absolute;
            bottom: -17px;
            width: 0;
            z-index: 1;
        }

        #styles .filter2 li.active:after {
           
            border-color: #fff transparent;
            border-style: solid;
            border-width: 15px 15px 0;
            content: "";
            display: none;
            left: 50px;
            margin-left: -15px;
            position: absolute;
            bottom: -16px;
            width: 0;
            z-index: 1;
        }

        #styles .filter2 li[data-category='5'].active:before,
        #styles .filter2 li[data-category='5'].active:after {
            left: 25px;
        }

        #styles .filter2 li[data-category='4'].active:before,
        #styles .filter2 li[data-category='4'].active:after {
            left: 22px;
        }

        #styles .filter2 li[data-category='6'].active:before,
        #styles .filter2 li[data-category='6'].active:after {
            left: 20px;
        }

        #styles .filter2 li img {
            max-width: 100px;
            max-height: 44px;
        }

        #styles .filter2 li[data-category='6'] img {
            max-height: 30px;
        }

        #styles .filter2 li a#ancsub_40 img {
            max-width: 70px;
        }

        /* - START Diamond Filters Controls */

        .ROLine {
            display: table;
            width: 100%;
        }

        .ROLineHeader {
            /*display: table-cell;*/
            width: 100%;
        }

        /* - END Diamond Filters Controls */

        /* END Product Page */

        /* START Basket Page */

        #shoppingBagPage .productsHolder > div,
        #checkoutPage .productsHolder > div {
            display: table-cell;
            vertical-align: middle;
            float: none;
        }

            #shoppingBagPage .productsHolder > div:first-of-type,
            #checkoutPage .productsHolder > div:first-of-type {
                vertical-align: top;
            }

        /* END Basket Page */

        /* START Checkout2017 */

        .checkout2017 #itemsHolder .includingVAT {
            text-align: right;
            margin-bottom: 0;
            /*display: block;*/
            font-size: 12px;
        }

        #shopBag2017 #itemsHolder .no-items p {
            margin-top: 10px;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes > div {
            display: table;
            width: 100%;
        }

        #shopBag2017 #itemsHolder .item .imageTogglerHolder > button + button {
            margin-left: 5%;
        }

        #shopBag2017 #itemsHolder .item.showSetting .imageTogglerHolder > button.showSetting {
            border-color: #ffc13a;
        }

        #shopBag2017 #itemsHolder .item.showDiamonds .imageTogglerHolder > button.showDiamond {
            border-color: #ffc13a;
        }

        #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
            position: relative;
            overflow: hidden;
            display: table-cell;
            float: none;
            vertical-align: top;
        }

        #shopBag2017 #itemsHolder .item > div {
            top: -15px;
            position: relative;
            z-index: 0;
        }

        #shopBag2017 .itemInformationHolder {
            min-height: 180px;
        }

            #shopBag2017 .itemInformationHolder .itemPriceHolder {
                /*position: absolute;
                bottom: 0;
                right: 0;
                width: auto;*/
                text-align: right;
            }

                #shopBag2017 .itemInformationHolder .itemPriceHolder > div.priceHolder {
                    text-align: left;
                    margin-right: 0;
                    display: inline-block;
                }

        #shopBag2017 #totalHolder .grandTotalholder {
            text-align: right;
        }

        #checkoutPage2017 #deliveryRadioHolder > span {
            white-space: nowrap;
        }

        /* END Checkout2017 */

        /* START Express Page */

        #expresspage #filtersHolder h2 > var {
            display: none;
        }

        #expresspage #filtersHolder .stylesHolder li > h3 button:hover {
            color: #ffc13a;
        }

        /* END Express Page */

        /* START Shapes 2017 */

        .SEOshapes2017 .firstText {
            padding-top: 0;
        }

            .SEOshapes2017 .firstText > img {
                margin-top: 50px;
            }

            .SEOshapes2017 .firstText > .centeredContent {
                margin-top: 25px;
            }

            .SEOshapes2017 .firstText p {
                margin: 0;
            }

        .SEOshapes2017 .videoHolder,
        .SEOshapes2017 .videoSize {
            height: 400px;
        }

            .SEOshapes2017 .videoHolder .iframeHolder,
            .SEOshapes2017 .videoHolder > video {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

        /* END Shapes 2017 */

        /* START Glissade Landing Page */

        #glissadePage .altoText {
            margin-top: -170px;
        }

        /*#homepage.summer2017 .imageWithCaptionBlock.fig_0 figcaption {
        width: 40%;
    }*/

        /* END Glissade Landing Page */
    }

    @media (min-width:481px) /* All bigger than phone */
    {


        .subNavSlidesHolder figure > a.noMargin-left {
            margin-left: 0;
        }

        /* START Product Page */

        /*figure.imageWithCaptionBlock:not([class*="-6col"]) figcaption {
        width: 45%;
    }*/

        #style-examples li#liSubcattext_41 figure > figcaption p {
            font-size: 18px;
        }

        /* END Product Page */

        /* START Floating Menu */

        #floatingMenuOverlay {
            display: none;
        }

        #floatingMenuHolder {
            display: none;
        }

        /* END Floating Menu */

        /* START Engagement Page */

        #engagementPage.SEOshapes .subNavSlidesHolder figure {
            height: 500px;
        }

        /* END Engagement Page */

        /* START Checkout 2017 */

        #checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn .continueHolder .btn {
            font-size: 16px;
            line-height: 18px;
            height: auto;
            min-height: 50px;
        }

        /* END Checkout 2017 */

        #rings .arrange .carat-info {
            font-size: 18px;
        }

        #rings .shapes-list .shape-item .shape {
            width: 85px;
            font-size: 10px;
            line-height: 24px;
        }

        /* Start homepage Showrooms slider */
        .homepageShowrooms {
        }

            .homepageShowrooms h3 {
                margin-top: 40px;
            }

            .homepageShowrooms h2 {
                font-size: 40px;
                margin-top: 40px;
            }

            .homepageShowrooms p {
                margin: 40px 80px;
            }

            .homepageShowrooms .slider-nav-buttons {
                margin: 30px 0;
            }
        /* END homepage Showrooms slider */

        /* Start Visit Showroom Page */

        .visitShowroom .directionsHolder > div > a + a {
            margin-left: 40px;
        }

        /* END Visit Showroom Page */
    }

    @media (max-width:1030px /*desktopBreakingPoint*/ ) /* From 0 to desktop TPCSS */
    {

        /* START Christmas 2018 */

        #hero.xmas_hero .info {
            max-width: 80%;
            padding-left: 18px;
        }

        /* END Christmas 2018 */


        #homepage .homepageTestimonialsAndExpertCrafts .expertsContainer {
            padding: 0;
        }

        /* Product Picture Slider  */
        #step-2 .galleryImage .carrousel_left,
        #step-2 .galleryImage .carrousel_right,
        productInfoHolder .galleryImage .carrousel_right {
            z-index: 100002;
        }

        #swipebox-overlay {
            z-index: 100003 !important;
        }
        /* START Specifics for Eden Campaign 2018 */


        #edenCampaign .eden-blocks .single-block {
            margin: 40px 0;
            padding: 0 40px;
        }

        /* END Specifics for Eden Campaign 2018 */

        /* START Checkout 2017 */

        /* - START Shopping Bag 2017 */

        #shoppingBagPage .checkoutBtn {
            float: none;
            margin-bottom: 20px;
        }

        #shoppingBagPage {
            width: 95%;
        }

        /* - END Shopping Bag 2017 */

        /* END Checkout 2017 */

        /* START Careers Page */

        #careersPage .otherApplications {
            text-align: center;
        }

            #careersPage .otherApplications > .btn {
                display: block;
                margin: 10px auto;
            }

        /* END Careers Page */
    }

@media (max-width:480px) /* From 0 to phone PhoneCSS */
{

    #styles .filter2 li {
        max-width: 50%;
    }

    /* START Shopping Bag Page */

    #shopBag2017 #itemsHolder .item .itemInformationHolder.itemInformationSmallScreens {
        max-width: 72%;
        margin-bottom: 20px;
    }

    #shopBag2017 .itemInformationHolder.itemInformationSmallScreens > h3 > span.itemInfo {
        line-height: 20px;
    }

    /* END Shopping Bag Page */
    .faqsPage table td {
        font-size: 12px;
    }

        /* Shop Mobile Menu */


        #rings-area.noProducts .mobileMenuSection,
        #rings-area.noProducts #ucTopNav_ {
            margin-top: 0;
        }

        .monologueContainer #Divshapes {
            display: none;
        }

        #step-1 .monologueInitials #moveProductSelect {
            height: 36px;
            background-color: #F6F6F6;
        }

        #rings-area .monologueContainer {
            display: none;
        }

        #step-1 .options h2,
        #step-1 .options .h2 {
            margin-top: 20px;
        }

        .triangule-arrow-down {
            position: relative;
        }

            .triangule-arrow-down:after,
            .triangule-arrow-down:before {
                border-top: 14px solid white;
                border-left: 14px solid transparent;
                border-right: 14px solid transparent;
                margin-left: -14px;
                position: absolute;
                bottom: -13px;
                content: '';
                left: 50%;
            }

            .triangule-arrow-down:before {
                border-right: 14px solid transparent;
                border-top: 14px solid transparent;
                border-left: 14px solid transparent;
                border-top-color: #ccc;
                bottom: -14px;
                margin-left: -14px;
                background-color: white;
            }


        .mobileMenuSection, #Divshapes.mobileMenuSection {
            display: none;
            margin-top: 12px;
            margin-bottom: 25px;
            border-bottom: 1px solid #ccc;
        }

            .mobileMenuSection.coln {
                min-height: 0;
            }

        #selectedMetalLabel {
            display: block;
            margin-bottom: 20px;
        }

        #divMetalsGrid > .metalHolder {
            text-align: center;
        }



        /* START Christmas 2018 */

        .slide_left_landing_pages_inner {
            padding-top: 50%;
        }

        #hero.xmas_hero .info,
        #homepage #hero.xmas_hero .info,
        #diamondCollection2017 #hero.xmas_hero .info {
            max-width: 60%;
            padding-left: 4%;
            padding-right: 4%;
            padding-top: 3%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            #homepage #hero.xmas_hero .info.p-bottomLeftCorner {
                height: unset;
                top: unset;
                bottom: 10%;
            }


        /*#diamondCollection2017 #hero.xmas_hero .info {
        width: 90%;
    }*/

        #hero.xmas_hero .slide_left_landing_pages .info,
        #diamondCollection2017 #hero.xmas_hero .info {
            position: initial;
            max-width: 95%;
        }

        /* END Christmas 2018 */


        /* START A Night For You*/
        .nightForYouCampaign .bottom-images img {
            width: 92%;
            height: auto;
        }

        .nightForYouCampaign .slider-description h1.night-for-you-typography {
            font-size: 60px;
            margin-top: 12px;
            margin-bottom: 12px;
        }
        /* End A Night For You*/


        #hero.eden18 .info {
            margin-bottom: 25px;
        }

        #frankfurtShowroomTopBar .closeButton {
            width: 12px;
        }



        .visitShowroom .directionsHolder {
            margin-top: 40px;
        }
        /* START Celebrity Engagement Ring 2018 */

        #celebrityPage2018 .top-banner {
            padding: 20px 30px 0 30px;
        }

        #celebrityPage2018 .main-content {
            padding: 0px 10px;
        }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-small {
                font-size: 13px;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-medium {
                font-size: 13px;
            }

            #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .cell-box-large {
                font-size: 13px;
            }

        /* END Celebrity Engagement Ring 2018 */

        /* START Black Friday 2018 */

        /* Hero Top Banner */

        #blackFriday #topBanner .arrow-discount {
            bottom: 25px;
        }

        #homepage .hero-bottom-images .bg-pic-box {
            margin-top: 0 !important;
            padding: 0 !important;
        }

            #homepage .hero-bottom-images .bg-pic-box .caption {
                width: 80%;
                padding-left: 16px;
            }

                #homepage .hero-bottom-images .bg-pic-box .caption h1 {
                    font-size: 22px;
                }

                #homepage .hero-bottom-images .bg-pic-box .caption h2 {
                    font-size: 20px;
                }

                #homepage .hero-bottom-images .bg-pic-box .caption h3 {
                    font-size: 16px;
                }

        #homepage .hero-bottom-images .bg-pic-right,
        #homepage .hero-bottom-images .bg-pic-left,
        #blackFriday .hero-bottom-images .bg-pic-right,
        #blackFriday .hero-bottom-images .bg-pic-left {
            padding-top: 73.5%;
        }

        #homepage .hero-bottom-images .bg-pic-right {
            margin-top: 6px;
        }

        #homepage .hero-bottom-images .bg-pic-left {
            padding-right: 0 !important;
            margin-top: 6px;
        }

            #homepage .hero-bottom-images .bg-pic-left.early-bird {
                background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77d02_early_black_friday_left_image_engagement-mobile.jpg');
            }

        #homepage .hero-bottom-images .bg-pic-right.early-bird {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/77D02_Early_Black_Friday_Right Image_Engagement-Mobile.jpg');
        }

        #homepage .hero-bottom-images .bg-pic-right._P5,
        #homepage .hero-bottom-images .bg-pic-right._P6,
        #homepage .hero-bottom-images .bg-pic-right._P7,
        #homepage .hero-bottom-images .bg-pic-right._PE {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Right_Image-Mobile.jpg');
        }

        #homepage .hero-bottom-images .bg-pic-left._P5,
        #homepage .hero-bottom-images .bg-pic-left._P6,
        #homepage .hero-bottom-images .bg-pic-left._P7,
        #homepage .hero-bottom-images .bg-pic-left._PE {
            background-image: url('../images/campaigns/black-friday-2018/homepage/bottom-banner/Black_Friday_Left_Image-Mobile.jpg');
        }


        #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_mobile.jpg');
        }

            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P5,
            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P6,
            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line1._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/engagement_mobile2.jpg');
            }

        #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_mobile.jpg');
        }

            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P5,
            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P6,
            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line1._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/wedding_mobile2.jpg');
            }

        #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_mobile.jpg');
        }

            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P5,
            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P6,
            #blackFriday .hero-bottom-images .bg-pic-left.early-bird.line2._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/jewellery_mobile2.jpg');
            }

        #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2 {
            background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_mobile.jpg');
        }

            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P5,
            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P6,
            #blackFriday .hero-bottom-images .bg-pic-right.early-bird.line2._P7 {
                background-image: url('../images/campaigns/black-friday-2018/landing-page/boxes/earrings_mobile2.jpg');
            }





        .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock {
            margin-top: 0px;
        }

            .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
                font-size: 16px;
            }

        .stickyBF18-clock #heroClockHolder > div {
            margin: 0 4px;
        }

        #homepage .bg-pic-box .caption,
        #blackFriday .bg-pic-box .caption {
            width: 54%;
            padding-left: 20px;
        }



        /* END Black Friday 2018 */

        /* Logo Size of fancybox */
        #rings .arrange b {
            background-size: 50%;
        }

        #rings .arrange .shapes-list {
            position: relative;
            margin: 20px 0px 60px;
            padding-bottom: 15px;
        }

        #rings .shapes-list .shape-item h3,
        #rings .shapes-list .shape-item .h3 {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 100%;
            pointer-events: none;
        }


        #rings .shapes-list .shape-item .shape-img img {
            padding: 10px 0;
        }

        #rings .shapes-list .shape-item .shape-model {
            position: absolute;
            bottom: 100%;
            margin-bottom: 30px;
            width: 100%;
            left: 0;
            transition: opacity .4s;
        }

        #rings .shapes-list .shape-item input:not(:checked) ~ .shape-model {
            /*display: none;*/
            opacity: 0;
        }

        #rings .shapes-list .shape-item input:checked ~ .shape-img img {
            background-color: #FFC13A;
        }

        #rings .shapes-list .shape-item .link-info {
            display: none;
        }

        #rings .shapes-list .shape-item input:not(:checked) ~ h3,
        #rings .shapes-list .shape-item input:not(:checked) ~ .h3 {
            opacity: 0;
        }

        #rings .shapes-list .shape-item .shape {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
        }

        #rings .shapes-list .shape-item input:checked ~ h3,
        #rings .shapes-list .shape-item input:checked ~ .h3 {
            opacity: 1;
        }

        #rings .shapes-list .shape-item:not(:hover) .shape {
            display: none;
        }

        #rings .shapes-list .shape-item input:checked ~ .shape {
            display: block;
            opacity: 1;
        }

        .bespokeForm #gdprCheckboxHolder label {
            max-width: 66%
        }

        .bespokeForm {
            padding-bottom: 75px !important
        }



        /* START Specifics for Eden Campaign 2018 */


        #edenCampaign .eden-blocks .single-block {
            padding: 0 12px;
        }

        /* END Specifics for Eden Campaign 2018 */


        /* START Hero Banners */


        figure.imageWithCaptionBlock figcaption h2,
        #hero .info h1, .hero .info h1,
        #hero .info h2, .hero .info h2 {
            font-size: 7vw;
            margin-bottom: 3vw;
        }

        /*figure.imageWithCaptionBlock figcaption h3,
    #hero .info h3, .hero .info h3, #hero .info p, .hero .info p {
        font-size: 4vw;
        margin-bottom: 3vw;
    }

    figure.imageWithCaptionBlock a.arrowBtn,
    #hero a.arrowBtn,
    figure.imageWithCaptionBlock .arrowBtn:link,
    #heroa .arrowBtn:link,
    figure.imageWithCaptionBlock .arrowBtn:visited,
    #heroa .arrowBtn:visited,
    figure.imageWithCaptionBlock .arrowBtn,
    #hero .arrowBtn {
        font-size: 4vw;
        background-size: 4vw auto;
    }*/

        /* END Hero Banners */

        /**Don't show the help floating button*/
        #vee24LiveHelpTabHTML {
            display: none !important;
        }

        #shopBag2017 #topTextHolder h2 {
            font-size: 5vw;
        }

        #shopBag2017 #topTextHolder #textItemsInBag {
            font-size: 4vw;
        }



        h2, .h2 {
            font-size: 2.3em;
        }

        .SubscriptionForm_SpringFlashSale2019 .h2 {
            font-size: 20px;
        }


        .flexBlock {
            display: initial;
        }

        .transformWhite {
            border-color: #fff;
            border-width: 5px;
        }

        figure.centeredImage.notOnPhone > img,
        figure.centeredImage.notOnPhone > a {
            top: 0;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }


        /* START Footer nav */

        footer nav > div.mob > h6:after {
            content: " ";
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            background: url(/images/NewImages/Icons/CaretDown.png) no-repeat center center;
            transition: transform .5s ease;
        }

        footer nav > div.mob.opened > h6:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        footer nav > div.mob > ul {
            max-height: 0;
            overflow: hidden;
            transition: max-height .5s ease;
            border-bottom: 1px solid #ccc;
            text-indent: 10px;
        }

        footer nav > div.mob.opened > ul {
            max-height: 300px;
        }



        /* END Footer nav */
        /* START Sticky Contact Bar */
        #stickyContactBar button,
        #stickyContactBar a {
            font-size: 3.7vw;
        }

        #stickyContactBar button {
            margin-left: 5vw;
        }

        #stickyContactBar a {
            margin-right: 5vw;
        }

        #stickyContactBar button > img {
            width: 5vw;
            margin-right: 2vw;
            margin-top: -3px;
        }

        #stickyContactBar a > img {
            width: 6vw;
            margin-right: 2vw;
        }

        /* START image with caption */

        /*figure.imageWithCaptionBlock {
        height: auto;
    }*/

        /* END image with caption */

        /* START Hero */

        .landing #hero .info,
        #hero .info,
        .hero .info {
            max-width: 90%;
            font-size: 8px;
        }

        #hero.notCentered .slide img.banner {
            left: auto;
        }

        /* END Hero */

        /* START Sub Nav Slider */

        .subNavSliderHolder .carrousel_left,
        .subNavSliderHolder .carrousel_right {
            top: 20%;
        }

        /* END Sub Nav Slider */

        /* START Phrase Banner Block */

        .phraseBannerBlock {
            padding: 0;
            margin-bottom: 10px;
        }

            /* END Phrase Banner Block */

            .phraseBannerBlock.smallImage .quoteHolder {
                height: 150px;
                padding: 0 10px;
            }

                .phraseBannerBlock.smallImage .quoteHolder h4 {
                    margin-bottom: 10px;
                }

            .phraseBannerBlock .quoteSlider .quoteHolder > div {
                height: 100px;
            }

            .phraseBannerBlock figcaption .info {
                font-size: 9px;
            }

        /* START Flex Grid Block */

        .flexGridBlock > * {
            height: 235px;
            padding: 0;
            margin: 0;
        }

        /* END Flex Grid Block */

        .simpleTextBlock {
            padding: 0;
            height: 90vw;
        }

        .flexGridBlock > div .centeredContent {
            top: 35%;
        }

        .landing .bottomHero .info {
            width: 60%;
        }

        /* START Category Detail */

        #categoryDetailsPage .slidesHolder {
            padding: 0;
        }

        #categoryDetailsPage .slick-track {
            -webkit-transform: initial !important;
            -moz-transform: initial !important;
            -ms-transform: initial !important;
            -o-transform: initial !important;
            transform: initial !important;
        }

        #categoryDetailsPage article {
            border-bottom: 10px solid #fff;
            float: none;
            padding: 20px 0;
        }

        #checkoutSteps #checkoutStep1 p.or-text {
            display: block;
            margin: 20px 15px 0 0;
        }

        #checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn #checkoutWithPayPalButton {
            margin-top: 5px;
        }

        #checkoutSteps #checkoutStep1 #amazonLogoutButton,
        #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton {
            margin-left: 0;
            margin-top: 15px;
        }

            #checkoutSteps #checkoutStep1 #amazonLogoutButton p.or-text,
            #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton p.or-text {
                margin-top: 15px;
            }

            #checkoutSteps #checkoutStep1 #checkoutWithPayPalButton .paypalButtonHolder {
                float: left;
            }

        #checkoutSteps #checkoutStep1 #amazonLogoutButton {
            text-align: left;
        }

        /* END Category Detail */

        /* START Awards Page */

        #awardsCategoriesPage #categoriesListHolder ul li > figure {
            height: 70vw;
        }

        #awardsCategoriesPage #toggleOpts {
            font-size: 3vw;
        }

        /* END Awards Page */

        /* START FORMS */

        .form .fieldHolder.half {
            width: 100%
        }

            .form .fieldHolder.half + .half {
                margin-left: 0;
            }

        /* END FORMS */

        /* SPECIFIC */
        /* START Homepage */

        /*#homepage figure.fig_0 figcaption
    {
        right: 5%;
    }*/

        /*#homepage #hero figcaption .info,
    #homepage figure.imageWithCaptionBlock .info {
        font-size: 7px;
    }*/

        #home #footerContacts {
            margin-top: 0;
        }

        #homepage .homepageArticles .slick-dots {
            bottom: 2vw;
        }

        #homepage .homepageArticles {
            background-position: top 10vw center;
            height: 60vw;
            padding: 28vw 0 6vw;
            margin-bottom: 6vw;
        }


            #homepage .homepageArticles .quoteHolder q {
                font-size: 4vw;
                margin-bottom: 4.2vw;
            }

            #homepage .homepageArticles .quoteHolder a {
                font-size: 3.3vw;
            }

        #homepage .hero .info {
            width: 80%;
            top: 40%;
        }

            #homepage .hero .info h2 {
                font-size: 8vw;
                margin-bottom: 6vw;
            }

            #homepage .hero .info p {
                font-size: 4vw;
                margin-bottom: 8vw;
            }

            #homepage .hero .info a {
                width: 80%;
                box-sizing: border-box;
            }

                #homepage .hero .info a + a {
                    margin-left: 0;
                    margin-top: 2vw;
                }


        /* END Homepage */

        /* START Diamond Collection */

        #diamondCollection .fig_0 .info {
            font-size: 6.5px;
        }

        #diamondCollection .flexBlock > figure .centeredContent {
            margin-left: 5%;
            margin-top: 34%;
            font-size: 7.5px;
        }

        /* END Diamond Collection */

        /* START Diamond Collection 2017 */

        #diamondCollection2017 #hero .info {
            min-width: 90%;
        }

            #diamondCollection2017 #hero .info h1 {
                font-size: 5.5vw;
                margin-bottom: 1.5vw;
            }

        #diamondCollection2017 #hero.xmas_hero .info h1 {
            font-size: 5.5vw;
            margin-bottom: 1.5vw;
        }



            #diamondCollection2017 #hero.xmas_hero .info h1 > span {
                font-size: 5.5vw;
            }

        #diamondCollection2017 #hero .info p {
            margin-bottom: 2.5vw;
            font-size: 3.5vw;
        }

            #diamondCollection2017 #hero .info p:first-of-type {
                margin: 0;
            }

        #diamondCollection2017 img.fakeImage {
            display: none;
        }

        #diamondCollection2017 .centeredContent {
            position: static;
            transform: none;
        }

        #diamondCollection2017 figure figcaption {
            margin-top: 30px;
        }

        #diamondCollection2017 #hero figure figcaption {
            margin-top: 0px;
        }

        #diamondCollection2017 #behindCollectionsHolder figure figcaption {
            margin-top: 0;
        }

        #behindCollectionsHolder .squaredText {
            padding: 0;
        }


        /* END Diamond Collection 2017 */

        /* START Muse Collection 2018 */

        #museCollectionPage #tilesHolder img {
            margin-bottom: 10px;
        }

        #museCollectionPage .textHolder {
            padding: 10vw 10vw 5vw 10vw;
        }

            #museCollectionPage .textHolder p {
                font-size: 4vw;
            }

        #museCollectionPage .discoverCollections h3 > a {
            font-size: 5vw;
        }

        /* END Muse Collection 2018 */

        /* START Contacts */

        #contactsPage #selectedCountryHolder {
            /*font-size: 1.3em;*/
        }

        /* START Product Page */


        #rings-area .rings-panel .filterControls .action-btns-Wrapper .action-btns #btnAddToShoppingBag {
            width: 80%;
        }

        #rings-area #mainslider.gridList .productSliderSlides .slide {
            width: 100% !important;
        }



        #step-2 .h2 .phoneText {
            display: inline-block;
        }

        #style-examples .left {
            width: 100%;
        }

        #style-examples li {
            padding: 0 10px;
        }

        #style-examples img {
            display: block;
            float: none;
            margin: 30px auto;
            width: 85%;
        }

        #styles .opener {
            right: 5px;
        }

        #step-1 .options .shapes-list {
            max-width: 270px;
            margin: 0 auto;
        }

        #step-2 .gallery {
            padding-bottom: 10px;
        }


        #step-2 .galleryImage #image360-reel {
            margin-top: 0 !important;
        }

        #step-2 .content p {
            font-size: 14px;
        }


        #step-2 .results h4#lblDiamondsCount {
            font-size: 14px;
        }

        /*.diamondDetail > td > div {
        padding-left: 1%;
        padding-right: 1%;
    }

    .diamondDetail .buttonSet .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .diamondDetail > td > div .actualImage {
        margin-bottom: 20px;
    }

    .diamondDetail .hasVideo figure:before {
        line-height: 26vw;
        height: 26vw;
    }*/

        .orderReview #orderItems .itemDescription {
            width: 100%;
        }

            .orderReview #orderItems .itemDescription > div > label {
                font-size: 1em;
            }

        #step-2 .content > div.social-box {
            display: block;
            float: left;
            width: 100%;
        }

        #step-2 .action-btns .bigbtn span,
        #step-2 .action-btns .box, #dropdown-2.dropdown {
            width: 80%;
        }

    #rings-area .rings-panel .quote2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 20px; /* fallback */
        max-height: 165px; /* fallback */
        -webkit-line-clamp: 7; /* number of lines to show */
        -webkit-box-orient: vertical;
        position: relative;
        text-align: justify !important;
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        width: 100%;
        transition: max-height .5s;
    }

    #rings-area .rings-panel .quote2 h2 {
        text-align: center;
        line-height: 28px;
        margin-top: 30px;
    }




    #rings-area .rings-panel .quote2:after {
        content: 'Read More';
        cursor: pointer;
        text-decoration: underline;
        position: absolute;
        text-align: right;
        width: 100%;
        height: 25px;
        bottom: 0;
        right: 15px;
        font-size: 14px;
        background-color: #fff;
        z-index: 5;
    }

            #rings-area .rings-panel .quote2.active {
                overflow: visible;
                display: inline-block;
                line-height: auto; /* fallback */
                max-height: 4000px; /* fallback */
                
                -webkit-line-clamp: initial; /* number of lines to show */
                -webkit-box-orient: initial;
            }

                #rings-area .rings-panel .quote2.active:after {
                    content: 'View Less';
                }

            #rings-area .rings-panel .quote2 > h1 {
                text-align: center;
                line-height: 1em;
                font-size: 3em;
            }

        #rings-area.noProducts #noProductsHolder {
            height: 65vw;
        }

        #rings-area #noProductsHolder .textHolder h2 {
            font-size: 10vw;
            margin-bottom: 3vw;
        }

        #rings-area #noProductsHolder .textHolder h3 {
            font-size: 5vw;
        }

        #rings-area #noProductsHolder .textHolder p {
            font-size: 4vw;
        }

        #tempStickyHeader > table td {
            padding: 5px;
        }



        .orderReview #orderItems .itemDescription > div.matchingPairs {
            width: 100%;
        }

        /* - START forward friend */

        #email .email-left {
            border-right: 0 none;
            border-top: 1px solid #ffd400;
            padding-top: 30px;
            margin-top: 30px;
            padding-right: 0;
        }

        #email .preview {
            padding: 0;
        }

        /* - END forward friend */

        /* END Product Page */

        /* START Bespoke Page */

        /*#bespokePage .hero .col {
            width: 90%;
        }

        #bespokePage .hero #slideHolder {
            width: 100%;
            text-align: center;
            height: 65vw;
        }

            #bespokePage .hero #slideHolder figure,
            #bespokePage .hero #slideHolder div[class^="slick"] {
                height: 100%;
            }

            #bespokePage .hero #slideHolder img {
                margin: auto;
                max-height: 100%;
            }

        #bespokePage .hero .info {
            top: auto;
            bottom: 5%;
            text-align: center;
        }

        #bespoke .miniToBigSliderHolder .textHolder {
            font-size: 8px;
        }

        #bespoke .form {
        }



        #bespokePage #bottomImage_2 figcaption {
            left: 15px;
        }*/

        /* END Engagement Bespoke Page */

        /* START Education Page */

        #educationPage .bottomHero .info {
            width: 85%;
        }

            #educationPage .bottomHero .info h2 {
                font-size: 7vw;
            }

            #educationPage .bottomHero .info p {
                font-size: 3.5vw;
            }

        #educationPage #hero .info {
            bottom: 32%;
        }

        .educationPage h1.pos {
            font-size: 5vw;
            transform: translateY(18vw);
        }

        .educationPage h2#name {
            font-size: 9vw;
            margin: 10vw 0 -6.5vw;
            transform: translateY(-8vw);
        }

        #educationPage .bottomHero .info h1 {
            font-size: 3.2em;
        }

        /* START Education Page */

        /* START Education Shapes */

        #educationShapes #shapes {
            border: 0 none;
        }

            #educationShapes #shapes li {
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
                margin-top: -1px;
                margin-right: -1px;
                box-sizing: border-box;
                display: block;
                width: 33.3333%;
                float: left;
            }

                #educationShapes #shapes li.phoneLast {
                    margin-left: 16.6667%;
                }

        /* END Education Shapes */

        /* START Credit Card Payment Page */

        #creditCardPaymentPage .summary .productsHolder {
            max-height: 30px;
            padding: 0 5%;
            border-bottom: 1px solid #dadada;
            overflow: hidden;
            transition: max-height .5s, padding .5s;
        }

            #creditCardPaymentPage .summary .productsHolder:before { /*voltar aqui*/
                content: attr(data-productname) " - " attr(data-productmetal);
                padding: 5px;
            }

        #creditCardPaymentPage .summary #showHideOrder {
            background-color: #ffc13a;
            display: block;
            width: 100%;
            box-sizing: border-box;
            font-size: 0;
        }

            #creditCardPaymentPage .summary #showHideOrder span {
                padding: 5px;
                display: inline-block;
            }

                #creditCardPaymentPage .summary #showHideOrder span:before {
                    color: #000;
                    content: "See my order";
                    font-size: 14px;
                    padding: 5px;
                }

            #creditCardPaymentPage .summary #showHideOrder i.fa {
                font-size: 25px;
                padding: 0 5px;
                transition: transform .5s;
            }

        #creditCardPaymentPage .summary.active .productsHolder {
            max-height: 1000px;
            overflow-y: auto;
            padding: 5%;
        }

            #creditCardPaymentPage .summary.active .productsHolder:before {
                content: "";
            }

        #creditCardPaymentPage .summary.active #showHideOrder span:before {
            content: "Hide my order";
        }

        #creditCardPaymentPage .summary.active #showHideOrder i.fa {
            transform: rotate(180deg);
        }

        /* END Credit Card Payment Page */

        /* START Checkout Page */

        #checkoutPage #billingInfoContainer {
            width: 92%;
        }

        /* START Checkout Page */


        .checkout2017 .includingVAT {
            font-size: 4vw;
        }

        .checkout2017 #itemsHolder .item .mobileDiamondInfo > .includingVAT {
            margin-top: 4px;
        }

        /* START Checkout 2017 */

        #checkoutPage2017 .step .stepTitle {
            font-size: 14px;
        }

            #checkoutPage2017 .step .stepTitle > .stepNumber {
                margin-top: 3px;
                vertical-align: top;
                font-size: 18px;
            }

            #checkoutPage2017 .step .stepTitle > .stepDescription {
                display: block;
                margin-top: -12px;
                margin-left: 45px;
            }

        #checkoutPage2017 #cardPaymentHolder #cardNumber, #checkoutPage2017 #cardPaymentHolder #cardSecurityCode {
            width: 43%;
            min-width: 170px;
        }

        

        #shopBag2017 .weAcceptHolder img {
            height: 20px;
        }

            #shopBag2017 .weAcceptHolder img.icon-mastercard {
                height: 31px;
                max-height: 31px;
            }

        #checkoutPage2017 .buttonsHolder {
            text-align: center;
        }

            #checkoutPage2017 .buttonsHolder .btn.continue, #checkoutPage2017 .paymentMethod .btn {
                box-sizing: border-box;
                width: 100%;
                font-size: 14px;
            }

        #checkoutPage2017 #paypalHolder {
            text-align: center;
        }
        /* - START Paypal Return */

        #checkoutPage2017 .stepContent .buttonsHolder .btn {
            font-size: 12px;
        }

        /* - END Paypal Return */

        /* END Checkout 2017 */

        /* START Careers Page*/

        #careersPage h2 {
            font-size: 10vw;
            line-height: 9vw;
        }

        #careersPage .jobPosition dl {
            text-align: left;
            margin-left: 16%;
        }

        /* END Careers Page*/

        /* START Sample Page*/

        #samplePage h3 {
            margin-top: 20px;
            margin-bottom: 0;
            font-size: 13vw;
        }

        #samplePage iframe {
            margin-top: 0;
        }

        /* END Sample Page*/

        /* START Express Page */

        #expresspage.christmas2017 #hero .info h2 {
            font-size: 7vw;
        }

        #expresspage.christmas2017 #hero .info p {
            font-size: 5vw;
        }

            #expresspage.christmas2017 #hero .info p.smallText {
                font-size: 3vw;
            }

        #expresspage #filtersHolder #colourFilter.filterHolder ul > li,
        #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
            width: calc((90% / 5) - 5px);
        }

        #expresspage #filtersHolder #clarityFilter.filterHolder ul > li {
            width: calc((90% / 4) - 5px);
            min-width: 50px;
        }

        #expresspage #filtersHolder #colourFilter.filterHolder ul > li:nth-child(6) {
            margin-left: calc((90% / 10));
        }

        #expresspage #filtersHolder #clarityFilter.filterHolder ul > li:nth-child(5) {
            margin-left: calc((90% / 8));
        }

        #expresspage #productInfo .btnAddToShoppingExpressPopupMobile {
            margin-bottom: 20px;
        }

        /* END Express Page */

        /* START GDPR Landing Page */

        #gdprPage .videoHolder iframe {
            width: 90% !important;
            height: 350px !important;
        }

        #gdprPage .worldTopNews77Holder article {
            padding-right: 7vw;
        }

            #gdprPage .worldTopNews77Holder article .textHolder {
                width: 70%;
                margin: 4vw auto;
                padding-top: 3.5vw;
                padding-left: 7vw;
            }

                #gdprPage .worldTopNews77Holder article .textHolder h3 {
                    font-size: 6vw;
                    margin-bottom: 3vw;
                }

                #gdprPage .worldTopNews77Holder article .textHolder p {
                    font-size: 4vw;
                    margin-bottom: 3vw;
                }

        /* END GDPR Landing Page */


        /* START SEO Shapes */


        .SEOshapes2017 .bgShape_1,
        .SEOshapes2017 .bgShape_2,
        .SEOshapes2017 .bgShape_3,
        .SEOshapes2017 .bgShape_4,
        .SEOshapes2017 .bgShape_5,
        .SEOshapes2017 .bgShape_6,
        .SEOshapes2017 .bgShape_7,
        .SEOshapes2017 .bgShape_8,
        .SEOshapes2017 .bgShape_9,
        .SEOshapes2017 .bgShape_10 {
            background-size: auto 260px
        }

        .SEOshapes2017 .firstFigure {
            margin: 0;
        }

        .SEOshapes2017 .chooseHolder {
            margin: 15px 0;
        }

            .SEOshapes2017 .chooseHolder img.fixedHeight {
                height: auto;
            }

        .shape2017greyBG .quickLinks figcaption {
            font-size: 3vw;
            margin-top: 10px;
        }

        .SEOshapes2017 h1, .SEOshapes2017 h2 {
            font-size: 6vw;
        }

        .SEOshapes2017 p {
            font-size: 4vw;
        }

        .shape2017greyBG .quickLinks > figure {
            padding-left: 3%;
        }

            .shape2017greyBG .quickLinks > figure:first-child {
                margin-left: 12.5%;
            }


        /*.SEOshapes2017 .bgShape_1.firstText{padding-top: 70px;}
    .SEOshapes2017 .bgShape_2.firstText{padding-top: 50px;}
    .SEOshapes2017 .bgShape_3.firstText{padding-top: 50px;}
    .SEOshapes2017 .bgShape_4.firstText{padding-top: 110px;}
    .SEOshapes2017 .bgShape_5.firstText{padding-top: 60px;}
    .SEOshapes2017 .bgShape_6.firstText{padding-top: 20px;}
    .SEOshapes2017 .bgShape_7.firstText{padding-top: 40px;}
    .SEOshapes2017 .bgShape_8.firstText{padding-top: 110px;}
    .SEOshapes2017 .bgShape_9.firstText{padding-top: 70px;}
    .SEOshapes2017 .bgShape_10.firstText{padding-top: 60px;}*/

        /* END SEO Shapes */

        /* START Sample Page */

        #samplePage #hero .disclaimerHolder {
            bottom: 10vw;
        }

            #samplePage #hero .disclaimerHolder > p {
                font-size: 3vw;
                padding-right: 0;
            }

        #samplePage .textHolder {
            padding-top: 15vw;
            padding-bottom: 15vw;
        }

        #samplePage .formHolder {
            padding-top: 15vw;
            padding-bottom: 15vw;
        }

            #samplePage .formHolder h2 {
                font-size: 6vw;
            }

        #samplePage .directionsHolder {
            padding-top: 15vw;
            padding-bottom: 15vw;
        }

            #samplePage .directionsHolder iframe {
                margin-top: 15vw;
            }

            #samplePage .directionsHolder h2 {
                font-size: calc(14px + 2vw);
            }

            #samplePage .directionsHolder p {
                font-size: calc(10px + 2vw);
                line-height: calc(10px + 2.5vw);
            }

        #samplePage .getDirections {
            margin-top: 4vw;
        }

            #samplePage .getDirections > div:last-child > a {
                margin-top: 4vw;
            }

        /* END Sample Page */


        /* START Christmas stuff #Christmas2016 */

        #homepage #hero .eventLive.christmas .info {
            margin-top: 5%;
            margin-left: 35%;
        }

        #homepage #hero .eventLive.christmas.christmasTop .info {
            margin-top: 5%;
            margin-left: 25%;
        }

        /*#homepage.hasEvent figure.fig_0 figcaption.christmas
    {    
        bottom: 15%;
        left: 5%;
        right: unset;
        top: unset;
    }*/

        /* END Christmas stuff #Christmas2016 */

        /* START Black Friday Event #BFevent */

        .topBadge > a > p {
            width: 100%;
            font-size: 3.8vw;
            text-align: center;
        }

        /*.hasEvent #hero
    {
        display:block !important;
    }

    .hasEvent .imageWithCaptionBlock.fig_1
    {
        display:none;
    }*/

        .eventLive .closeSignUp {
            display: none;
            position: absolute;
            top: 10px;
            left: 10px;
            width: 15px;
            height: 15px;
            transition: transform .5s;
        }

        .eventLive.active .closeSignUp {
            display: inline-block;
        }

            .eventLive.active .closeSignUp:hover {
                transform: rotate(90deg);
            }

        .eventLive > .centeredContent {
            color: #fff;
            margin-left: -5px;
        }

        .eventLive.preBlackFriday > .centeredContent:nth-child(2) {
            height: 100%;
            background-color: rgba(0,0,0,.9);
            background-clip: border-box;
            right: 0;
            transform: translateY(-50%);
            padding: 0;
            max-height: 0;
            min-height: 0;
            overflow: hidden;
            transition: max-height .5s, padding .5s;
        }

        .eventLive.active > .centeredContent:nth-child(2) {
            padding-top: 15vw;
            max-height: 400px;
        }

        .eventLive > .centeredContent p {
            font-size: 4vw;
            line-height: 38px;
            margin-bottom: 0;
        }

        .eventLive > .centeredContent h2.h1 {
            font-size: 13vw;
            line-height: 13vw;
        }

        .eventLive.cyberMonday > .centeredContent h2.h1 {
            font-size: 11vw;
            line-height: 11vw;
        }

        .eventLive > .centeredContent h2.h1 > strong {
            font-size: 12vw;
        }

        .eventLive > .centeredContent h2.h1 > span {
            font-size: 12.5vw;
        }

        .eventLive > .centeredContent h2.h1 + p {
            font-size: 3.5vw;
        }


        .eventLive > .centeredContent .signupMessage p {
            font-size: 18px;
            line-height: 24px;
        }

        .eventLive > .centeredContent .signupMessage .miniTitle {
            font-size: 24px;
            line-height: 30px;
        }

        /* - START During BF Weekend */

        .eventLive.blackFriday > .centeredContent,
        .eventLive.cyberMonday > .centeredContent,
        .eventLive.blackFridayExt > .centeredContent {
            top: 0;
            position: relative;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

        /*.eventLive > .centeredContent p.futuristicFont {
        font-size: 3vw;
        margin-bottom: 4.5vw;
        line-height: 4vw;
    }*/

        .eventLive #BF_clock > span {
            font-size: 10vw;
            line-height: 5vw;
            letter-spacing: 2px;
        }

            .eventLive #BF_clock > span > span {
                font-size: 3vw;
            }

        .eventLive > .bannerLinks {
            bottom: 5vw;
        }

            .eventLive > .bannerLinks > a.btn {
                font-size: 14px;
                padding: 4px 20px;
            }

        /*#homepage.hasEvent figure.fig_0 figcaption
    {
        left: 5%;
        right: 0;
    }*/

        /* - END During BF Weekend */

        /* - START Extended */

        .eventLive.blackFridayExt > .centeredContent p {
            margin-top: 1vw;
            margin-bottom: 5vw;
        }

            .eventLive.blackFridayExt > .centeredContent p.secondLine {
                margin-bottom: 0;
            }

        .eventLive.blackFridayExt > .centeredContent h2.h1 {
            font-size: 11vw;
            line-height: 2vw;
            margin-bottom: 3vw;
        }

            .eventLive.blackFridayExt > .centeredContent h2.h1 > strong {
                font-size: 16vw;
                line-height: 20vw;
            }

            .eventLive.blackFridayExt > .centeredContent h2.h1 > span {
                font-size: 9.5vw;
            }

            .eventLive.blackFridayExt > .centeredContent h2.h1 + p {
                font-size: 3vw;
                line-height: 5.5vw;
            }

        /* - END Extended */

        /* - START SEO Page */

        #blackFriday .eventLive > .textHolder p {
            margin: 20px 0;
            font-size: 7vw;
        }

            #blackFriday .eventLive > .textHolder p:first-child {
                font-size: 7vw;
            }

        #blackFriday .eventLive > .textHolder h2.h1 {
            font-size: 20vw;
            line-height: 20vw;
        }

            #blackFriday .eventLive > .textHolder h2.h1 > strong {
                font-size: 20vw;
            }

        .boxInfoWrap.blackFridayEvent.christmas .firstText > p {
            font-size: 4vw;
        }


        /* - END SEO Page */

        /* - START Shop Page */

        .boxInfoWrap.blackFridayEvent .firstText > span {
            font-size: 5vw;
        }

        .boxInfoWrap.blackFridayEvent .firstText > strong {
            font-size: 7vw;
        }

        /* - END Shop Page */

        /* END Black Friday Event */

        /* START Summer 2017 */

        #homepage.summer2017 figure.fig_0 figcaption {
            margin-top: 25%;
        }

        #diamondEarrings.summer2017 #hero .info {
            width: 40%;
            margin-top: 13%;
        }

        #looseDiamonds.summer2017 #hero .info {
            margin-bottom: 0;
        }

        #expresspage.summer2017 #hero .info {
            width: 90%;
            bottom: 2%;
        }

        /* END Summer 2017 */

        /* START Impero Collection Launch */

        #imperoLandingPage a.arrowBtn,
        #imperoLandingPage a.arrowBtn:link,
        #imperoLandingPage a.arrowBtn:visited,
        #imperoLandingPage .arrowBtn {
            font-size: 5vw;
        }

        /*#homepage figure.imageWithCaptionBlock.imperoCollection.fig_0 figcaption:not(.eventLive) {
        top: 8vw;
    }*/
        /*#homepage figure.imageWithCaptionBlock.imperoCollection.fig_0 figcaption:not(.eventLive) .info h2{font-size:10vw;line-height:12vw;}*/
        /*#homepage figure.imageWithCaptionBlock.imperoCollection.fig_0 figcaption:not(.eventLive) .info h2 > span {
            margin-left: 7vw;
        }*/

        .imperoCollection .arrowBtn,
        .imperoCollection a.arrowBtn,
        .imperoCollection a.arrowBtn:link,
        .imperoCollection a.arrowBtn:visited {
            margin-right: 10vw;
            font-size: 4vw;
            background-size: 4vw;
            padding-right: 6vw;
        }

        #imperoLandingPage h2:first-of-type {
            margin-top: 0;
        }

        /* END Impero Collection Launch */

        /* START Early Bird 2017 */

        .bannerLinks {
            white-space: normal;
        }

        /*#homepage.genericBanners figure.imageWithCaptionBlock figcaption .highButtons .eventBtn {
        font-size: 5vw;
        padding: 2vw;
    }

    #homepage figure.imageWithCaptionBlock figcaption .earlyBird2017 .eventBtn {
        font-size: 3vw;
    }*/

        /* - START Sign Up page */

        #blackFriday > .earlyBird2017 figure#logoHolder img {
            width: 100%;
        }

        #blackFriday > .earlyBird2017 .textHolder {
            width: 90%;
        }

        #blackFriday > .earlyBird2017 div.newsletterHolder {
            width: 80%;
        }

        #blackFriday > .earlyBird2017 div.newsletter div.genderWrapper,
        #blackFriday > .earlyBird2017 .eb_input {
            display: block;
            width: 100%;
            margin: 0 0 15px;
        }

        #blackFriday > .earlyBird2017 div.newsletter > div {
            margin: 0;
        }

        /* - END Sign Up page */

        /* END Early Bird 2017 */

        /* START Black Friday 2017 */

        #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere img {
            max-width: 60%;
            margin: 1vw;
        }

            #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere img.finalSale {
                max-width: 90%;
            }

        #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere .btn.eventBtn {
            margin-top: 2vw;
            font-size: 3vw;
            min-width: 130px;
            margin-right: 5px;
        }

        #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere.stickyActive .btn.eventBtn {
            margin-right: 40px;
            min-width: 120px;
        }

        #underMenuHolder.headerBannerLinks.blackFriday2017.saleIsHere .btn.eventBtn > span {
            height: 2vw;
            line-height: 2vw;
        }

        #underMenuHolder.headerBannerLinks.blackFriday2017.stickyActive .btn.eventBtn {
            width: 35vw;
        }

        #clockHolder {
            margin-bottom: 7vw;
        }

        .badge_clock > span,
        #BF_clock_badge > span {
            font-size: 5vw;
            line-height: 2vw;
            margin-bottom: 5px;
        }

            .badge_clock > span > span,
            #BF_clock_badge > span > span {
                font-size: 1.5vw;
                margin-top: 0;
            }

        #homepage #hero.imperoCollection .info #clockHolder > h3 {
            font-size: 5vw;
            margin-bottom: 2vw;
        }

        #clockHolder #BF_clock > span {
            margin-top: 10vw;
            font-size: 15vw;
        }

            #clockHolder #BF_clock > span + span {
                margin-left: 3vw;
            }

            #clockHolder #BF_clock > span > span {
                margin-top: 4vw;
                font-size: 4vw;
            }

        #homepage #hero .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
            font-size: 3vw;
        }

        #blackFriday > .blackFriday2017 div.newsletter div.genderWrapper {
            width: 100%;
            margin-left: 0;
        }

        #blackFriday .hero .info {
            width: 85%;
        }

        #blackFriday .hero h3 {
            font-size: 6vw;
        }

        #blackFriday .bannerLinks.blackFriday2017 .eventBtn,
        #blackFriday .hero p {
            font-size: 4vw;
        }

        #blackFriday .bannerLinks.blackFriday2017 {
            text-align: left;
        }

            #blackFriday .bannerLinks.blackFriday2017 .eventBtn {
                width: auto;
            }

        #blackFriday #topBanner .bannerLinks.blackFriday2017 {
            text-align: center;
        }

        #blackFriday > .blackFriday2017 .newsletterHolder > p {
            font-size: 4vw;
        }

        #blackFriday > .blackFriday2017 .newsletterHolder .newsletter {
            width: 90%;
            margin-bottom: 40px;
        }

        /* END Black Friday 2017 */

        /* START Muse Collection Launch */

        #homepage #hero.museCollection {
            margin-bottom: 10px;
        }

        a.arrowBtn.museCollection,
        a.arrowBtn.museCollection:link,
        a.arrowBtn.museCollection:visited,
        .arrowBtn.museCollection,
        #hero a.arrowBtn.museCollection,
        #hero a.arrowBtn.museCollection:link,
        #hero a.arrowBtn.museCollection:visited,
        #hero .arrowBtn.museCollection {
            font-size: 4vw;
        }

        /* START Muse Collection Launch */

        /* START Sample Sale 2018 */

        #samplePage #hero .slide.ss18 .info.centered,
        #homepage #hero .slide.ss18 .info.centered {
            width: 95%;
            margin-top: -2vw;
        }


        #hero .slide.ss18 figcaption .info h1 {
            font-size: 24px;
        }

        #hero .slide.ss18 figcaption .info h2 {
            font-size: 42px;
        }

        #hero .slide.ss18 figcaption .info h3 {
            font-size: 24px;
        }


        #hero .slide.ss18 h2 {
            font-size: 6vw;
            margin-top: 2vw;
        }

            #hero .slide.ss18 h2 img {
                max-width: 74vw;
            }

        #hero .slide.ss18 h3 {
            font-size: 5.4vw;
            margin: 0;
        }

        #hero .slide.ss18 .sampleDate {
            bottom: 2.5vw;
        }

            #hero .slide.ss18 .sampleDate > p {
                font-size: 5vw;
            }

        #underMenuHolder.ss18 > .container p {
            font-size: 4vw;
            margin: 3vw 0 1vw;
            line-height: 4vw;
        }

        #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
            font-size: 3vw;
            margin: 5vw 6vw 5vw 0;
            background-size: 3vw;
            letter-spacing: 1px;
        }

        #underMenuHolder.ss18 .visitShowroom .arrowBtn {
            font-size: 4vw;
            margin: 0 0 2vw;
        }

        /* END Sample Sale 2018 */

        /* START Spring Sale 2018 */

        /* - START Sticky Bar */

        #underMenuHolder.springSale18 {
            height: 14vw;
        }

            #underMenuHolder.springSale18.stickyActive a.closeSticky {
                font-size: 4vw;
            }

            #underMenuHolder.springSale18 > .container {
                padding: 0 6vw 0 5vw;
            }

            #underMenuHolder.springSale18 .underMenu p,
            #underMenuHolder.springSale18 .underMenu .clockHolder,
            #underMenuHolder.springSale18 .underMenu .clockHolder span {
                font-size: 3.5vw;
                line-height: 5vw;
                white-space: normal;
            }

            #underMenuHolder.springSale18.nonDiamond .underMenu p,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
                font-size: 3.8vw;
                line-height: 5vw;
            }

            #underMenuHolder.springSale18 .underMenu .arrowBtn {
                line-height: 14vw;
                padding: 2vw 8vw 2vw 2vw;
            }

        /* - END Sticky Bar */

        /* - START Homepage */

        #homepage .saleLogoHolder {
            width: 40%;
        }

        #homepage #hero.springSale18 figcaption.row > .info h2 {
            font-size: 5vw;
        }

            #homepage #hero.springSale18 figcaption.row > .info h2 > p {
                font-size: 4.5vw;
                margin-top: 4vw;
                line-height: 5vw;
            }

        /*#homepage.springSale18 .imageWithCaptionBlock figcaption {
        width: 65%;
    }

    #homepage.springSale18 .imageWithCaptionBlock h2 {
        font-size: 7vw;
    }

    #homepage.springSale18 .imageWithCaptionBlock h3 {
        font-size: 5vw;
    }*/

        /*#homepage .hero .expertCraftSlide .craftsmanText {
        margin-top: -25px;
    }*/

        /* - END Homepage */

        /* - START Shopping Bag */

        #shopClockHolderMob #springSale18_shopClockMob > span {
            width: 60px;
        }

        #shopClockHolder p {
            font-size: 3.5vw;
        }

        #shopClockHolder #springSale18_shopClock,
        #shopClockHolder #springSale18_shopClock span,
        #shopClockHolder .textHolder > span {
            font-size: 6vw;
        }

        #shopClockHolderMob {
            height: calc(45px + 15vw);
            margin-top: 4vw;
            padding-top: 5vw;
        }

            #shopClockHolderMob #springSale18_shopClockMob {
                display: block;
                line-height: calc(10px + 5vw);
                font-size: 6vw;
            }

        /* - END Shopping Bag */

        /* START Spring Sale 2018 */

        /* START PhraseBannerBlocks */

        .phraseBannerBlock .homepageShowrooms .slider-content {
            padding: 25px 0 0;
        }

        .phraseBannerBlock .homepageShowrooms h3 {
            font-size: 16px;
        }

        .phraseBannerBlock .homepageShowrooms h2 {
            margin: 10px 0;
            font-size: 22px;
        }

        .phraseBannerBlock .homepageShowrooms p {
            margin: 10px 0;
            padding: 0 30px;
            font-size: 15px;
        }

        .phraseBannerBlock .homepageShowrooms .slider-nav-buttons {
            margin: 15px 0;
        }

        /* END PhraseBannerBlocks */

        #step-2 .iframeHolder > iframe {
            margin: 0 -70px;
        }

    }

    @media (min-width:481px) and (max-width:1030px /*desktopBreakingPoint*/ ) /* Just Tablet */ {

        /* Collections Menu Shop */
        #styles .filter2 a img {
            max-height: 30px;
            width: auto;    
        }

        /* PAGE SPECIFIC */


        /* START Sample Sale 2018 */

        #hero .slide.ss18 figcaption .info h1 {
            font-size: 32px;
        }

        #hero .slide.ss18 figcaption .info h2 {
            font-size: 52px;
        }

        #hero .slide.ss18 figcaption .info h3 {
            font-size: 32px;
        }

        /* END Sample Sale 2018 */

        /* Frankfurt Showrrom Hero Slider START */
        #homepage #hero.frankfurtShowroom .slide figcaption .info {
            width: 200px;
        }
        /* Frankfurt Showrrom Hero Slider END */


        /* PAGE SPECIFIC */
        /* Homepage */

        /*#homepage #hero figcaption .info,
    #homepage figure.imageWithCaptionBlock .info {
        font-size: 8px;
    }*/

        /* START Experts Craftsmanship and Testemonials Area */


        #homepage .homepageTestimonialsAndExpertCrafts .btn {
            margin: 0 !important;
        }



        /* END Experts Craftsmanship and Testemonials Area */


        /* START Diamond Collection */

        /*#diamondCollection figure.imageWithCaptionBlock {
        height: 345px;
        }*/

        #diamondCollection .flexBlock > figure {
            text-align: center;
        }

            #diamondCollection .flexBlock > figure .centeredContent {
                margin-left: 5%;
                margin-top: 0;
                top: initial;
                bottom: 0;
                font-size: 9px;
                text-align: left;
            }

        /* END Diamond Collection */


        /* START Education Shapes */

        #educationShapes #shapes {
            border: 0 none;
        }

            #educationShapes #shapes li {
                width: 25%;
            }

                #educationShapes #shapes li.tabletLast {
                    margin-left: 12.5%;
                }

        /* END Education Shapes */

        /* START Product Page */

        #rings-area #mainslider.gridList .productSliderSlides .slide {
            width: 33% !important;
        }

        #step-1 .options .shapes-list {
            max-width: 540px;
            margin: 0 auto;
        }

        /* END Product Page */

        /* START checkout */

        #checkoutPage .checkboxes {
            margin-left: 30px;
        }

        /* END checkout */

        /* START SEO Shapes 2017 */

        .SEOshapes2017 h1, .SEOshapes2017 h2 {
            font-size: 3.2vw;
        }

        .SEOshapes2017 .centeredContent p {
            font-size: 1.7vw;
        }

        .SEOshapes2017 .videoSize {
            height: 30vw;
            margin-top: 4vw;
        }

        /* END SEO Shapes 2017 */

        /* START Black Friday Event #BFevent */

        .topBadge > a > p {
            width: 90%;
            font-size: 2.5vw;
        }

        .eventLive > .centeredContent p {
            font-size: 2vw;
        }

        .eventLive > .centeredContent h2.h1 {
            font-size: 7vw;
            line-height: 7vw;
        }

        .eventLive.cyberMonday > .centeredContent h2.h1 {
            font-size: 6vw;
            line-height: 6vw;
        }

        .eventLive > .centeredContent h2.h1 > strong {
            font-size: 7vw;
        }

        /* - START During BF Weekend */

        /*.eventLive > .centeredContent p.futuristicFont {
        font-size: 3vw;
        margin-bottom: 4.5vw;
        line-height: 4vw;
       }*/

        .eventLive #BF_clock > span {
            font-size: 7vw;
            line-height: 5vw;
            letter-spacing: 2px;
        }

            .eventLive #BF_clock > span > span {
                font-size: 2vw;
            }

        .eventLive > .bannerLinks {
            bottom: 10vw;
        }

        /* - END During BF Weekend */

        /* END Black Friday Event */

        /* START SUMMER SALE 2017 */

        .topBadge.summer2017 > a > p {
            width: 100%;
        }

        /* END SUMMER SALE 2017 */

        .visitShowroom .directionsHolder {
            padding: 0 15%;
            margin-top: 0;
        }
    }

@media (min-width:481px) and (max-width:768px) /* From phone to Tablet Landscape (just Tablet Portrait) (image breakpoint) TPCSS */
{
    /* START Shopping Bag Page */

    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
        width: 33%;
    }

    #shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
        width: 67%;
    }


    /* END Shopping Bag Page */

        #winterSale2019 #hero .info.tp-topLeftCorner {
            top: 5%;
        }

        /* START Homepage Expert Craftsmanship */
        #homepage .hero .expertCraftSlide .craftsmanText {
            width: 70%;
            margin-top: -10px;
        }
        /* END Homepage Expert Craftsmanship */


        /* START Hero Banners */

        figure.imageWithCaptionBlock figcaption h2,
        #hero .info h1, .hero .info h1,
        #hero .info h2, .hero .info h2 {
            font-size: 5vw;
            margin-bottom: 2vw;
        }

        /*figure.imageWithCaptionBlock figcaption h3,
    #hero .info h3, .hero .info h3, #hero .info p, .hero .info p {
        font-size: 2.5vw;
        margin-bottom: 2vw;
    }

    #hero a.arrowBtn,
    #heroa .arrowBtn:link,
    #heroa .arrowBtn:visited,
    #hero .arrowBtn {
        font-size: 3vw;
        background-size: 3vw auto;
    }*/

        /* END Hero Banners */

        /* START Bespoke */

        /*#bespokePage .hero .info {
            width: 50%;
        }

        #bespokePage .hero .col:last-child {
            top: 50%;
            transform: translateY(-50%);
        }

        #bottomImage_3 > img {
            max-width: 411px;
        }*/

        /* END Bespoke */

        /* START Checkout Page */

        #checkoutPage #billingInfoContainer {
            width: 96%;
        }

        /* START Checkout Page */

        /* START Education Pages */

        #educationPage .bottomHero .info h2 {
            font-size: 6vw;
        }

        #educationPage .bottomHero .info p {
            font-size: 2.5vw;
        }

        /* END Education Pages */

        /* START Diamond Collection 2017 */

        #behindCollectionsHolder h2 > span {
            font-size: 4.5vw;
            margin-left: 15vw;
        }

        #diamondCollection2017 h2 {
            font-size: 3.5vw;
        }

        #diamondCollection2017 p {
            font-size: 2.2vw;
            margin-bottom: 10px;
        }

        #diamondCollection2017 .arrowBtn {
            font-size: 2.2vw;
            background-size: 14px auto;
            padding-right: 20px;
        }

        #diamondCollection2017 .squaredText {
            padding: 2vw 4vw;
            width: 35vw;
        }

        #behindCollectionsHolder .squaredText {
            width: 41vw;
        }

        /* END Diamond Collection 2017 */

        /* START Express Store */

        #expresspage #itemsList .item figure.slide {
            height: 30vw;
        }

        /* END Express Store */

        /* START GDPR Landing Page */

        #gdprPage .worldTopNews77Holder article .textHolder {
            width: 50%;
            margin: 4vw auto;
            padding-top: 2.5vw;
            padding-left: 6vw;
        }

            #gdprPage .worldTopNews77Holder article .textHolder h3 {
                font-size: 4vw;
                margin-bottom: 2vw;
            }

            #gdprPage .worldTopNews77Holder article .textHolder p {
                font-size: 3vw;
                margin-bottom: 2vw;
            }

        /* END GDPR Landing Page */

        /* START Sample Page */

        #samplePage #hero .disclaimerHolder {
            bottom: 7vw;
        }

            #samplePage #hero .disclaimerHolder > p {
                font-size: calc(8px + 1vw);
            }

        #samplePage .textHolder {
            padding-top: 10vw;
            padding-bottom: 10vw;
        }

        #samplePage .formHolder {
            padding-top: 10vw;
            padding-bottom: 10vw;
        }

            #samplePage .formHolder h2 {
                font-size: 3.4vw;
            }

        #samplePage .directionsHolder {
            padding-top: 10vw;
            padding-bottom: 10vw;
        }

            #samplePage .directionsHolder h2 {
                font-size: calc(14px + 2vw);
            }

            #samplePage .directionsHolder p {
                font-size: calc(10px + 2vw);
                line-height: calc(10px + 2.5vw);
            }

        #samplePage .getDirections {
            margin-top: 0;
        }

            #samplePage .getDirections > div > a {
                display: block;
                margin-top: 2vw;
            }

            #samplePage .getDirections > div:last-child > a {
                margin-top: 4vw;
            }

        /* END Sample Page */

        /* START Black Friday 2017 */

        #blackFriday .hero h3 {
            font-size: 3.5vw;
        }

        #blackFriday .bannerLinks.blackFriday2017 .eventBtn,
        #blackFriday .hero p {
            font-size: 2.2vw;
        }

        #blackFriday .bannerLinks.blackFriday2017 .eventBtn {
            min-width: 10vw;
        }

        #blackFriday #topBanner .bannerLinks.blackFriday2017 .eventBtn {
            width: 30vw;
        }

        /* END Black Friday 2017 */

        /* START Muse Collection Launch */

        #homepage #hero.museCollection {
            margin-bottom: 10px;
        }

            #homepage #hero.museCollection .col.info {
                width: 40%;
            }

        a.arrowBtn.museCollection,
        a.arrowBtn.museCollection:link,
        a.arrowBtn.museCollection:visited,
        .arrowBtn.museCollection,
        #hero a.arrowBtn.museCollection,
        #hero a.arrowBtn.museCollection:link,
        #hero a.arrowBtn.museCollection:visited,
        #hero .arrowBtn.museCollection {
            font-size: 2.5vw;
            white-space: nowrap;
        }

        /* START Muse Collection Launch */

        /* START Sample Sale 2018 */

        #samplePage #hero .slide.ss18 .info.centered,
        #homepage #hero .slide.ss18 .info.centered {
            width: 95%;
            margin-top: -2vw;
        }

        #hero .slide.ss18 .info {
            width: 95%;
        }

        #hero .slide.ss18 h2 {
            font-size: 5vw;
        }

            #hero .slide.ss18 h2 img {
                max-width: 63vw;
            }

        #hero .slide.ss18 h3 {
            font-size: 4.5vw;
            margin: 0;
        }

        #hero .slide.ss18 .sampleDate {
            bottom: 1.7vw;
        }

            #hero .slide.ss18 .sampleDate > p {
                font-size: 4vw;
            }

        #underMenuHolder.ss18 > .container p {
            font-size: 3vw;
            margin: 1.5vw 0 0.5vw;
            line-height: 4vw;
        }

        #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
            font-size: 2vw;
            margin: 1vw 6vw 1vw 0;
        }

        #underMenuHolder.ss18 .visitShowroom .arrowBtn {
            font-size: 3vw;
            margin: 0 0 1.5vw;
        }

        /* END Sample Sale 2018 */

        /* START Spring Sale 2018 */

        /* - START Sticky Bar */

        #underMenuHolder.springSale18 {
            height: 10vw;
        }

            #underMenuHolder.springSale18.stickyActive a.closeSticky {
                font-size: 4vw;
            }

            #underMenuHolder.springSale18 > .container {
                padding: 0 6vw 0 5vw;
            }

            #underMenuHolder.springSale18 .underMenu p,
            #underMenuHolder.springSale18 .underMenu .clockHolder,
            #underMenuHolder.springSale18 .underMenu .clockHolder span {
                font-size: calc(8px + 1.5vw);
                line-height: calc(12px + 2vw);
                white-space: normal;
            }

            #underMenuHolder.springSale18.nonDiamond .underMenu p,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
                font-size: calc(10px + 2vw);
            }

            #underMenuHolder.springSale18 .underMenu .arrowBtn {
                line-height: 14vw;
                padding: 2vw 8vw 2vw 2vw;
            }

        /* - END Sticky Bar */

        /* - START Homepage */

        #homepage .saleLogoHolder {
            width: 30%;
        }

        /*#homepage #hero.springSale18 figcaption.row > .info {
        width: 50%
    }

        #homepage #hero.springSale18 figcaption.row > .info h2 {
            font-size: 4vw;
        }

    #homepage.springSale18 .imageWithCaptionBlock h2 {
        font-size: 5vw;
    }

    #homepage #hero.springSale18 figcaption.row > .info h2 > p {
        font-size: 3.5vw;
        margin-top: 1vw;
        line-height: 4vw;
    }

    #homepage.springSale18 .imageWithCaptionBlock h3 {
        font-size: 3vw;
    }*/

        /* START Experts Craftsmanship and Testemonials Area */


        #homepage .homepageArticles .slick-dots {
            bottom: 2vw;
        }

        #homepage .homepageArticles {
            background-position: top 6vw center;
            height: 38vw;
            padding: 16vw 0 2vw;
            margin-bottom: 6vw;
        }

            #homepage .homepageArticles .quoteHolder q {
                font-size: 2.8vw;
                margin-bottom: 3vw;
            }

            #homepage .homepageArticles .quoteHolder a {
                font-size: 2.3vw;
            }

        #homepage .hero .info {
            width: 50%;
        }

            #homepage .hero .info h2 {
                font-size: 4.5vw;
                margin-bottom: 3vw;
            }

            #homepage .hero .info p {
                font-size: 2.5vw
            }

            #homepage .hero .info a + a {
                margin-left: 2.3vw;
            }


        /* END Experts Craftsmanship and Testemonials Area */



        /* - END Homepage */

        /* - START Shopping Bag */

        #shopClockHolderMob {
            height: auto;
            margin-top: 4vw;
            padding: 3vw 0;
        }

        /* - END Shopping Bag */

        /* START Spring Sale 2018 */

    }

    @media (min-width:769px) and (max-width:1030px /*desktopBreakingPoint*/ ) /* From Tablet Portrait to Desktop (just Tablet Landscape) (image breakpoint) TLCSS */
    {

        #dropdown-2.dropdown {
            width: 71%;
        }

        /* - START Shop Page Monologue select box */
        #step-1 #moveProductSelect2 {
            width: 100px;
        }
        /* - END Shop Page Monologue select box */

        #nav #menu3 .sub-menu {
            /* height: 280px; */
        }

            #nav #menu3 .sub-menu .main_sub_inner_4th {
                /* margin: 0 0 0 2% !important; */
            }

                #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(2) {
                    /* width: 19% !important; */
                }

                #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(3) {
                    /* width: 27% !important; */
                }

                #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(4) {
                    /* width: 21% !important; */
                }

                #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(5) {
                    /*width: 23% !important;*/
                }


        #nav #menu3 .sub-menu {
            /* margin-left: -49% !important; */
        }

        #menu3 .sub-menu .gradient img {
            /*left: 385px;*/
        }

        #homepage #hero .slick-dots {
            bottom: 0px;
        }




        /* START Hero Banners */

        figure.imageWithCaptionBlock figcaption h2,
        #hero .info h1, .hero .info h1,
        #hero .info h2, .hero .info h2 {
            font-size: 3vw;
            margin-bottom: 1.5vw;
        }

        /*figure.imageWithCaptionBlock figcaption h3,
    #hero .info h3, .hero .info h3, #hero .info p, .hero .info p {
        font-size: 1.8vw;
        margin-bottom: 1.5vw;
    }

    figure.imageWithCaptionBlock[class*="-6col"] .p-bottomLeftCorner {
        left: 8%;
    }

    #hero a.arrowBtn,
    #heroa .arrowBtn:link,
    #heroa .arrowBtn:visited,
    #hero .arrowBtn {
        font-size: 2vw;
        background-size: 2vw auto;
    }*/

        /* END Hero Banners */

        /* START Sub nav slider */

        .subNavSlider > li {
            font-size: 2vw;
        }

        /* END Sub nav slider */

        /* START Phrase Banner Block */

        .phraseBannerBlock .quoteHolder q {
            font-size: 1.6vw;
        }

        /* END  Phrase Banner Block */

        /* START Pre footer slides */

        #preFooterSlides p {
            /*font-size: 1.8vw;*/
        }

        /* END Pre footer slides */

        /* START Homepage */

        #homepage .subNavSlider > li {
            font-size: 1.8vw;
        }

        #homepage .phraseBannerBlock .quoteHolder q {
            font-size: 2vw;
        }


        #homepage .homepageArticles {
            width: 80%;
            height: 30vw;
            padding-top: 80px;
            margin-bottom: 40px;
        }

            #homepage .homepageArticles .quoteHolder q {
                font-size: 21px;
                margin-bottom: 2vw;
            }

            #homepage .homepageArticles .quoteHolder a {
                font-size: 1.8vw;
            }

        #homepage .bookAppointmentSlide .info {
            top: 40%;
        }

        #homepage .hero .info {
            /*width: 60%;*/
        }

            /*#homepage .hero .info h2 {
            font-size: 3.5vw;
            margin-bottom: 3vw;
        }*/

            #homepage .hero .info p {
                font-size: 2.1vw
            }

            #homepage .hero .info a + a {
                margin-left: 2vw;
            }


        /* END Homepage */

        /* START Diamond Jewellery */

        #diamondJewellery .subNavSlider > li {
            font-size: 1.7vw;
        }

        /* END Diamond Jewellery */

        /* START Diamond Collection */

        #diamondCollection2017 p {
            font-size: 2vw;
        }

        #diamondCollection .quoteHolder > h4 {
            font-size: 3vw;
        }

        #diamondCollection2017 #hero.xmas_hero .info h1 {
            font-size: 3vw;
            margin-bottom: 1vw;
        }

        #behindCollectionsHolder #hero.xmas_hero h2 > span {
            font-size: 3vw;
            margin-left: 0;
        }

        #diamondCollection2017 #hero .info p {
            margin-bottom: 1vw;
            font-size: 1.5vw;
        }

        #behindCollectionsHolder h2 > span {
            font-size: 3.5vw;
            margin-left: 20vw;
        }

        #diamondCollection2017 .squaredText {
            padding: 5vw 8vw;
        }

        /* END Diamond Collection */

        /* START Bespoke */

        /*#bespokePage .threeImagesBlock h3 {
            font-size: 2.5vw;
        }*/

        .miniToBigSliderHolder figure.active > .overlayInfo {
            opacity: 1;
            z-index: 9;
        }

        .miniToBigSliderHolder .miniSlidesHolder > figure {
            height: 22vw;
            margin-bottom: 2vw;
        }

        .miniToBigSliderHolder .mainSlide {
            height: 46vw;
        }

        /* START Bespoke */

        /* START Glissade Landing Page */

        #glissadePage .crescendoImageHolder {
            margin-bottom: 100px;
        }

        /* END Glissade Landing Page */

        /* START Product Page */

        #rings-area .rings-panel .filterControls .action-btns-Wrapper .action-btns #btnAddToShoppingBag {
            width: 80%;
        }

        #step-2 .action-btns .bigbtn span {
            width: 80%;
        }

        #step-2 .action-btns .box {
            width: 80%;
        }

        /*#style-examples li#liSubcattext_41 figure > figcaption h4,#style-examples li#liSubcattext_41 figure > figcaption .h4{font-size:3vw;}*/
        /*#style-examples li#liSubcattext_41 figure > figcaption p {
        font-size: 18px;
    }*/

        #ReviewItemUl li.reviewRowIncomplete {
            max-height: 180px;
        }

        .safari #ReviewItemUl li.reviewRowIncomplete,
        .chrome #ReviewItemUl li.reviewRowIncomplete {
            max-height: 205px;
        }

        #step-2 .results h4 {
            max-width: 12vw;
            margin: 0 2vw;
        }

        /*#contentDiamondOptionsControl #advancedFilters:before,
    #step-2 .results .btn {
        font-size: 1.2vw;
    }*/

        /* END Product Page */

        /* START Shopping Bag Page */

        #shoppingBagPage .cta, #checkoutPage .cta {
            margin-left: 0;
        }

        /* END Shopping Bag Page */

        /* START Checkout 2017 */

        .checkout2017 .diamondInfoToggle {
            font-size: 12px;
        }

            .checkout2017 .diamondInfoToggle > img {
                max-width: 24px;
            }

            .checkout2017 .diamondInfoToggle i.fa {
                margin-left: 0;
            }

        #checkoutSteps .step .stepTitle {
            font-size: 14px;
        }

            #checkoutSteps .step .stepTitle > .stepNumber {
                margin-top: 3px;
                vertical-align: top;
                font-size: 18px;
            }

            #checkoutSteps .step .stepTitle > .stepDescription {
                display: block;
                margin-top: -12px;
                margin-left: 45px;
            }

        #shopBag2017 #itemsHolder .ringSizeHolder {
            white-space: nowrap;
        }

            #shopBag2017 #itemsHolder .ringSizeHolder > span {
                display: block;
            }

        #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder > figure {
            top: 55%;
        }

        #checkoutSteps .step .stepResume .buttonsHolder .btn {
            font-size: 13px;
        }
        /* END Checkout 2017 */

        /* START reCaptcha */

        .smallerCaptcha .g-recaptcha {
            transform: translateX(5px) scale(0.65);
            -webkit-transform: translateX(5px) scale(0.65);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }

        /* END reCaptcha */

        /* START Categories */

        #categoriesListHolder ul li > article,
        #categoriesListHolder ul li > figure {
            height: 23vw;
        }

        /* END Categories */

        /* START SEO Pages */

        .SEOshapes .subNavSlider > li {
            font-size: 1.5vw;
            margin-left: 3%;
        }

        /* END SEO Pages */

        /* START Muse Collection 2018 */

        #museCollectionPage #hero figcaption.row .col h1 {
            font-size: 5vw;
        }

        #museCollectionPage #hero figcaption.row .col p {
            font-size: 2.5vw;
            margin: 2vw 0 3vw;
        }

        #museCollectionPage #hero figcaption.row .col a {
            font-size: 2.2vw;
        }

        #museCollectionPage .discoverCollections h3 > a {
            font-size: 1.5vw;
        }

        /* END Muse Collection 2018 */

        /* START Express Page */
        #info-table, #info-table-pair {
            font-size: 0.7vw;
        }

        #expresspage.christmas2017 #hero .info h2 {
            font-size: 3vw;
        }

        #expresspage.christmas2017 #hero .info p {
            font-size: 1.5vw;
        }

            #expresspage.christmas2017 #hero .info p.smallText {
                font-size: 1vw;
            }

        /* END Express Page */

        /* START GDPR Landing Page */

        #gdprPage .worldTopNews77Holder article .textHolder h3 {
            font-size: 2.5vw;
            margin-bottom: 1vw;
        }

        #gdprPage .worldTopNews77Holder article .textHolder p {
            font-size: 2vw;
            margin-bottom: 1vw;
        }

        /* END GDPR Landing Page */

        /* START Black Friday Event #BFevent */

        /*.topBadge > a strong,
    .topBadge > a span
    {
        font-size:24px;
    }*/

        /* - START During BF Weekend */

        .eventLive > .bannerLinks {
            bottom: 2vw;
            width: 50%;
            right: 0;
        }

        /* - END During BF Weekend */

        /* END Black Friday Event */

        /* START Impero Collection Launch */

        #looseDiamonds.imperoCollection #hero .info,
        #diamondNecklaces.imperoCollection #hero .info {
            width: 40%;
        }

        #homepage #hero.imperoCollection figcaption.row > .info > h2 {
            font-size: 3.6vw;
            white-space: nowrap;
        }

        /* END Impero Collection Launch */

        /* START Product Page (fixes 17/01/2017) */

        #rings-area .rings-panel {
            padding: 0 15px;
        }
        /*#Divshapes .shapes-list > li:nth-child(5){margin-right:23%;}*/

        /* START Black Friday 2017 */

        /* - START Homepage */

        #clockHolder {
            margin-bottom: 3.5vw;
        }

            #clockHolder #BF_clock > span {
                margin-top: 2vw;
            }

        #blackFriday .hero .info {
            margin-top: 2%;
        }

        #homepage #hero .bannerLinks.blackFriday2017 .btn.eventBtn:not(.disabled) {
            min-width: 30vw;
            font-size: 1.5vw;
        }

        /* - END Homepage */

        /* END Black Friday 2017 */

        /* START January Sale 2018 */

        /* - START Homepage */

        #homepage #hero.jan18 figcaption.row > .info h3 {
            font-size: 2vw;
        }

        #homepage #hero.imperoCollection.jan18 figcaption.row > .info > h2 {
            font-size: 3.5vw;
        }

        #homepage #hero.imperoCollection.jan18 figcaption.row > .info img {
            max-width: 35vw;
        }

        #homepage.jan18 .subNavSlidesHolder figcaption > .info h2.jan18grey {
            font-size: 4.3vw;
        }

        #homepage.jan18 .subNavSlidesHolder figcaption > .info h3.jan18grey {
            font-size: 2.1vw;
            padding: 0 5.7vw;
        }

            #homepage.jan18 .subNavSlidesHolder figcaption > .info h3.jan18grey > br {
                display: none;
            }

        #homepage.jan18 .subNavSlidesHolder figcaption > .info img {
            max-width: 37vw;
        }

        #homepage #hero.jan18 figcaption.row > .info .jan18FinalSale {
            font-size: 10vw;
            letter-spacing: 3vw;
            line-height: 7vw;
            padding-left: 2vw;
        }

        #homepage #hero.jan18 figcaption.row > .info .jan18ExtendedSale {
            font-size: 6.5vw;
            letter-spacing: 1vw;
            line-height: 7vw;
            padding-left: 1vw;
        }

        /* - END Homepage */

        /* - START Sticky Bar */

        #underMenuHolder.jan18 > .container {
            padding: 0 4vw;
        }

        #underMenuHolder.jan18 .underMenu p,
        #underMenuHolder.jan18 .underMenu .clockHolder,
        #underMenuHolder.jan18 .underMenu .clockHolder span {
            font-size: 2.3vw;
            line-height: 60px;
            white-space: nowrap;
        }

        /* - END Sticky Bar */

        /* - START Shop Page */

        #shopClockHolder,
        #needItForValentines {
            padding: 2vw;
            height: 10.5vw;
        }

            #needItForValentines p {
                font-size: 2.4vw;
                margin-bottom: 1vw;
            }

        #shopClockHolder {
            height: 9vw;
        }

            #shopClockHolder p {
                font-size: 1.6vw;
                margin-bottom: 0.5vw;
            }

            #shopClockHolder #jan18_shopClock span,
            #shopClockHolder .textHolder > span {
                font-size: 2.4vw;
            }

            #shopClockHolder #jan18_shopClock {
                margin-left: 0.5vw;
                font-size: 2.4vw;
            }

                #shopClockHolder #jan18_shopClock > span {
                    width: 5vw;
                    margin-left: 0.2vw;
                }

        /* - END Shop Page */

        /* END January Sale 2018 */

        /* START Sample Sale 2018 */

        #hero .slide.ss18 .sampleDate {
            bottom: 1.1vw;
        }

        #hero .slide.ss18 h2 {
            font-size: 3vw;
        }

            #hero .slide.ss18 h2 img {
                max-width: 37vw;
            }

        #hero .slide.ss18 h3 {
            font-size: 2.7vw;
        }

        #underMenuHolder.ss18 > .container p {
            font-size: 1.8vw;
            margin: 1.5vw 0 1.5vw 3vw;
        }

        #underMenuHolder.ss18 .visitShowroom .btn.arrowBtn {
            font-size: 18px;
        }

        #underMenuHolder.ss18 .visitShowroom .arrowBtn {
            font-size: 1.8vw;
            margin: 1.5vw 3vw 1.5vw 0;
        }

        /* END Sample Sale 2018 */

        /* START Spring Sale 2018 */

        /* - START Sticky Bar */

        #underMenuHolder.springSale18 {
            height: 6vw;
        }

            #underMenuHolder.springSale18.stickyActive a.closeSticky {
                font-size: 3vw;
                top: 0;
            }

            #underMenuHolder.springSale18 > .container {
                padding: 0 3vw;
            }

            #underMenuHolder.springSale18 .underMenu p,
            #underMenuHolder.springSale18 .underMenu .clockHolder,
            #underMenuHolder.springSale18 .underMenu .clockHolder span {
                font-size: 2.3vw;
                line-height: 8vw;
            }

            #underMenuHolder.springSale18.nonDiamond .underMenu p,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder,
            #underMenuHolder.springSale18.nonDiamond .underMenu .clockHolder span {
                font-size: 2.5vw;
            }

        #shopClockHolder #springSale18_shopClock span,
        #shopClockHolder .textHolder > span {
            font-size: 2.4vw;
        }

        #shopClockHolder #springSale18_shopClock {
            margin-left: 0.5vw;
            font-size: 2.4vw;
        }

            #shopClockHolder #springSale18_shopClock > span {
                width: 6vw;
                margin-left: 0.2vw;
            }

        /* - END Sticky Bar */

        /* - START Homepage */

        /*#homepage.springSale18 .imageWithCaptionBlock h2,
    #homepage #hero.springSale18 figcaption.row > .info h2 {
        font-size: 3vw;
    }

        #homepage #hero.springSale18 figcaption.row > .info h2 > p {
            font-size: 2.5vw;
            margin-top: 0.5vw;
            line-height: 4vw;
        }

    #homepage.springSale18 .imageWithCaptionBlock h3 {
        font-size: 2vw;
    }*/

        /* - END Homepage */


        /* START Engagement Page */

        #engagementPage .quote2 div {
            min-height: 182px;
        }

        /* END Engagement Page */

    }

    @media (min-width:1031px /*desktopBreakingPoint 2*/ ) /* desktop only */
    {
        #styles .filter2 li.active:before {

            display: block;
          
        }

        #styles .filter2 li.active:after {
            display: block;
        }

        #homepage .homepageArticles .slick-dots,
        #homepage #hero .slick-dots {
            bottom: 60px;
        }

        #homepage .homepageTestimonialsAndExpertCrafts .craftsmanText {
            /*bottom: 5%;*/
        }

        /* START Celebrity Engagement Ring 2018 */

        #celebrityPage2018 {
            padding: 0;
        }

            #celebrityPage2018 .main-content {
                padding: 40px 0;
            }

            #celebrityPage2018 .top-banner {
                padding: 0;
            }

                #celebrityPage2018 .top-banner .banner-content {
                    text-align: left;
                    width: 50%;
                    height: 100%;
                    padding: 0 40px;
                }

                #celebrityPage2018 .top-banner figcaption {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    margin: 0;
                    padding: 0;
                    z-index: 2;
                }

                #celebrityPage2018 .top-banner .banner-content h1 {
                    color: white;
                }

                #celebrityPage2018 .top-banner .banner-content p {
                    color: white;
                }

            #celebrityPage2018 .arrow-celebrity-banner {
                display: inline-block;
            }

            #celebrityPage2018 .main-content .celeb-tab {
                margin-top: 0px;
            }

                #celebrityPage2018 .main-content .celeb-tab .celeb-tab-content [ranking]:before {
                    content: attr(ranking);
                    position: absolute;
                    top: 50%;
                    font-size: 580px;
                    transform: translateY(-52%);
                    color: #f9f9f9;
                    z-index: -1;
                }

        /* END Celebrity Engagement Ring 2018 */


        /* START Specifics for Eden Campaign 2018 */

        #edenCampaign .eden-blocks .single-block {
            height: 433px;
        }

            #edenCampaign .eden-blocks .single-block.d-left {
                float: left;
            }

            #edenCampaign .eden-blocks .single-block.d-right {
                float: right;
            }

        /* END Specifics for Eden Campaign 2018 */

        /* START reCaptcha */

        .smallerCaptcha .g-recaptcha {
            margin-top: 0;
            transform: translateX(5px) scale(0.65);
            -webkit-transform: translateX(5px) scale(0.65);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }

        /* END reCaptcha */

        /* START Defined Heights */

        .height700 {
            height: 700px;
        }

        /* END Defined Heights*/

        /* START Forms */

        .form label.side {
            width: 30%;
            display: inline-block;
        }

            .form label.side + input[type=text],
            .form label.side + input[type=password],
            .form label.side + input[type=email],
            .form label.side + input[type=file],
            .form label.side + select {
                width: 65%;
                margin-left: 5px;
            }

                .form label.side + input[type=text].prefix,
                .form label.side + select.prefix {
                    width: 25%;
                }

                    .form label.side + input[type=text].prefix + input,
                    .form label.side + select.prefix + input {
                        width: 38%;
                        margin-left: 1%;
                    }

            .form label.side + input.inputBtn {
                width: 45%;
            }

                .form label.side + input.inputBtn + input[type=button] {
                    width: 22%;
                    height: 26px;
                    margin-left: -1px;
                }

        /* END Forms */

        /* START Mini Slider */

        .miniToBigSliderHolder figure:hover > .overlayInfo {
            opacity: 1;
            z-index: 9;
        }

        .miniToBigSliderHolder .mainSlideHolder {
            padding-left: 0;
        }

        .miniToBigSliderHolder .carrousel_left,
        .miniToBigSliderHolder .carrousel_right {
            top: auto;
            bottom: 0;
        }

        .miniToBigSliderHolder .viewAll:hover {
            text-decoration: underline;
        }

        /* END Mini Slider */

        /* START Contacts */

        #contacts .styled-select {
            width: 80%;
        }

        /* END Contacts */

        #shoppingBagPage .desktopLeftCol, #checkoutPage .desktopLeftCol {
            margin-left: 4.5%;
            width: 61.5%;
        }

        #shoppingBagPage .desktopRightCol, #checkoutPage .desktopRightCol {
            margin-right: 4.5%;
            width: 28.5%;
        }

        /* START Education Landing Page */

        #educationPage #hero {
            margin-bottom: -80px;
        }

        #educationPage .caratImageHolder {
            text-align: right;
            margin-bottom: -50px;
            margin-right: 85px;
        }

        .educationPage ul.bottomNav .desktopText {
            display: inline;
        }

        /* END Education Landing Page */

        /* START Bespoke Page */

        /*#bespoke .popperUpperHolder .form {
            width: 100%;
            min-width: 535px;
        }*/

        /* END Bespoke Page */

        /* START Contact us */

        #contactsPage .contactsHolder .form label.side + input[type="text"],
        #contactsPage .contactsHolder .form label.side + input[type="password"],
        #contactsPage .contactsHolder .form label.side + input[type="email"],
        #contactsPage .contactsHolder .form label.side + input[type="file"],
        #contactsPage .contactsHolder .form label.side + select {
            width: 68%;
        }

        #contactsPage .contactsHolder .form label.side {
            vertical-align: middle;
        }

        /* END Contact us */

        /* START Categories */

        #categoriesListHolder ul li > article,
        #categoriesListHolder ul li > figure {
            height: 245px;
        }

        #categoryDetailsPage .slidesHolder figure {
            max-width: 80%;
            margin: auto;
        }

        /* END Categories */

        /* START Engagement page */

        #engagementPage .quote2 > div {
            height: 210px;
        }

        /* END Engagement page */

        /* START SEO Pages 2017 */

        .SEOshapes2017 .chooseHolder img {
            max-width: 550px;
        }

        /* END SEO Pages 2017 */

        /* START Checkout2017 */

        #checkoutSteps .form .post-code > span.manually {
            margin-top: 0;
        }

        /* END Checkout2017 */

        /* START Express Page */

        #expresspage #productInfo #containerFlash {
            height: 410px;
        }

            #expresspage #productInfo #containerFlash #player {
                margin-top: 20%;
                transform: translateY(-20%);
            }

        #expresspage .productInfoExpressContent {
            min-width: 600px;
        }

        #expresspage #filtersHolder .filterHolder ul > li > button:hover {
            color: #ffc13a;
            border-color: #ffc13a;
            z-index: 1;
        }

        /* END Express Page */

        /* START Celebrity Page */

        .celebrityPage .innerDivTexRight .textHolder {
            right: 0;
            width: 58%;
        }

        /* END Celebrity Page */

        /* START Product Page */

        #style-examples li#liSubcattext_41 figure > figcaption {
            top: 0;
        }

            #style-examples li#liSubcattext_41 figure > figcaption p {
                width: 40%;
                /*font-size: 18px;*/
            }

        /* END Product Page */

        /* START Careers Page*/

        #careersPage .glassdoor-link {
            margin: 150px 0;
        }

        /* END Careers Page*/

    }

    /* RETINA DISPLAYS! */

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

        .carrousel_left,
        .carrousel_right {
            background-image: url(/images/img-2018/Common/arrow_706f6f.png);
            background-size: 20px 40px;
        }


        /* START A night for you campaign */

        /* START Product Page */

        /* - START Shapes */

        /*#step-1 .options .shapes-list a, ul.shapes-list a {
            background-image: url(/images/NewImages/Icons/Retina/DiamondShapes.png);
            background-size: 836px 35px;
        }

        #step-1 .options .shapes-list #shape-1, ul.shapes-list #sha_1 {
            background-position: 5px 5px;
        }

        #step-1 .options .shapes-list #shape-2, ul.shapes-list #sha_2 {
            background-position: -85px 5px;
        }

        #step-1 .options .shapes-list #shape-3, ul.shapes-list #sha_3 {
            background-position: -175px 5px;
        }

        #step-1 .options .shapes-list #shape-4, ul.shapes-list #sha_4 {
            background-position: -265px 5px;
        }

        #step-1 .options .shapes-list #shape-5, ul.shapes-list #sha_5 {
            background-position: -355px 5px;
        }

        #step-1 .options .shapes-list #shape-6, ul.shapes-list #sha_6 {
            background-position: -445px 5px;
        }

        #step-1 .options .shapes-list #shape-7, ul.shapes-list #sha_7 {
            background-position: -535px 5px;
        }

        #step-1 .options .shapes-list #shape-8, ul.shapes-list #sha_8 {
            background-position: -625px 5px;
        }

        #step-1 .options .shapes-list #shape-9, ul.shapes-list #sha_9 {
            background-position: -715px 5px;
        }

        #step-1 .options .shapes-list #shape-10, ul.shapes-list #sha_10 {
            background-position: -805px 5px;
        }

        ul.shapes-list #sha_10 {
            background-position: -805px 5px;
        }*/

        /* - END Shapes */

        /* - START Wed Ring Depth */

        .wedding_ring_depth_select .weddingRingDepth {
            background-image: url(/images/NewImages/Icons/Retina/WeddingMashedDepth.png);
            background-size: 66px 570px;
        }

        .wedding_ring_depth_select .weddingRingLabel {
            color: #333
        }

            .wedding_ring_depth_select .weddingRingLabel.selected {
                color: #ffc13a
            }

        .wedding_ring_depth_select .weddingRingDepth.Heavy {
            background-position: -5px -6px;
        }

            .wedding_ring_depth_select .weddingRingDepth.Heavy.inactive {
                background-position: -5px -67px;
            }

            .wedding_ring_depth_select .weddingRingDepth.Heavy.selected {
                background-position: -5px -132px;
            }

        .wedding_ring_depth_select .weddingRingDepth.Light {
            background-position: -5px -194px;
        }

            .wedding_ring_depth_select .weddingRingDepth.Light.inactive {
                background-position: -5px -257px;
            }

            .wedding_ring_depth_select .weddingRingDepth.Light.selected {
                background-position: -5px -320px;
            }

        .wedding_ring_depth_select .weddingRingDepth.Medium {
            background-position: -5px -384px;
        }

            .wedding_ring_depth_select .weddingRingDepth.Medium.inactive {
                background-position: -5px -447px;
            }

            .wedding_ring_depth_select .weddingRingDepth.Medium.selected {
                background-position: -5px -510px;
            }

        /* - END Wed Ring Depth */

        /* - START Wed Ring Width */

        .weddingRingWidth {
            background-image: url(/images/NewImages/Icons/Retina/WeddingMashedWidth.png);
            background-size: 48px 1235px;
        }

            .weddingRingWidth.weddingRing2mm {
                background-position: -10px 5px;
            }

                .weddingRingWidth.weddingRing2mm.inactive {
                    background-position: -10px -406px;
                }

                .weddingRingWidth.weddingRing2mm.selected {
                    background-position: -10px -818px;
                }

            .weddingRingWidth.weddingRing2-5mm {
                background-position: -10px 46px;
            }

                .weddingRingWidth.weddingRing2-5mm.inactive {
                    background-position: -10px -457px;
                }

                .weddingRingWidth.weddingRing2-5mm.selected {
                    background-position: -10px -869px;
                }

            .weddingRingWidth.weddingRing3mm {
                background-position: -10px -98px;
            }

                .weddingRingWidth.weddingRing3mm.inactive {
                    background-position: -10px -509px;
                }

                .weddingRingWidth.weddingRing3mm.selected {
                    background-position: -10px -921px;
                }

            .weddingRingWidth.weddingRing4mm {
                background-position: -10px -149px;
            }

                .weddingRingWidth.weddingRing4mm.inactive {
                    background-position: -10px -560px;
                }

                .weddingRingWidth.weddingRing4mm.selected {
                    background-position: -10px -972px;
                }

            .weddingRingWidth.weddingRing5mm {
                background-position: -10px -201px;
            }

                .weddingRingWidth.weddingRing5mm.inactive {
                    background-position: -10px -612px;
                }

                .weddingRingWidth.weddingRing5mm.selected {
                    background-position: -10px -1024px;
                }

            .weddingRingWidth.weddingRing6mm {
                background-position: -10px -252px;
            }

                .weddingRingWidth.weddingRing6mm.inactive {
                    background-position: -10px -663px;
                }

                .weddingRingWidth.weddingRing6mm.selected {
                    background-position: -10px -1075px;
                }

            .weddingRingWidth.weddingRing7mm {
                background-position: -10px -303px;
            }

                .weddingRingWidth.weddingRing7mm.inactive {
                    background-position: -10px -715px;
                }

                .weddingRingWidth.weddingRing7mm.selected {
                    background-position: -10px -1126px;
                }

            .weddingRingWidth.weddingRing8mm {
                background-position: -10px -355px;
            }

                .weddingRingWidth.weddingRing8mm.inactive {
                    background-position: -10px -766px;
                }

                .weddingRingWidth.weddingRing8mm.selected {
                    background-position: -10px -1178px;
                }

        /* - END Wed Ring Width */

        /* - START Mashed Components */

        .mashedComponentImage {
            background-image: url(/images/NewImages/Icons/Retina/NecklaceMashedComps.png);
            background-size: 59px 122px;
        }

        /* - END Mashed Components */

        /* - START Eternity Ring Type */

        .eternityRingType {
            background-image: url(/images/NewImages/Icons/Retina/EternityMashedComps.png);
            background-size: 76px 462px;
        }

            .eternityRingType.Full {
                background-position: -10px -241px;
            }

                .eternityRingType.Full.inactive {
                    background-position: -10px -318px;
                }

                .eternityRingType.Full.selected {
                    background-position: -10px -395px;
                }

            .eternityRingType.Half {
                background-position: -10px -9px;
            }

                .eternityRingType.Half.inactive {
                    background-position: -10px -86px;
                }

                .eternityRingType.Half.selected {
                    background-position: -10px -163px;
                }

        /* - END Eternity Ring Type */

        /* - START Eternity Ring Size */

        .eternityRingSize {
            background-image: url(/images/NewImages/Icons/Retina/EternitySizeComps.png);
            background-size: 47px 612px;
        }

            .eternityRingSize.Grande {
                background-position: -10px -10px;
            }

                .eternityRingSize.Grande.selected {
                    background-position: -10px -87px;
                }

            .eternityRingSize.Maxi {
                background-position: -10px -163px
            }

                .eternityRingSize.Maxi.selected {
                    background-position: -10px -240px;
                }

            .eternityRingSize.Medi {
                background-position: -10px -316px;
            }

                .eternityRingSize.Medi.selected {
                    background-position: -10px -393px;
                }

            .eternityRingSize.Mini {
                background-position: -10px -469px;
            }

                .eternityRingSize.Mini.selected {
                    background-position: -10px -546px;
                }

        /* - END Eternity Ring Size */

    #galleryAccordion > li > h3.video,
    #galleryAccordion > li > .h3.video {
        background-image: url(/images/NewImages/Symbols/Retina/VideoCameraButton.png);
        background-size: 20px auto;
    }

        #step-2 .galleryImage .carrousel_left,
        #step-2 .galleryImage .carrousel_right {
            background-image: url(/images/img-2018/Common/arrow_706f6f.png);
            background-size: 30px 60px;
            z-index: 9;
        }

        /* END Product Page */

        /* START Bespoke Page */

        /*.miniToBigSliderHolder figure > .overlayInfo > .forwardFriend
    {
        background-image:url(../images/retinaImages/BespokePage/BespokeEnvelope_R_42x20.png);
        background-size: 21px 20px;
    }*/

        /* END Bespoke Page */

        /* START Education Pages */

        /* END Education Pages */

        /* START Footer */

        #desktopContactBoxes .contact a div.contacts {
            background-size: 32px auto;
            background-image: url(/images/NewImages/Icons/Retina/FooterIcons.png);
        }

        #desktopContactBoxes .contact a div.envelope {
            background-position: 0 0
        }

        #desktopContactBoxes .contact a div.telephone {
            background-position: 0 -180px
        }

        #desktopContactBoxes .contact a div.findUs {
            background-position: 0 -120px;
        }

        #desktopContactBoxes .contact a div.livechat {
            background-position: 0 -60px
        }

        #desktopContactBoxes .contact a:hover div.envelope {
            background-position: 0 -30px
        }

        #desktopContactBoxes .contact a:hover div.telephone {
            background-position: 0 -210px
        }

        #desktopContactBoxes .contact a:hover div.findUs {
            background-position: 0 -150px;
        }

        #desktopContactBoxes .contact a:hover div.livechat {
            background-position: 0 -90px
        }

        /*footer#footer div.social a.world77 {
            background-image: url(/images/logos/Retina/Footer_77WorldLogo.png);
            background-size: 135px auto;
        }

            footer#footer div.social a.world77:hover {
                background-image: url(/images/logos/Retina/Footer_77WorldLogoSelected.png);
            }*/

        /* END Footer */

    }

    @media (max-width:650px) /* Fix for A night for you (Campaign Aug 2018) */
    {

        /* START Winter Sale 2019 */

        .cartPhaseHolder .shopCountdownHolder span.timer,
        .WinterSaleShoppingBagCountDownHolder .shopCountdown span.timer,
        .stickyBF18-clock #heroClockHolder .clockHolder #BF2018_heroClock span.timer {
            font-size: 22px;
        }

        .shopCountdownHolder .shopCountdown {
            vertical-align: initial;
        }

        .cartPhaseHolder .shopCountdownHolder {
            padding-left: 12px;
        }

            .cartPhaseHolder .shopCountdownHolder span.timer {
                font-size: 16px;
            }
        /* END Winter Sale 2019 */

        .nightForYouStickyBar .event-description {
            display: block;
            float: none;
            width: 100%;
            text-align: right;
            position: relative;
        }

            .nightForYouStickyBar .event-description .subtitle {
                margin-left: 6px;
                font-size: 14px;
                float: left;
                white-space: nowrap;
                max-width: 66%;
            }

            .nightForYouStickyBar .event-description .eventlink {
                min-width: 100px;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 99999;
            }

                .nightForYouStickyBar .event-description .eventlink.mobile-eventlink {
                    text-align: center;
                    width: 100%;
                    position: initial;
                }

            .nightForYouStickyBar .event-description a.arrowBtn {
                padding: 0;
                padding-right: 26px;
                margin: 0;
                font-size: 14px;
                margin-left: 0px;
                margin-right: 0px;
                letter-spacing: 1px;
            }


        .nightForYouStickyBar .container .event-title {
            display: none;
        }
    }

    /*  FIXES FOR IE */


    /*  Shapes pages 2017 */

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

        body.NewsletterTopbarFormIsOpen #wrapper {
            margin-top: 0 !important;
        }

        body.NewsletterTopbarFormIsOpen header {
            position: static;
            top: 0;
        }

        .stickySpringFlashSale2019 {
            display: block;
        }

        .slide_left_landing_pages_inner {
            padding-top: 50px;
        }

        .designYourRingHolder .chooseHolder {
            min-height: 520px !important;
        }

            .designYourRingHolder .chooseHolder .btn {
                display: block !important;
                max-width: 180px !important;
            }

            .designYourRingHolder .chooseHolder img {
                display: block !important;
                margin: auto !important;
                margin-bottom: 15px !important;
            }
    }

    @media (max-width:480px) /* Fix for Winter Sale 2019 */
    {

        /* START Winter Sale 2019 */

        .cartPhaseHolder .shopCountdown {
            vertical-align: middle;
        }

        .cartPhaseHolder .shopCountdownHolder span.timer {
            font-size: 24px;
        }
    }

    .hero-banner {
        position: relative
    }

    .hero-banner .hero-banner--caption>* {
        pointer-events: all
    }
    
    @media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
        .hero-banner .hero-banner--caption {
            -webkit-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit
        }
    }
    
    .hero-banner .hero-banner--caption {
        position: absolute;
        top: 0;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        height: 100%
    }

    .hero-banner.primrose .hero-banner--caption {
        width: 100%
    }
    
    .hero-banner.primrose .hero-banner--title {
        color: #333;
        font-family: "Nunito Sans SemiBold";
        font-size: 28px;
        letter-spacing: .88px;
        line-height: 38px;
        margin-bottom: 12px
    }
    
    .hero-banner.primrose .hero-banner--content {
        color: #333;
        font-family: "Nunito Sans Light";
        font-size: 13px;
        line-height: 1.6em;
        letter-spacing: .88px;
        margin-bottom: 20px
    }
    
    .hero-banner.primrose .hero-banner--link {
        text-transform: uppercase;
        color: #333;
        font-family: "Nunito Sans SemiBold";
        font-size: 12px;
        letter-spacing: 1px;
        background-color: #fff;
        height: 45px;
        min-width: 110px;
        width: auto;
        padding: 0 16px;
        text-align: center;
        -webkit-transition: .3s;
        transition: .3s;
        line-height: 17px;
        white-space: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .hero-banner.primrose .hero-banner--link:hover {
        color: #fff;
        background-color: #333;
        -webkit-transition: .3s;
        transition: .3s
    }

    @media(min-width:481px) and (max-width:768px) {
        .hero-banner.primrose .hero-banner--caption {
            width: 400px;
            max-width: 60%;
            margin-left: 20px;
            margin-top: 20px
        }
    }
    
    @media(min-width:769px) {
        .hero-banner.primrose .hero-banner--caption {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            width: 500px;
            max-width: 50%;
            margin-left: 20px
        }
    }

    @media(max-width:380px) {
        .hero-banner.primrose .hero-banner--image {
            min-height: 400px;
            -o-object-fit: cover;
            object-fit: cover
        }
    }

    #hero,
	.hero {
		position: relative;
		width: 100%;
		overflow: hidden
	}
	.hero .slide {
		left: 50vw;
		margin: 0 0 0 -50vw;
		position: relative;
		width: 100%;
		overflow: hidden
	}

	.hero .slide .info h4 {
		margin-bottom: 10px
	}

    .hero figcaption.row {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 2
    }

    .hero .info {
        position: absolute;
        background: none;
        border: 0 none;
        max-width: 45%;
        font-size: 9px
    }

    .hero .slide img.banner {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        display: block
    }

    #educationPage .bottomHero .info h2 {
        color: #fff;
        text-shadow: 1px 1px 1px #575757;
        font-size: 5em;
        margin-bottom: 20px
    }

    #educationPage .bottomHero .info p {
        color: #fff;
        text-shadow: 1px 1px 1px #575757;
        font-size: 18px
    }

    @media(max-width:480px) {
        #educationPage .bottomHero .info h2 {
            font-size: 7vw
        }

        #educationPage .bottomHero .info p {
            font-size: 3.5vw
        }

        .hero .info {
            max-width: 90%;
            font-size: 8px
        }
    }

    @media(min-width:481px) and (max-width:768px) {

        #educationPage .bottomHero .info h2 {
            font-size: 6vw
        }

        #educationPage .bottomHero .info p {
            font-size: 2.5vw
        }

        #educationPage .bottomHero .info p {
            font-size: 2.5vw
        }
    }

    /* @media(max-width:1030px) {
        #educationPage .bottomHero .info {
            width: 85%
        }
        #educationPage .bottomHero .info h2 {
            font-size: 7vw
        }
        #educationPage .bottomHero .info p {
            font-size: 3.5vw
        }
        #educationPage .bottomHero .info h1 {
            font-size: 3.2em
        }
    } */